{{-- Script Untuk Data Identitas Arisan --}}
<script>
    /**
     * ===============================
     * FORMAT HELPER
     * ===============================
     */
    function formatRupiah(num) {
        return new Intl.NumberFormat('id-ID').format(num ?? 0);
    }

    function formatJuta(num) {
        return ((num ?? 0) / 1000000).toFixed(2) + ' Jt';
    }

    /**
     * ===============================
     * LOAD WIDGET ARISAN MOTOR
     * ===============================
     */
    function loadWidgetArisanMotor(arisanId) {

        $.ajax({
            url: `/m/api/arisan/motor/saldo-lelang/${arisanId}`, 
            type: 'GET',
            dataType: 'json',
            beforeSend: function () {
                $('#saldoLelangText').text('Loading...');
            },
            success: function (res) {

                if (!res || res.status !== true) {
                    $('#saldoLelangText').text('0');
                    return;
                }

                /* ===============================
                * HEADER DATA
                * =============================== */
                $('#nmKelompok').text(res.motor || '-');
                $('#idArisan').text(res.regist_arisan || '-');

                /* ===============================
                * SALDO & IURAN
                * =============================== */
                $('#saldoLelangText').text(formatRupiah(res.saldoLelang));
                $('#targetIuranText').text(formatJuta(res.target_iuran));
                $('#realisasiIuranText').text(formatRupiah(res.real_iuran_bulan));

                /* ===============================
                * DATA ANGGOTA
                * =============================== */
                $('#targetAnggotaText').text((res.target_anggota ?? 0) + ' Anggota');
                $('#anggotaAktifText').text((res.anggota_aktif ?? 0) + ' Anggota');
                $('#anggotaMenangText').text((res.anggota_menang ?? 0) + ' Anggota');
                $('#anggotaMundurText').text((res.anggota_mundur ?? 0) + ' Anggota');

                $('#iuranBulananText').html(
                    formatRupiah(res.iuran_tagihan) +
                    ' x ' + (res.target_anggota ?? 0) + ' Bulan'
                );

                /* ===============================
                * STATUS ARISAN (WARNA DINAMIS)
                * =============================== */
                const $status = $('#statusArisan');
                const status  = (res.status_arisan || '').toUpperCase();

                $status.text(status);

                if (status === 'AKTIF') {
                    $status.css({
                        backgroundColor: 'green',
                        color: '#fff'
                    });
                } 
                else if (status === 'SELESAI') {
                    $status.css({
                        backgroundColor: 'red',
                        color: '#fff'
                    });
                } 
                else {
                    $status.css({
                        backgroundColor: '#6c757d',
                        color: '#fff'
                    });
                }
            },
            error: function () {
                $('#saldoLelangText').text('Gagal memuat data');
            }
        });
    }

    /**
     * ===============================
     * AUTO LOAD SAAT HALAMAN SIAP
     * ===============================
     */
    $(document).ready(function () {
        loadWidgetArisanMotor({{ $arisan->id }});
    });
</script>
{{-- Script Untuk Data Jadwal --}}
<script>
    $(document).ready(function() {
        var table = $('#table-jadwal').DataTable({
            processing: true,
            serverSide: true,
            ajax: {
                url: '{{ route("m.opr.arisan.motor.jadwalArisan.dataJadwalArisan", Hashids::encode($arisan->id)) }}',
                type: 'GET'
            },
            columnDefs: [
                { className: "text-left", targets: [1] },
                { className: "text-center", targets: [0,2,3] }
            ],
            columns: [
                { data: 'lelang', name: 'lelang' },
                { data: 'tanggal', name: 'tanggal' },
                { data: 'status', name: 'status' },
                { data: 'action', name: 'action' },
            ],
            dom: "<'dt--top-section'<'row'<'col-sm-12 col-md-6 d-flex justify-content-md-start justify-content-center'B><'col-sm-12 col-md-6 d-flex justify-content-md-end justify-content-center mt-md-0 mt-3'f>>>" +
                 "<'table-responsive'tr>" +
                 "<'dt--bottom-section d-sm-flex justify-content-sm-between text-center'<'dt--pages-count mb-sm-0 mb-3'i><'dt--pagination'p>>",
            buttons: [
                { extend: 'csv', className: 'btn btn-sm btn-outline-primary' },
                { extend: 'excel', className: 'btn btn-sm btn-outline-success' },
                { extend: 'print', className: 'btn btn-sm btn-outline-info' }
            ],
            oLanguage: {
                oPaginate: {
                    sPrevious: '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" ...></svg>',
                    sNext: '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" ...></svg>'
                },
                sInfo: "Menampilkan halaman _PAGE_ dari _PAGES_",
                sSearch: '<svg xmlns="http://www.w3.org/2000/svg" ...></svg>',
                sSearchPlaceholder: "Cari di semua kolom...",
                sLengthMenu: "Tampilkan : _MENU_",
            },
            stripeClasses: [],
            lengthMenu: [5, 10, 20, 50],
            pageLength: 5
        });
    });
