@push('script')
    @include('admin.apps.master.obat.includes.table_js')
    <script>
        const swalWithBootstrapButtons = Swal.mixin({
            customClass: {
                confirmButton: 'btn btn-danger',
                cancelButton: 'btn btn-secondary'
            },
            buttonsStyling: false
        });

        const optionInfoDelete = {
            title: 'Apakah anda yakin?',
            text: "Data akan secara permanen dihapus!",
            icon: 'warning',
            showCancelButton: true,
            confirmButtonText: 'Iya, hapus saja!',
            cancelButtonText: 'Tidak, batalkan saja!',
            reverseButtons: true
        }

        var modalAdd = $('#addModal');
        var modalEdit = $('#editModal');

        modalAdd.on('hidden.bs.modal', function() {
            $(this).find('input[name="nama"],textarea[name="keterangan"]').val('').trigger('change');
        });

        modalEdit.on('hidden.bs.modal', function() {
            $(this).find('input[name="id"],input[name="nama"],textarea[name="keterangan"]').val('').trigger(
                'change');
        });

        $('.formSubmit').on('submit', async function(e) {
            e.preventDefault()

            modalAdd.modal('hide');
            modalEdit.modal('hide');
            var formData = new FormData(this)
            var formUrl = $(this).attr('action')

            try {
                Swal.showLoading();

                const response = await $.ajax({
                    url: formUrl,
                    type: 'POST',
                    dataType: "JSON",
                    processData: false,
                    contentType: false,
                    cache: false,
                    data: formData,
                })

                Swal.close();
                table.ajax.reload();
                notifier.show('Sukses!', `${response.message} <a href="">Refresh</a>`, 'success', '', 0);
            } catch (xhr) {
                Swal.close();
                console.log(xhr.responseJSON?.errors);
                generateErrorResponse(xhr.responseJSON?.errors);
            }
        })

        // edit data
        table.on('click', 'tr .edit-data', function(e) {
            e.preventDefault();
            var row = table.row($(this).closest('tr')).data();
            const url = `/obat/${row.id}`;
            modalEdit.modal('show');
            modalEdit.find('input[name="id"]').val(row.id);
            modalEdit.find('input[name="nama"]').val(row.nama);
            modalEdit.find('textarea[name="keterangan"]').val(row.keterangan);

            // hapus data
            modalEdit.find('.delete-data').on('click', async function() {
                modalEdit.modal('hide')
                try {
                    const result = await swalWithBootstrapButtons.fire(optionInfoDelete);

                    if (!result.isConfirmed) return;
                    await deleteData(url);
                    swalWithBootstrapButtons.fire('Dihapus!', 'Data berhasil dihapus.', 'success');
                    table.ajax.reload();
                } catch (error) {
                    console.error('Terjadi kesalahan:', error);
                    swalWithBootstrapButtons.fire('Error', 'Terjadi kesalahan saat menghapus data.',
                        'error');
                }
            })
        })

        table.on('click', 'tr .delete-data', async function(e) {
            e.preventDefault();
            var row = table.row($(this).closest('tr')).data();
            const url = `/obat/${row.id}`;

            try {
                const result = await swalWithBootstrapButtons.fire(optionInfoDelete);
                if (!result.isConfirmed) return;
                await deleteData(url);
                swalWithBootstrapButtons.fire('Dihapus!', 'Data berhasil dihapus.', 'success');
                table.ajax.reload();
            } catch (error) {
                console.error('Terjadi kesalahan:', error);
                swalWithBootstrapButtons.fire('Error', 'Terjadi kesalahan saat menghapus data.', 'error');
            }
        })

        async function deleteAll(rowSelect) {
            if (rowSelect.length > 0) {
                var selectedIds = [];
                rowSelect.each(function(value, index) {
                    selectedIds.push(value.id);
                });

                const result = await swalWithBootstrapButtons.fire({
                    title: 'Apakah Anda yakin?',
                    text: 'Data yang dipilih akan dihapus secara permanen!',
                    icon: 'warning',
                    showCancelButton: true,
                    confirmButtonText: 'Ya, Hapus!',
                    cancelButtonText: 'Tidak, Batalkan!',
                    reverseButtons: true
                });

                if (!result.isConfirmed) return;
                await deleteAllData(selectedIds, '/obat/hapus/all');
                table.rows({
                    selected: true
                }).remove().draw();

                swalWithBootstrapButtons.fire('Dihapus!', 'Data berhasil dihapus.', 'success');
            } else {
                swalWithBootstrapButtons.fire('Gagal', 'Tidak ada data yang terpilih!', 'info');
            }
        }
    </script>
@endpush