{{-- Dropdown Menu Datatables Style --}}
<script>
    // === PERBAIKAN DROPDOWN DATATABLES (UNIVERSAL) ===
     $(document).on('click', '.table .dropdown-toggle', function (e) {
         e.preventDefault();
         e.stopPropagation();
 
         const $btn = $(this);
         const $menu = $btn.next('.dropdown-menu');
 
         // Tutup semua dropdown lain
         $('.dropdown-menu.show').removeClass('show').hide();
 
         // Kalau sudah terbuka, tutup
         if ($menu.hasClass('show')) {
             $menu.removeClass('show').hide();
             return;
         }
 
         // Hitung posisi
         const btnOffset = $btn.offset();
         const btnHeight = $btn.outerHeight();
         const menuWidth = $menu.outerWidth();
         const btnWidth = $btn.outerWidth();
 
         // Pindahkan menu ke body agar tidak terhalang DataTables
         $('body').append($menu.detach());
 
         // Posisi dropdown muncul ke kiri tombol
         $menu.css({
             display: 'block',
             position: 'absolute',
             top: btnOffset.top + btnHeight,
             left: btnOffset.left - menuWidth + btnWidth,
             zIndex: 2000
         }).addClass('show');
     });
 
     // Tutup dropdown saat klik di luar
     $(document).on('click', function () {
         $('.dropdown-menu.show').removeClass('show').hide().each(function () {
             const $menu = $(this);
             const $dropdown = $('.dropdown-toggle').filter(function () {
                 return $(this).next('.dropdown-menu').length === 0;
             });
             $dropdown.parent('.dropdown').append($menu.detach());
         });
     });
