{{--Asal Surat--}}
@push('scripts')
    <div class="modal fade bs-example-modal-xl  show" tabindex="-1" id="satuan_kerja_modal">
        <div class="modal-dialog modal-xl">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title mt-0">Asal Surat</h5>
                    <button type="button" class="close text-white" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">×</span>
                    </button>
                </div>
                <div class="modal-body">
                    @include('surat.satuan_kerja._info')
                    <hr class="my-2">
                    <x-input name="satuan_kerja_search" caption="Cari Satuan Kerja" />
                    <div id="satuan_kerja_table"></div>
                </div>
            </div>
        </div>
    </div>
    <script>
        $satuan_kerja = $('#satuan_kerja');
        $satuan_kerja_id = $('#satuan_kerja_id');
        $satuan_kerja_modal = $('#satuan_kerja_modal');
        $satuan_kerja_table = $('#satuan_kerja_table');
        $satuan_kerja_search = $('#satuan_kerja_search');
        $satuan_kerja.click(() => {
            search_satuan_kerja();
            $satuan_kerja_modal.modal('show');
        });
        $satuan_kerja_search.keyup(() => {
            search_satuan_kerja();
        });
        search_satuan_kerja = () => {
            $satuan_kerja_table.html('Loading ...');
            $.post("{{ route('surat.satuan_kerja.search') }}", {
                _token: '{{ csrf_token() }}',
                nama: $satuan_kerja_search.val(),
                is_external: 1,
                action: 'pilih_satuan_kerja'
            }, (result) => {
                $satuan_kerja_table.html(result);
            }).fail((xhr) => {
                $satuan_kerja_table.html(xhr.responseText);
            });
        }
        pilih_satuan_kerja = (id) => {
            $.post("{{ route('satuan_kerja.info') }}", {
                _token: '{{ csrf_token() }}', id, ajax: 1
            }, (result) => {
                $satuan_kerja.val(result.nama);
                $satuan_kerja_id.val(result.id);
                $satuan_kerja_modal.modal('toggle');
            }).fail((xhr) => {
                console.log(xhr.responseText);
            })
        }
    </script>
@endpush