@push('script')
    @include('admin.apps.notification.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
        }

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

            try {
                const result = await swalWithBootstrapButtons.fire(optionInfoDelete);

                if (result.isConfirmed) {
                    Swal.showLoading();
                    await deleteData(url);

                    swalWithBootstrapButtons.fire('Dihapus!', 'Data berhasil dihapus.', 'success');
                    table.ajax.reload();
                } else if (result.dismiss === Swal.DismissReason.cancel) {
                    swalWithBootstrapButtons.fire('Dibatalkan', 'Data anda batal dihapus :)', 'error');
                }

            } 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) {
                    Swal.showLoading();
                    await deleteAllData(selectedIds, '/notification/hapus/all');
                    table.rows({
                        selected: true
                    }).remove().draw();

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