</script>
{{-- Aktivasi Arisan dan Hapus ARisan --}}
<script>
    // ================================
    // AKTIFKAN ARISAN (AJAX + PILIH TANGGAL)
    // ================================
    $(document).on('click', '.btnAktifkanArisan', function () {

        let id   = $(this).data('id');
        let nama = $(this).data('nama');

        // Generate option tanggal 1 - 30
        let optionTanggal = '';
        for (let i = 1; i <= 31; i++) {
            optionTanggal += `<option value="${i}">${i}</option>`;
        }

        Swal.fire({
            title: 'Apakah akan memulai Arisan Motor?',
            html: `
                <p><b>Kelompok:</b> ${nama}</p>
                <hr>
                <label>Pilih Tanggal Undian Setiap Bulan</label>
                <select id="tgl_undian" class="swal2-select">
                    <option value="">-- Pilih tanggal --</option>
                    ${optionTanggal}
                </select>
            `,
            icon: 'question',
            showCancelButton: true,
            confirmButtonText: 'Ya, mulai!',
            cancelButtonText: 'Batal',
            preConfirm: () => {

                let tgl = Swal.getPopup().querySelector('#tgl_undian').value;

                if (!tgl) {
                    Swal.showValidationMessage('Tanggal undian wajib dipilih!');
                }

                return { tanggal: tgl }
            }
        }).then((result) => {

            if (result.isConfirmed) {

                let tgl_undian = result.value.tanggal;

                $.ajax({
                    url: '/m/opr/arisan/motor/aktif/' + id, 
                    type: 'POST',
                    data: {
                        _token: $('meta[name="csrf-token"]').attr('content'),
                        tgl_undian: tgl_undian
                    },
                    dataType: 'json',

                    beforeSend: function () {
                        Swal.fire({
                            title: 'Memproses...',
                            text: 'Mohon tunggu',
                            allowOutsideClick: false,
                            didOpen: () => {
                                Swal.showLoading();
                            }
                        });
                    },

                    success: function (res) {

                        if (res.status === true || res.status == 1) {

                            Swal.fire({
                                icon: 'success',
                                title: 'Berhasil!',
                                text: res.message || 'Arisan berhasil diaktifkan',
                                timer: 1500,
                                showConfirmButton: false
                            });

                            // Reload DataTables
                            if ($.fn.DataTable.isDataTable('#table-arisan')) {
                                $('#table-arisan').DataTable().ajax.reload(null, false);
                            }

                            if (typeof loadTtlAktif === "function") {
                                loadTtlAktif(true);
                            }

                            if (typeof loadTtlArisan === "function") {
                                loadTtlArisan(true);
                            }

                        } else {

                            Swal.fire({
                                icon: 'error',
                                title: 'Gagal!',
                                text: res.message || 'Gagal mengaktifkan arisan'
                            });

                        }
                    },

                    error: function (xhr) {

                        console.log('Error Response:', xhr);

                        let errorMessage = xhr.responseJSON?.message || 'Terjadi kesalahan saat menghubungi server';

                        Swal.fire({
                            icon: 'error',
                            title: 'Gagal!',
                            text: errorMessage
                        });
                    }
                });

            }

        });

    });




    // ================================
    // HAPUS ARISAN (AJAX)
    // ================================
    $(document).on('click', '.btnHapusArisan', function () {

        let id   = $(this).data('id');
        let nama = $(this).data('nama');

        Swal.fire({
            title: 'PERINGATAN!',
            text: 'Apakah akan menghapus Arisan Motor Kelompok ' + nama + '?',
            icon: 'warning',
            showCancelButton: true,
            confirmButtonColor: '#d33',
            confirmButtonText: 'Hapus',
            cancelButtonText: 'Batal'
        }).then((result) => {

            if (result.isConfirmed) {

                $.ajax({
                    url: '/m/opr/arisan/motor/hapus/' + id,
                    type: 'POST',
                    dataType: 'json',
                    beforeSend: function () {
                        Swal.fire({
                            title: 'Menghapus...',
                            text: 'Mohon tunggu',
                            allowOutsideClick: false,
                            didOpen: () => {
                                Swal.showLoading();
                            }
                        });
                    },
                    success: function (res) {

                        if (res.status === true || res.status == 1) {
                            Swal.fire({
                                icon: 'success',
                                title: 'Terhapus!',
                                text: res.message || 'Arisan berhasil dihapus',
                                timer: 1500,
                                showConfirmButton: false
                            });

                            // Reload DataTables
                            if ($.fn.DataTable.isDataTable('#table-arisan')) {
                                $('#table-arisan').DataTable().ajax.reload(null, false);
                            }
                            loadTtlAktif(true);
                            loadTtlArisan(true);

                        } else {
                            Swal.fire({
                                icon: 'error',
                                title: 'Gagal!',
                                text: res.message || 'Gagal menghapus arisan'
                            });
                        }
                    },
                    error: function () {
                        Swal.fire({
                            icon: 'error',
                            title: 'Error!',
                            text: 'Terjadi kesalahan saat menghubungi server'
                        });
                    }
                });
            }
        });
    });
</script>
{{-- Bagian Lelang Undian --}}
<script>
    $(document).on('click', '.btnUndianLelang', function (e) {
        e.preventDefault();

        const arisanId  = $(this).data('id');
        const targetUrl = $(this).data('url');

        // 🔐 Popup harus dibuka dari user gesture
        const popup = window.open('about:blank', '_blank');

        if (!popup) {
            Swal.fire({
                icon: 'warning',
                title: 'Popup diblokir',
                text: 'Mohon izinkan popup pada browser Anda.'
            });
            return;
        }

        $.ajax({
            url: '/m/api/arisan/motor/cek-jadwal-lelang/' + arisanId,
            type: 'GET',
            dataType: 'json',
            success: function (res) {

                if (res.status === true && res.ada_jadwal === true) {
                    // ✅ Arahkan popup
                    popup.location.href = targetUrl;
                } else {
                    // ❌ Tutup popup & tampilkan pesan API
                    popup.close();

                    Swal.fire({
                        icon: 'warning',
                        title: 'Tidak Bisa Melanjutkan',
                        text: res.message || 'Jadwal lelang belum tersedia.'
                    });
                }
            },
            error: function (xhr) {
                popup.close();

                let message = 'Gagal memeriksa jadwal lelang.';

                if (xhr.responseJSON && xhr.responseJSON.message) {
                    message = xhr.responseJSON.message;
                }

                Swal.fire({
                    icon: 'error',
                    title: 'Gagal',
                    text: message
                });
            }
        });
    });
</script>