</script>
{{-- Tambah JAdwal Arisan Motor --}}
<script>
    $(document).on('click', '.btnTambahJadwal', function () {
        const arisanId = $(this).data('id');
        const produkId = $(this).data('produk');

        Swal.fire({
            title: 'Konfirmasi',
            text: 'Apakah anda akan menambah jadwal undian dan lelang arisan?',
            icon: 'question',
            showCancelButton: true,
            confirmButtonText: 'Iya',
            cancelButtonText: 'Batal'
        }).then((result) => {

            if (!result.isConfirmed) return;

            $.ajax({
                url: `/m/opr/arisan/motor/detail-jadwal/tambah-jadwal/${arisanId}`,
                type: 'POST',
                dataType: 'json',
                data: {
                    _token: "{{ csrf_token() }}",
                    produk_id: produkId
                },
                beforeSend: function () {
                    Swal.fire({
                        title: 'Sedang Mengirim Data...',
                        html: 'Mohon Tunggu',
                        allowOutsideClick: false,
                        didOpen: () => Swal.showLoading()
                    });
                },
                success: function (res) {
                    Swal.close();

                    if (res.status === true) {
                        Swal.fire({
                            icon: 'success',
                            title: 'Berhasil',
                            text: res.message || 'Jadwal berhasil ditambahkan',
                            timer: 1500,
                            showConfirmButton: false
                        });

                        // 🔄 Reload DataTables SAJA
                        $('.dataTable').each(function () {
                            if ($.fn.DataTable.isDataTable(this)) {
                                $(this).DataTable().ajax.reload(null, false);
                            }
                        });

                    } else {
                        Swal.fire({
                            icon: 'error',
                            title: 'Gagal',
                            text: res.message || 'Gagal menambahkan jadwal'
                        });
                    }
                },
                error: function (xhr) {
                    Swal.close();
                    Swal.fire({
                        icon: 'error',
                        title: 'Error',
                        text: xhr.responseJSON?.message || 'Terjadi kesalahan sistem'
                    });
                }
            });

        });
    });
</script>
{{-- Ubah Jadwal Arisan Motor --}}
<script>
    $(document).on('click', '.btnUpdateJadwal', function () {

        const jadwalId = $(this).data('id');

        Swal.fire({
            title: 'Apakah ingin merubah data Jadwal?',
            html: `
                <div class="form-group text-left">
                    <label>Undian</label>
                    <input type="number" id="swUndian" class="form-control" placeholder="Masukkan nilai undian">
                </div>
                <div class="form-group text-left mt-2">
                    <label>Lelang</label>
                    <input type="number" id="swLelang" class="form-control" placeholder="Masukkan nilai lelang">
                </div>
                <div class="form-group text-left mt-2">
                    <label>Tanggal</label>
                    <input type="date" id="swTanggal" class="form-control">
                </div>
            `,
            showCancelButton: true,
            confirmButtonText: 'Simpan',
            cancelButtonText: 'Batal',
            focusConfirm: false,
            preConfirm: () => {
                return {
                    undian: $('#swUndian').val(),
                    lelang: $('#swLelang').val(),
                    tanggal: $('#swTanggal').val()
                };
            }
        }).then((result) => {

            if (!result.isConfirmed) return;

            $.ajax({
                url: `/m/opr/arisan/motor/detail-jadwal/ubah-jadwal/${jadwalId}`,
                type: 'POST',
                dataType: 'json',
                data: {
                    _token: "{{ csrf_token() }}",
                    undian: result.value.undian,
                    lelang: result.value.lelang,
                    tanggal: result.value.tanggal
                },
                beforeSend: function () {
                    Swal.fire({
                        title: 'Sedang Mengirim Data...',
                        html: 'Mohon Tunggu',
                        allowOutsideClick: false,
                        didOpen: () => Swal.showLoading()
                    });
                },
                success: function (res) {
                    Swal.close();

                    if (res.status === true) {
                        Swal.fire({
                            icon: 'success',
                            title: 'Berhasil',
                            text: res.message || 'Data jadwal berhasil diubah',
                            timer: 1500,
                            showConfirmButton: false
                        });

                        // 🔄 Reload DataTables saja
                        $('.dataTable').each(function () {
                            if ($.fn.DataTable.isDataTable(this)) {
                                $(this).DataTable().ajax.reload(null, false);
                            }
                        });

                    } else {
                        Swal.fire({
                            icon: 'error',
                            title: 'Gagal',
                            text: res.message || 'Gagal mengubah data jadwal'
                        });
                    }
                },
                error: function (xhr) {
                    Swal.close();
                    Swal.fire({
                        icon: 'error',
                        title: 'Error',
                        text: xhr.responseJSON?.message || 'Terjadi kesalahan sistem'
                    });
                }
            });

        });
    });
