@php
    $route = explode('.', Route::currentRouteName());
@endphp
<!--begin:Form-->
<form class="form_{{$route[0]}}" method="POST" action="{{ route($route[0].'.update',['document' => $document->id]) }}">
    @method('PUT')
    @csrf
    <!--begin::Input group-->
    <div class="d-flex flex-column mb-8 fv-row">
        <!--begin::Label-->
        <label class="d-flex align-items-center fs-6 fw-semibold mb-2">
            <span class="required">Kode</span>
            <span class="ms-1" data-bs-toggle="tooltip" title="Specify a target name for future usage and reference"></span>
        </label>
        <!--end::Label-->
        <input type="hidden" id="id" name="id" value="{{ $document->id }}" />
        <input type="text" id="kode" class="form-control form-control-solid" placeholder="This Kode Generate Automatically" name="kode"  value="{{ $document->kode }}" />
    </div>
    <!--end::Input group-->

    <div class="row gx-5 mb-5">
        <div class="col-lg-6">
            <!--begin::Input group-->
            <div class="d-flex flex-column mb-8 fv-row">
                <!--begin::Label-->
                <label class="d-flex align-items-center fs-6 fw-semibold mb-2" for="directorat_id">
                    <span class="required">Directorat</span>
                    <span class="ms-1" data-bs-toggle="tooltip" title="Specify a target name for future usage and reference"></span>
                </label>
                <!--end::Label-->
                <select class="form-select" name="directorat_id" id="directorat_id">
                    <option>Select Directorat</option>
                    @foreach($directorat as $item)
                        @if($item->id == $document->directorat_id)
                            <option value="{{$item->id}}" selected>{{$item->name}}</option>
                        @else
                            <option value="{{$item->id}}">{{$item->name}}</option>
                        @endif
                    @endforeach
                </select>
            </div>
            <!--end::Input group-->
        </div>
        <div class="col-lg-6">
            <!--begin::Input group-->
            <div class="d-flex flex-column mb-8 fv-row">
                <!--begin::Label-->
                <label class="d-flex align-items-center fs-6 fw-semibold mb-2" for="sub_directorat_id">
                    <span class="required">Sub Directorat</span>
                    <span class="ms-1" data-bs-toggle="tooltip" title="Specify a target name for future usage and reference"></span>
                </label>
                <!--end::Label-->
                <select class="form-select" name="sub_directorat_id" id="sub_directorat_id">
                    <option>Select Sub Directorat</option>
                    @foreach($sub_directorat as $item)
                        @if($item->id == $document->sub_directorat_id)
                            <option value="{{$item->id}}" selected>{{$item->name}}</option>
                        @else
                            <option value="{{$item->id}}">{{$item->name}}</option>
                        @endif
                    @endforeach
                </select>
            </div>
            <!--end::Input group-->
        </div>
        <div class="col-lg-6">
            <!--begin::Input group-->
            <div class="d-flex flex-column mb-8 fv-row">
                <!--begin::Label-->
                <label class="d-flex align-items-center fs-6 fw-semibold mb-2" for="job_id">
                    <span class="required">Job</span>
                    <span class="ms-1" data-bs-toggle="tooltip" title="Specify a target name for future usage and reference"></span>
                </label>
                <!--end::Label-->
                <select class="form-select" name="job_id" id="job_id">
                    <option>Select Job</option>
                    @foreach($job as $item)
                        @if($item->id == $document->job_id)
                            <option value="{{$item->id}}" selected>{{$item->name}}</option>
                        @else
                            <option value="{{$item->id}}">{{$item->name}}</option>
                        @endif
                    @endforeach
                </select>
            </div>
            <!--end::Input group-->
        </div>
        <div class="col-lg-6">
            <!--begin::Input group-->
            <div class="d-flex flex-column mb-8 fv-row">
                <!--begin::Label-->
                <label class="d-flex align-items-center fs-6 fw-semibold mb-2" for="sub_job_id">
                    <span class="required">Sub Job</span>
                    <span class="ms-1" data-bs-toggle="tooltip" title="Specify a target name for future usage and reference"></span>
                </label>
                <!--end::Label-->
                <select class="form-select" name="sub_job_id" id="sub_job_id">
                    <option>Select Sub Job</option>
                    @foreach($sub_job as $item)
                        @if($item->id == $document->sub_job_id)
                            <option value="{{$item->id}}" selected>{{$item->name}}</option>
                        @else
                            <option value="{{$item->id}}">{{$item->name}}</option>
                        @endif
                    @endforeach
                </select>
            </div>
            <!--end::Input group-->
        </div>

        <div class="col-lg-6">
            <!--begin::Input group-->
            <div class="d-flex flex-column mb-8 fv-row">
                <!--begin::Label-->
                <label class="d-flex align-items-center fs-6 fw-semibold mb-2" for="sub_sub_job_id">
                    <span class="required">Sub Sub Job</span>
                    <span class="ms-1" data-bs-toggle="tooltip" title="Specify a target name for future usage and reference"></span>
                </label>
                <!--end::Label-->
                <select class="form-select" name="sub_sub_job_id" id="sub_sub_job_id">
                    <option>Select Sub Sub Job</option>
                    @foreach($sub_sub_job as $item)
                        @if($item->id == $document->sub_sub_job_id)
                            <option value="{{$item->id}}" selected>{{$item->name}}</option>
                        @else
                            <option value="{{$item->id}}">{{$item->name}}</option>
                        @endif
                    @endforeach
                </select>
            </div>
            <!--end::Input group-->
        </div>

        <div class="col-lg-6">
            <!--begin::Input group-->
            <div class="d-flex flex-column mb-8 fv-row">
                <!--begin::Label-->
                <label class="d-flex align-items-center fs-6 fw-semibold mb-2" for="special_code_id">
                    <span class="required">Special Code</span>
                    <span class="ms-1" data-bs-toggle="tooltip" title="Specify a target name for future usage and reference"></span>
                </label>
                <!--end::Label-->
                <select class="form-select" name="special_code_id" id="special_code_id">
                    <option>Special Code</option>
                    @foreach($special_code as $item)
                        @if($item->id == $document->special_code_id)
                            <option value="{{$item->id}}" selected>{{$item->name}}</option>
                        @else
                        <option value="{{$item->id}}">{{$item->name}}</option>
                        @endif
                    @endforeach
                </select>
            </div>
            <!--end::Input group-->
        </div>

        <div class="col-lg-6">
            <!--begin::Input group-->
            <div class="d-flex flex-column mb-8 fv-row">
                <!--begin::Label-->
                <label class="d-flex align-items-center fs-6 fw-semibold mb-2">
                    <span >No Urut</span>
                    <span class="ms-1" data-bs-toggle="tooltip" title="Specify a target name for future usage and reference"></span>
                </label>
                <!--end::Label-->
                <input type="text" class="form-control form-control-solid" placeholder="This Kode Generate Automatically" name="no_urut"  value="{{ $document->no_urut }}" />
            </div>
            <!--end::Input group-->
        </div>

        <div class="col-lg-6">
            <!--begin::Input group-->
            <div class="d-flex flex-column mb-8 fv-row">
                <!--begin::Label-->
                <label class="d-flex align-items-center fs-6 fw-semibold mb-2" for="jenis_dokumen">
                    <span class="required">Jenis Dokumen</span>
                    <span class="ms-1" data-bs-toggle="tooltip" title="Specify a target name for future usage and reference"></span>
                </label>
                <!--end::Label-->
                <select class="form-select" name="jenis_dokumen" id="jenis_dokumen">
                    <option value="nasabah"  {{ $document->jenis_dokumen == 'nasabah' ? 'selected' : '' }} >Nasabah</option>
                    <option value="non nasabah" {{ $document->jenis_dokumen == 'non nasabah' ? 'selected' : '' }}>Non Nasabah</option>
                </select>
            </div>
            <!--end::Input group-->
        </div>
    </div>

    <!--begin::Actions-->
    <div class="text-center">
        <button type="reset" data-bs-dismiss="modal" class="btn btn-light me-3">Cancel</button>
        <button type="submit" class="btn btn-primary">Submit</button>
    </div>
    <!--end::Actions-->
</form>
<!--end:Form-->

@push('customscript')
    <script type="text/javascript">
        $(function(){
            $("#sub_directorat_id").remoteChained({
                parents : "#directorat_id",
                url : "/sub-directorat"
            });

            $("#job_id").remoteChained({
                parents : "#sub_directorat_id",
                url : "/job"
            });

            $("#sub_job_id").remoteChained({
                parents : "#job_id",
                url : "/sub-job"
            });

            $("#sub_sub_job_id").remoteChained({
                parents : "#sub_job_id",
                url : "/sub-sub-job"
            });
        })
    </script>
@endpush