@push('modals')
    <div class="modal fade bs-example-modal-lg show" tabindex="-1" id="modal_pegawai">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title mt-0">Pegawai</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">x</span>
                    </button>
                </div>
                <div class="modal-body">
                    <hr class="my-2">
                    <form id="form_search_pegawai">
                        @csrf
                        <x-input name="search_pegawai" placeholder="cari nama pegawai" />
                    </form>
                    <div id="table_search_pegawai"></div>
                </div>
            </div>
        </div>
    </div>
@endpush

@include('components.custom._modal_penugasan_aktif')

@push('scripts')
    <script>
        let $form_search_pegawai = $('#form_search_pegawai'),
            $table_search_pegawai = $('#table_search_pegawai'),
            $form_search_penugasan_aktif = $('#form_search_penugasan_aktif'),
            $table_search_penugasan_aktif = $('#table_search_penugasan_aktif');

        $form_search_pegawai.submit((e) => {
            e.preventDefault();
            search_pegawai();
        });
        let search_pegawai = () => {
            let data = getFormData($form_search_pegawai);
            data.limit = 15;
            $.post("{{ route('modal.pegawai') }}", data, (result) => {
                $table_search_pegawai.html(result);
            }).fail((xhr) => {
                $table_search_pegawai.html(xhr.responseText);
            });
        }
        search_pegawai();

        let open_penugasan_aktif_modal = (id = '') => {
            $('#modal_penugasan_aktif').modal('show');
            $('#modal_pegawai').modal('hide');
            search_penugasan_aktif(id);
        }

        let search_penugasan_aktif = (id = '') => {
            let data = getFormData($form_search_penugasan_aktif);
            $.post("{{ url('modal/penugasan_aktif/') }}/"+id, data, (result) => {
                $table_search_penugasan_aktif.html(result);
            }).fail((xhr) => {
                $table_search_penugasan_aktif.html(xhr.responseText);
            });
        }

    </script>
@endpush