{{-- Start::Modal hapus buku --}}
<div class="modal fade" id="modal-hapus-eksemplar" tabindex="-1" aria-labelledby="label-modal-hapus-eksemplar">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header">
                <h1 class="modal-title fs-5" id="label-modal-hapus-eksemplar">Hapus Kode Eksemplar</h1>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <p>Anda akan menghapus kode eksemplar ini. Apakah anda yakin?</p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-info" data-bs-dismiss="modal"><i class="bi bi-x-lg"></i> Batal</button>
                <button type="submit" class="btn btn-danger"><i class="bi bi-trash"></i> Hapus</button>
            </div>
        </div>
    </div>
</div>
{{-- End::Modal hapus buku --}}

@push('sub-script')
    <script>
        $(document).ready(() => {
            const modal_opts = {
                backdrop: 'static',
                keyboard: false,
            };
            const el_modal_hapus_eksemplar = `div#modal-hapus-eksemplar`;
            const modal_hapus_eksemplar = bootstrap.Modal.getOrCreateInstance($('#content-page').find(el_modal_hapus_eksemplar), modal_opts);

            App.extend('Book', {
                showModalHapusEksemplar: () => modal_hapus_eksemplar.show(),
                hideModalHapusEksemplar: () => modal_hapus_eksemplar.hide(),
                fillModalHapusEksemplar: (dt) => $(el_modal_hapus_eksemplar).trigger('form:fill', dt),
            });

            $(el_modal_hapus_eksemplar)
                .on('shown.bs.modal', function() {
                    $(this).css('z-index', 1056);
                    $('.modal-backdrop').last().css('z-index', 1055);
                })
                .on('form:fill', (e, dt) => {
                    console.log({ ...dt, message: 'Manggil dari modal-hapus-eksemplar.blade.php', });
                })
                .on('click', 'button[type=submit]', async () => {
                    try {
                        $(el_modal_hapus_eksemplar).find('input, select, textarea').attr('readonly', true);
                        $(el_modal_hapus_eksemplar).find('button').attr('disabled', true);
                        $(el_modal_hapus_eksemplar).find('button[type=submit]').trigger('loading:set');

                        const results = await new Promise((resolve, reject) => {
                            setTimeout(() => {
                                resolve(true);
                            }, 3000);
                        });

                        showToast({
                            status: 'success',
                            message: 'Kode eksemplar berhasil dihapus',
                        });

                        modal_hapus_eksemplar.hide();
                    } catch (err) {
                        showToast({
                            status: 'error',
                            message: 'Gagal menghapus kode eksemplar',
                        });
                    } finally {
                        $(el_modal_hapus_eksemplar).find('input, select, textarea').attr('readonly', false);
                        $(el_modal_hapus_eksemplar).find('button').attr('disabled', false);
                        $(el_modal_hapus_eksemplar).find('button[type=submit]').trigger('loading:clear');
                    }
                });
        });
    </script>
@endpush