</script>
{{-- Jadwal Hapus --}}
<script>
    $(document).on('click', '.btnHapusJadwal', function () {

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

        Swal.fire({
            title: 'Hapus Jadwal?',
            text: 'Apakah Anda yakin ingin menghapus jadwal ini?',
            icon: 'warning',
            showCancelButton: true,
            confirmButtonColor: '#d33',
            confirmButtonText: 'Ya, Hapus',
            cancelButtonText: 'Batal'
        }).then((result) => {

            if (result.isConfirmed) {

                $.ajax({
                    url: `/m/opr/arisan/motor/detail-jadwal/hapus-jadwal/${jadwalId}`,
                    type: 'POST',
                    data: {
                        _token: $('meta[name="csrf-token"]').attr('content')
                    },
                    dataType: 'json',
                    beforeSend: function () {
                        Swal.fire({
                            title: 'Sedang Menghapus...',
                            html: 'Mohon tunggu sebentar',
                            allowOutsideClick: false,
                            didOpen: () => {
                                Swal.showLoading();
                            }
                        });
                    },
                    success: function (res) {

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

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

                        } else {
                            Swal.fire({
                                icon: 'error',
                                title: 'Gagal!',
                                text: res.message || 'Gagal menghapus jadwal'
                            });
                        }
                    },
                    error: function (xhr) {
                        Swal.fire({
                            icon: 'error',
                            title: 'Error!',
                            text: xhr.responseJSON?.message || 'Terjadi kesalahan server'
                        });
                    }
                });

            }

        });

    });
</script>
{{-- Refresh Button Atas --}}
<script>
    $('#btn-refresh').on('click', function () {
    
        // Ubah tombol jadi loading
        $('#btn-refresh').html('<i class="fas fa-spinner fa-spin"></i> Loading...');
        // Sync Data
        Swal.fire({
            title: 'Sync Data...',
            html: 'Mohon tunggu sebentar.',
            allowOutsideClick: false,
            allowEscapeKey: false,
            allowEnterKey: false,
            didOpen: () => {
                Swal.showLoading();
            }
        });    
        // Memanggil fungsi card isian
        loadWidgetArisanMotor({{ $arisan->id }});

        // Ambil instance DataTable
        var t1 = $('#table-jadwal').DataTable();
        // var t2 = $('#table-tagihan-macet').DataTable();
        // var t3 = $('#table-bayar').DataTable();
    
        // Hitung reload selesai
        var selesai = 0;
        function cekSelesai() {
            selesai++;
            if (selesai === 1) {
                // Semua datatable selesai reload
                $('#btn-refresh').html('<i class="fa fa-sync"></i> Sync Data');
                Swal.close(); // Tutup loading
                Swal.fire({
                    icon: 'success',
                    title: 'Berhasil!',
                    text: 'Berhasil Sync Data!',
                    timer: 1500,
                    showConfirmButton: false
                });
            }
        }
    
        // Pasang event xhr untuk masing-masing DataTable
        t1.one('xhr', cekSelesai);
        // t2.one('xhr', cekSelesai);
        // t3.one('xhr', cekSelesai);
    
        // Reload DataTables
        t1.ajax.reload(null, false);
        // t2.ajax.reload(null, false);
        // t3.ajax.reload(null, false);
    
    });
