@extends('layouts/master1')
<!--main content start-->
@section('content')
<section id="main-content">
<style type="text/css">
  body{
    background: #eaeaea;
  }
</style>
    <section class="wrapper">
        <div class=".container">
            <div class="heading">
            <div>
            <h2>Tambah Data WNI</h2>
            </div>
            <form method="POST" action="{{route('imigran.store')}}">
            @csrf
            <div class="form-group">
                <label for="formGroupExampleInput">No Permohonan</label>
                <input type="text" class="form-control @error ('no_permohonan') is-invalid @enderror" id="no_permohonan" name="no_permohonan" placeholder="Masukan No Permohonan" value="{{ old('no_permohonan') }}">
                <button class="btn btn-info" type="button" id="cekpermohonan">Cek</button>
                @error('no_permohonan')<div class="invalid-feedback alert alert-danger">{{ $message }}</div>@enderror
            </div>
            <div class="form-group">
                <label for="formGroupExampleInput2">Nama Lengkap</label>
                <input type="text" class="form-control @error ('nama') is-invalid @enderror" id="nama" name="nama" placeholder="Masukan Nama Lengkap" value="{{ old('nama') }}">
                @error('nama')<div class="invalid-feedback alert alert-danger">{{ $message }}</div>@enderror
            </div>
            <div class="form-group">
                <label for="formGroupExampleInput2">Jenis Paspor</label>
                <div class="col-auto my-1">
                <label class="mr-sm-2 sr-only" for="inlineFormCustomSelect">Preference</label>
                <select class="custom-select mr-sm-2 @error ('status') is-invalid @enderror" id="status" name="status" value="{{ old('status') }}">
                    <option selected>Pilih Jenis Paspor</option>
                    <option value="Paspor Biasa 48">Paspor Biasa 48</option>
                    <option value="E-Paspor 48">E-Paspor 48</option>
                </select>
                </div>
                @error('status')<div class="invalid-feedback alert alert-danger">{{ $message }}</div>@enderror
            </div>
            <div class="form-group">
                <label for="formGroupExampleInput2">Jenis Permohonan</label>
                <div class="col-auto my-1">
                <label class="mr-sm-2 sr-only" for="inlineFormCustomSelect">Preference</label>
                <select class="custom-select mr-sm-2 @error ('jenis_permohonan') is-invalid @enderror" id="jenis_permohonan" name="jenis_permohonan" value="{{ old('jenis_permohonan') }}">
                    <option selected>Pilih Jenis Permohonan</option>
                    <option value="Baru">Baru</option>
                    <option value="Penggantian">Penggantian</option>
                    <option value="Penggantian BAP">Penggantian BAP</option>
                    <option value="Penggantian Rusak">Penggantian Rusak</option>
                    <option value="Penggantian Hilang">Penggantian Hilang</option>
                    <option value="Penggantian Rusak Proses">Penggantian Rusak Proses</option>
                    <option value="Tambah Nama / Endorse">Tambah Nama / Endorse</option>
                    <option value="Lain-lain">Lain-lain</option>
                </select>
                </div>
                @error('jenis_permohonan')<div class="invalid-feedback alert alert-danger">{{ $message }}</div>@enderror
            </div>
            <div class="form-group">
                <label for="formGroupExampleInput2">Tanggal Lahir</label>
                <div class="col-auto my-1">
                <input type="date" id="tgl_lahir" name="tgl_lahir" value="{{ old('tgl_lahir') }}">
                @error('tgl_lahir')<div class="invalid-feedback alert alert-danger">{{ $message }}</div>@enderror
                </div>
            </div>
            <div class="form-group">
                <label for="formGroupExampleInput2">No Arsip</label>
                <input type="text" class="form-control @error ('no_arsip') is-invalid @enderror" id="no_arsip" name="no_arsip" placeholder="Masukan Nomor Arsip" value="{{ old('no_arsip') }}">
                @error('no_arsip')<div class="invalid-feedback alert alert-danger">{{ $message }}</div>@enderror
            </div>
                <button type="submit" class="btn btn-success">Tambah</button>
            </form>
        </div>
        <!-- /row -->
    </section>
    <!--main content end-->
</section>
@endsection
@section('custom-script')
<script type="application/javascript">
    $(function() {
        $('#no_permohonan').on('keydown', function(evt) {
            var code = evt.keyCode || evt.which;
            if((code == 13 || code == 9) && this.value !== "") {
                evt.preventDefault();
                cekPermohonan();
            }
        });
        $("#cekpermohonan").on('click', function(event) {
            event.preventDefault();
            /* Act on the event */
            cekPermohonan();
        });

        function cekPermohonan() {
            $("#nama").val("");
            $("#tgl_lahir").val("");
            $.ajax({
                url: "{{url('imigrans/ajax/get-permohonan')}}",
                type: 'POST',
                data: {
                    _token: "{{ csrf_token() }}",
                    no_permohonan: $('#no_permohonan').val(),
                },
            })
            .done(function(response) {
                if (response.status == "error") {
                    alert(response.message);
                } else {
                    data = response.message;
                    $("#nama").val(data.permohonan.nama_di_paspor);
                    $("#tgl_lahir").val(data.permohonan.tanggal_lahir_str);
                }
            });
        }
    });
</script>
@endsection