</script> 
{{-- Refresh Data Semua --}}
<script>
    $('#btn-refresh-anggota').on('click', function () {
    
        // Ubah tombol jadi loading
        $('#btn-refresh-anggota').html('<i class="fas fa-spinner fa-spin"></i> Loading...');
        // Sync Data
        Swal.fire({
            title: 'Sync Data...',
            html: 'Mohon tunggu sebentar.',
            allowOutsideClick: false,
            allowEscapeKey: false,
            allowEnterKey: false,
            didOpen: () => {
                Swal.showLoading();
            }
        });
        // Ambil instance DataTable
        var t1 = $('#table-arisan').DataTable();
        var t2 = $('#table-jadwal').DataTable();
        // var t3 = $('#table-bayar').DataTable();
        loadWidgetArisanMotor({{ $arisan->id }});
    
        // Hitung reload selesai
        var selesai = 0;
        function cekSelesai() {
            selesai++;
            if (selesai === 1) {
                // Semua datatable selesai reload
                $('#btn-refresh-arisan').html('<i class="fa fa-sync"></i> Sync Data');
                Swal.close(); // Tutup loading
                Swal.fire({
                    icon: 'success',
                    title: 'Berhasil!',
                    text: 'Berhasil Sync Data!',
                    timer: 1500,
                    showConfirmButton: false
                });
            }
        }
    
        // Pasang event xhr untuk masing-masing DataTable
        t1.one('xhr', cekSelesai);
        t2.one('xhr', cekSelesai);
        // t3.one('xhr', cekSelesai);
    
        // Reload DataTables
        t1.ajax.reload(null, false);
        t2.ajax.reload(null, false);
        // t3.ajax.reload(null, false);
    
    });
</script> 
{{-- Bagian Aksi --}}
<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>
<script>
    const REDIRECT_URL = '/ka/master/arisan-motor';

    // ================================
    // AKTIFKAN ARISAN (AJAX)
    // ================================
    $(document).on('click', '.btnAktifkanArisan', function () {

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

        Swal.fire({
            title: 'Apakah akan memulai Arisan Motor?',
            text: nama,
            icon: 'question',
            showCancelButton: true,
            confirmButtonText: 'Ya, mulai!',
            cancelButtonText: 'Batal'
        }).then((result) => {

            if (!result.isConfirmed) return;

            $.ajax({
                url: '/ka/master/arisan-motor/aktif/' + id,
                type: 'POST',
                dataType: 'json',
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                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
                        }).then(() => {
                            window.location.href = REDIRECT_URL;
                        });

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

                        reloadArisanTable();
                    }
                },
                error: function (xhr) {

                    Swal.fire({
                        icon: 'error',
                        title: 'Gagal!',
                        text: xhr.responseJSON?.message || 'Terjadi kesalahan server'
                    });

                    reloadArisanTable();
                }
            });
        });
    });

    // ================================
    // 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 ' + nama + '?',
            icon: 'warning',
            showCancelButton: true,
            confirmButtonColor: '#d33',
            confirmButtonText: 'Hapus',
            cancelButtonText: 'Batal'
        }).then((result) => {

            if (!result.isConfirmed) return;

            $.ajax({
                url: '/ka/master/arisan-motor/hapus/' + id,
                type: 'POST',
                dataType: 'json',
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                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
                        }).then(() => {
                            window.location.href = REDIRECT_URL;
                        });

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

                        reloadArisanTable();
                    }
                },
                error: function (xhr) {

                    Swal.fire({
                        icon: 'error',
                        title: 'Error!',
                        text: xhr.responseJSON?.message || 'Terjadi kesalahan server'
                    });

                    reloadArisanTable();
                }
            });
        });
    });

    // ================================
    // HELPER: RELOAD DATATABLE
    // ================================
    function reloadArisanTable() {
        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);
    }
</script>