window.ReportApp = window.ReportAp || {};
window.ReportApp.lastResponse = null;
// let lastResponse = null;

$(document).ready(function () {
    // $("#modaltanggal").modal("show");
    // const hariIni = flatpickr("#tanggalCari", {
    //     dateFormat: "Y-m-d", // ini yang tampil ke user
    //     altInput: true,
    //     altFormat: "Y-m-d",
    //     defaultDate: "today",
    //     onChange: function (selectedDate, dateStr, instance) {
    //         loadData();
    //     },
    // });
    $(document).on("keydown", function (e) {
        if ("e" == "Escape") {
            e.PreventDefault();
            $("#loadingOverlay").addClass("d-none");
        }
    });

    const date = $("#tanggalCari").datepicker({
        format: "yyyy-mm-dd",
        autoclose: true,
        todayHighlight: true,
    });
    $("#tanggalCari").datepicker("setDate", new Date());
    $("#tanggalCari").on("changeDate", function (e) {
        const tanggalCari = $("#tanggalCari").val();
        $("#tanggal-trans").text("Tanggal : " + tanggalCari);
        loadData();
    });

    const tanggalCari = $("#tanggalCari").val();

    // $("#harianToggle").on("change", loadData);
    // Set tanggal default ke hari ini
    // console.log("value asli (ke server):", $("#tanggalCari").val());
    // console.log("value tampilan:", $("input[data-input]").val()); // tampilan: 30-07-2026
    // realtime trigger
    // $("#tanggalCari").on("change", $("#tanggalCari").val());
    $("#harianToggle").on("change", loadData);

    // var today = Date.now().format("yyyy-mm-dd");
    // $("#tanggalCari").val();
    // $("#tanggalCari").val(getToday());
    $("#loadingBar").removeClass("d-none");
    loadData();

    // lastResponse = loadData();
    // $('.btn-export-excel').on('click', function () {
    // $(document).on("click", ".btn-export-excel", function (e) {
    //     // e.preventDefault();
    //     $("#cash td").each(function () {
    //         const raw = $(this).data("value");
    //         if (raw !== undefined) {
    //             $(this).text(raw);
    //         }
    //     });

    //     const table = document.getElementById("cetak");
    //     const wb = XLSX.utils.table_to_book(table, { sheet: "Sheet 1" });
    //     XLSX.writeFile(wb, `monthlyReport.xlsx`);
    //     console.log(e);
    // });

    // $(".btn-export-pdf").on("click", async function () {
    // $('.cetak').css('display','block');
    // $('.user').css('display','block');
    // const { jsPDF } = window.jspdf;
    // const doc = new jsPDF("p", "pt", "a4");
    // // ambil elemen tabel
    // const table = document.getElementById("cetak");
    // const canvas = await html2canvas(table, { scale: 2 });
    // const imgData = canvas.toDataURL("image/png");
    // const imgWidth = doc.internal.pageSize.getWidth();
    // const imgHeight = (canvas.height * imgWidth) / canvas.width;
    // doc.addImage(imgData, "PNG", 0, 20, imgWidth, imgHeight);
    // doc.save(`Rekap Harian.pdf`);
    //
    // jsPDF Autotable
    //     if (!lastResponse) {
    //         alert("Data belum tersedia");
    //         return;
    //     }
    //     printPDF(lastResponse.vehicle);
    // });
    // console.log(document.getElementById("cetak"));
    // console.log(document.getElementById("date-table"));
});

function loadData(tanggalMulai, tanggalAkhir) {
    let tanggal = $("#tanggalCari").val();
    let harian = $("#harianToggle").is(":checked") ? 1 : 0;
    if (harian == 1) $("#harian").text("By : Harian");
    else $("#harian").text("By : Shift");
    // console.log(harian);
    // console.log(tanggal);

    if (!tanggal) return;

    // Contoh: Load data dengan AJAX
    $.ajax({
        url: "/report/laporan-semua-transaksi/vehicle", // Ganti dengan route Anda
        type: "GET",
        data: {
            tanggal: tanggal,
            harian: harian,
        },
        beforeSend: function () {
            console.log("Loading data...");
            $("#loadingOverlay").removeClass("d-none");
        },
        success: function (response) {
            window.ReportApp.lastResponse = response;
            // lastResponse = response; // ✅ tambah ini
            tableVehicle(response.vehicle);
            tableOfficer(response.officer);
            tablePayment(response.payment);
            // // Update tabel dengan data yang diterima
            // let html = "";
            // let onData = "";
            // let jmlCashCasual = 0;
            // let incomeCashCasual = 0;
            // let jmlCashlessCasual = 0;
            // let incomeCashlessCasual = 0;
            // let grandTotal = 0;
            // response.tunai.forEach(function (cash) {
            //     // cari pasangan non tunai
            //     let cashless = response.nontunai.find((nt) => String(nt.id_kendaraan) === String(cash.id_kendaraan));
            //     // fallback aman
            //     cashless = cashless || {
            //         nontunai: 0,
            //         nonTunaiOut: 0,
            //         keluar: {
            //             casual: { jumlah: 0, income: 0 },
            //             lost: { jumlah: 0, income: 0 },
            //             member: { jumlah: 0, income: 0 },
            //         },
            //         totalCashless: 0,
            //     };
            //     let casualIn = cash.total;
            //     let tunaiOut = cash.tunaiOut;
            //     // ===== DATA TUNAI =====
            //     let tCasual = cash.keluar.casual;
            //     let tLost = cash.keluar.lost;
            //     let tMember = cash.keluar.member;
            //     let tManual = cash.keluar.manual;
            //     // ===== DATA NON TUNAI =====
            //     let nonTunaiOut = cashless.nonTunaiOut;
            //     let nCasual = cashless.keluar.casual;
            //     let nLost = cashless.keluar.lost;
            //     let nMember = cashless.keluar.member;
            //     let nManual = cashless.keluar.manual;
            //     let totalTunai = cash.totalCash || 0;
            //     let totalNonTunai = cashless.totalCashless || 0;
            //     jmlCashCasual += cash.keluar.casual.jumlah;
            //     incomeCashCasual += cash.keluar.casual.income;
            //     jmlCashlessCasual += cashless.keluar.casual.jumlah;
            //     incomeCashlessCasual += cashless.keluar.casual.income;
            //     grandTotal += totalTunai + totalNonTunai;
            //     // let casualCash   = cash.keluar.casual;
            //     // let lostCash     = cash.keluar.lost;
            //     // let memberCash   = cash.keluar.member;
            //     // let casualIn     = cash.total;
            //     // let casualNon    = cashless ? cashless.keluar.casual : { jumlah: 0, income: 0 };
            //     // let lostNon      = cashless ? cashless.keluar.lost   : { jumlah: 0, income: 0 };
            //     // let memberNon    = cashless ? cashless.keluar.member : { jumlah: 0, income: 0 };
            //     // let totalIncome =
            //     //     (cash.totalCash || 0);
            //     // html += `
            //     // <tr>
            //     //     <td style="text-align: left;">${cash.jenis_mobil}</td>
            //     //     <!-- Jenis Transaksi -->
            //     //     <td>${casualIn}</td>
            //     //     <td>${cash.tunaiOut}</td>
            //     //     <!-- Casual -->
            //     //     <td>${casualCash.jumlah}</td>
            //     //     <td>${rupiah(casualCash.income)}</td>
            //     //     <!-- Tiket Hilang -->
            //     //     <td>${lostCash.jumlah}</td>
            //     //     <td>${rupiah(lostCash.income)}</td>
            //     //     <!-- Member -->
            //     //     <td>${memberCash.jumlah}</td>
            //     //     <td>${rupiah(memberCash.income)}</td>
            //     //     <!-- Manual Input -->
            //     //     <td>0</td>
            //     //     <td>0</td>
            //     //     <!-- Manual Mix -->
            //     //     <td>0</td>
            //     //     <td>0</td>
            //     //     <!-- Tiket Masalah -->
            //     //     <td>0</td>
            //     //     <td>0</td>
            //     //     <!-- Pendapatan -->
            //     //     <td><strong>${rupiah(totalIncome)}</strong></td>
            //     // </tr>
            //     // `;
            //     html += `
            //     <tr>
            //         <td rowspan="2" style="text-align: left;"><strong>${cash.jenis_mobil}</strong></td>
            //         <td style="text-align: left;"><span class="badge bg-success">Tunai</span></td>
            //         <td>${casualIn}</td>
            //         <td>${tunaiOut}</td>
            //         <td>${tCasual.jumlah}</td>
            //         <td data-value="${tCasual.income}">${rupiah(tCasual.income)}</td>
            //         <td>${tLost.jumlah}</td>
            //         <td data-value="${tLost.income}">${rupiah(tLost.income)}</td>
            //         <td>${tMember.jumlah}</td>
            //         <td data-value="${tMember.income}">${rupiah(tMember.income)}</td>
            //         <td>${tManual.jumlah}</td>
            //         <td data-value="${tManual.income}">${rupiah(tManual.income)}</td>
            //         <td>0</td>
            //         <td data-value="0}">0</td>
            //         <td>0</td>
            //         <td data-value="0">0</td>
            //         <td data-value="${totalTunai}"><strong>${rupiah(totalTunai)}</strong></td>
            //     </tr>
            //     <tr>
            //         <td style="text-align: left;"><span class="badge bg-warning">Non Tunai</span></td>
            //         <td>${casualIn}</td>
            //         <td>${nonTunaiOut}</td>
            //         <td>${nCasual.jumlah}</td>
            //         <td data-value="${nCasual.income}">${rupiah(nCasual.income)}</td>
            //         <td>${nLost.jumlah}</td>
            //         <td>${rupiah(nLost.income)}</td>
            //         <td>${nMember.jumlah}</td>
            //         <td>${rupiah(nMember.income)}</td>
            //         <td>${nManual.jumlah}</td>
            //         <td data-value="${nManual.income}">${rupiah(nManual.income)}</td>
            //         <td>0</td>
            //         <td data-value="0">0</td>
            //         <td>0</td>
            //         <td data-value="0">0</td>
            //         <td data-value="${totalNonTunai}"><strong>${rupiah(totalNonTunai)}</strong></td>
            //     </tr>
            //     `;
            // });
            // // ===== FOOTER TOTAL =====
            // html += `
            // <tr class="table">
            //     <td rowspan="2" style="text-align: center;"><strong>TOTAL</strong></td>
            //     <td style="text-align: left;"><span class="badge bg-success">Tunai</span></td>
            //     <td>0</td>
            //     <td>0</td>
            //     <td data-value="${jmlCashCasual}">${rupiah(jmlCashCasual)}</td>
            //     <td data-value="${incomeCashCasual}">${rupiah(incomeCashCasual)}</td>
            //     <td colspan="11">0</td>
            // </tr>
            // <tr>
            //     <td style="text-align: left;"><span class="badge bg-warning">NON TUNAI</td>
            //      <td>0</td>
            //     <td>0</td>
            //     <td>${jmlCashlessCasual}</td>
            //     <td data-value="${incomeCashlessCasual}">${rupiah(incomeCashlessCasual)}</td>
            //     <td colspan="11">0</td>
            // </tr>
            // <tr class="table">
            //     <td colspan="3" class="text-center"><strong>GRAND TOTAL</strong></td>
            //     <td colspan="0"></td>
            //     <td colspan="0">${jmlCashCasual + jmlCashlessCasual}</td>
            //     <td colspan="0" data-value="${incomeCashCasual + incomeCashlessCasual}">${rupiah(incomeCashCasual + incomeCashlessCasual)}</td>
            //     <td colspan="0"></td>
            //     <td colspan="0"></td>
            //     <td colspan="0"></td>
            //     <td colspan="0"></td>
            //     <td colspan="0"></td>
            //     <td colspan="0"></td>
            //     <td colspan="0"></td>
            //     <td colspan="0"></td>
            //     <td colspan="0"></td>
            //     <td colspan="0"></td>
            //     <td><strong>${rupiah(grandTotal)}</strong></td>
            // </tr>
            // `;
            // // console.log('TUNAI:', cash.id_kendaraan, cash);
            // // console.log('CASHLESS FOUND:', cashless);
            // $("#table-data").html(html);
            // response.overNight.forEach(function (on) {
            //     if (!on.jenis_mobil) return;
            //     let overnight = on.overNight;
            //     let onExpired = on.onExpired;
            //     onData += `
            //         <tr>
            //             <td style="text-align: left;">${on.jenis_mobil}</td>
            //             <td>${overnight}</td>
            //             <td>${onExpired}</td>
            //             <td>0</td>
            //         </tr>
            //     `;
            // });
            // $("#table-overnight").html(onData);
            // console.log(response);
        },
        error: function (xhr) {
            console.log("Error:", xhr);
            alert("Terjadi kesalahan saat memuat data");
        },
        complete: function () {
            $("#loadingOverlay").addClass("d-none");
        },
    });
}

function rupiah(angka) {
    return new Intl.NumberFormat("id-ID").format(angka || 0);
}

function getToday() {
    const d = new Date();
    const tgl = String(d.getDate()).padStart(2, "0");
    const bulan = String(d.getMonth() + 1).padStart(2, "0");
    const tahun = d.getFullYear();
    return `${tgl}-${bulan}-${tahun}`;
}

function tableVehicle(response) {
    // Update tabel dengan data yang diterima

    let html = "";
    let onData = "";
    let jmlCashOut = 0;

    let inCashCasual = 0;
    let jmlCashCasual = 0;
    let incomeCashCasual = 0;

    let jmlCashLost = 0;
    let incomeCashLost = 0;

    let jmlCashMember = 0;
    let incomeCashMember = 0;

    let jmlCashManual = 0;
    let incomeCashManual = 0;

    let jmlCashMasalah = 0;
    let incomeCashMasalah = 0;

    // Init data cashless
    let jmlCashlessOut = 0;

    let jmlCashlessCasual = 0;
    let incomeCashlessCasual = 0;

    let jmlCashlessLost = 0;
    let incomeCashlessLost = 0;

    let jmlCashlessMember = 0;
    let incomeCashlessMember = 0;

    let jmlCashlessManual = 0;
    let incomeCashlessManual = 0;

    let grandTotal = 0;

    response.tunai.forEach(function (cash) {
        // cari pasangan non tunai
        let cashless = response.nontunai.find((nt) => String(nt.id_kendaraan) === String(cash.id_kendaraan));

        // fallback aman
        cashless = cashless || {
            nontunai: 0,
            nonTunaiOut: 0,
            keluar: {
                casual: { jumlah: 0, income: 0 },
                lost: { jumlah: 0, income: 0 },
                member: { jumlah: 0, income: 0 },
            },
            totalCashless: 0,
        };

        let casualIn = cash.masuk.casual;
        let tunaiOut = cash.tunaiOut;
        // ===== DATA TUNAI =====
        let tCasual = cash.keluar.casual;
        let tLost = cash.keluar.lost;
        let tMember = cash.keluar.member;
        let tManual = cash.keluar.manual;
        let tManualMix = cash.keluar.manualMix;
        let tMasalah = cash.keluar.masalah;

        // ===== DATA NON TUNAI =====
        let nonTunaiOut = cashless.nonTunaiOut;

        let nCasual = cashless.keluar.casual;
        let nLost = cashless.keluar.lost;
        let nMember = cashless.keluar.member;
        let nManual = cashless.keluar.manual;
        let nManualMix = cashless.keluar.manualMix;
        let nMasalah = cashless.keluar.masalah;

        let totalTunai = cash.totalCash || 0;
        let totalNonTunai = cashless.totalCashless || 0;

        // init data cash
        //
        inCashCasual += casualIn.jumlah;
        jmlCashOut += tunaiOut;

        jmlCashCasual += cash.keluar.casual.jumlah;
        incomeCashCasual += cash.keluar.casual.income;

        jmlCashLost += tLost.jumlah;
        incomeCashLost += tLost.income;

        jmlCashMember += tMember.jumlah;
        incomeCashMember += tMember.income;

        jmlCashManual += tManual.jumlah;
        incomeCashManual += tManual.income;

        subTotalIncomeCash = incomeCashCasual + incomeCashLost + incomeCashMember + incomeCashManual;

        // =========     init data cashless
        jmlCashlessOut += nonTunaiOut;

        jmlCashlessCasual += cashless.keluar.casual.jumlah;
        incomeCashlessCasual += cashless.keluar.casual.income;

        jmlCashlessLost += nLost.jumlah;
        incomeCashlessLost += nLost.income;

        jmlCashlessMember += nMember.jumlah;
        incomeCashlessMember += nMember.income;

        jmlCashlessManual += nManual.jumlah;
        incomeCashlessManual += nManual.income;

        subTotalIncomeCashless =
            incomeCashlessCasual + incomeCashlessLost + incomeCashlessMember + incomeCashlessManual;

        totalAllIn = inCashCasual + inCashCasual;
        totalAllOut = jmlCashOut + jmlCashlessOut;
        grandTotal = subTotalIncomeCash + subTotalIncomeCashless;

        // console.log(tLost.income);
        // console.log(incomeCashLost);

        html += `
            <tr>
                <td rowspan="2" style="text-align: left;"><strong>${cash.jenis_mobil}</strong></td>
                <td style="text-align: left;"><span class="badge bg-success">Tunai</span></td>

                <td>${casualIn.jumlah}</td>
                <td>${tunaiOut}</td>

                <td>${tCasual.jumlah}</td>
                <td data-value="${tCasual.income}">${rupiah(tCasual.income)}</td>

                <td>${tLost.jumlah}</td>
                <td data-value="${tLost.income}">${rupiah(tLost.income)}</td>

                <td>${tMember.jumlah}</td>
                <td data-value="${tMember.income}">${rupiah(tMember.income)}</td>

                <td>${tManual.jumlah}</td>
                <td data-value="${tManual.income}">${rupiah(tManual.income)}</td>

                <td>0</td>
                <td data-value="0}">0</td>

                <td>0</td>
                <td data-value="0">0</td>

                <td data-value="${totalTunai}"><strong>${rupiah(totalTunai)}</strong></td>
            </tr>

            <tr>
                <td style="text-align: left;"><span class="badge bg-warning">Non Tunai</span></td>

                <td>${casualIn.jumlah}</td>
                <td>${nonTunaiOut}</td>

                <td>${nCasual.jumlah}</td>
                <td data-value="${nCasual.income}">${rupiah(nCasual.income)}</td>

                <td>${nLost.jumlah}</td>
                <td>${rupiah(nLost.income)}</td>

                <td>${nMember.jumlah}</td>
                <td>${rupiah(nMember.income)}</td>

                <td>${nManual.jumlah}</td>
                <td data-value="${nManual.income}">${rupiah(nManual.income)}</td>

                <td>0</td>
                <td data-value="0">0</td>

                <td>0</td>
                <td data-value="0">0</td>

                <td data-value="${totalNonTunai}"><strong>${rupiah(totalNonTunai)}</strong></td>
            </tr>
        `;
    });

    // ===== FOOTER TOTAL =====
    html += `
            <tr class="table">
                <td rowspan="2" style="text-align: center;"><strong>SUB TOTAL<br>KENDARAAN</strong></td>
                <td style="text-align: left;"><span class="badge bg-success">Tunai</span></td>
                <td data-value="${jmlCashlessOut}"><strong>${inCashCasual}</strong></td>
                <td data-value="${jmlCashOut}"><strong>${rupiah(jmlCashOut)}</strong></td>
                <td data-value="${jmlCashCasual}">${jmlCashCasual}</td>
                <td data-value="${incomeCashCasual}">${rupiah(incomeCashCasual)}</td>
                <td data-value="${jmlCashLost}">${jmlCashLost}</td>
                <td data-value="${incomeCashLost}">${rupiah(incomeCashLost)}</td>
                <td data-value="${jmlCashMember}">${jmlCashMember}</td>
                <td data-value="${incomeCashMember}">${rupiah(incomeCashMember)}</td>
                <td data-value="${jmlCashManual}">${jmlCashManual}</td>
                <td data-value="${incomeCashManual}">${rupiah(incomeCashManual)}</td>
                <td>0</td>
                <td>0</td>
                <td>0</td>
                <td>0</td>
                <td data-value="${incomeCashCasual}">${rupiah(incomeCashCasual)}</td>
            </tr>
            <tr>
                <td style="text-align: left;"><span class="badge bg-warning">NON TUNAI</td>
                <td data-value="${jmlCashlessOut}"><strong>${inCashCasual}</strong></td>
                <td data-value="${jmlCashlessOut}"><strong>${rupiah(jmlCashlessOut)}</strong></td>
                <td>${jmlCashlessCasual}</td>
                <td data-value="${incomeCashlessCasual}">${rupiah(incomeCashlessCasual)}</td>
                <td data-value="${jmlCashlessLost}">${rupiah(jmlCashlessLost)}</td>
                <td data-value="${incomeCashlessLost}">${rupiah(incomeCashlessLost)}</td>
                <td data-value="${jmlCashlessMember}">${rupiah(jmlCashlessMember)}</td>
                <td data-value="${incomeCashlessMember}">${rupiah(incomeCashlessMember)}</td>
                <td data-value="${jmlCashlessManual}">${rupiah(jmlCashlessManual)}</td>
                <td data-value="${incomeCashlessManual}">${rupiah(incomeCashlessManual)}</td>
                <td>0</td>
                <td>0</td>
                <td>0</td>
                <td>0</td>
                <td data-value="${subTotalIncomeCashless}">${rupiah(subTotalIncomeCashless)}</td>
            </tr>
            <tr class="table">
                <td colspan="2" class="text-center"><strong>GRAND TOTAL<br>Pendapatan Per Kendaraan</strong></td>
                <td colspan="0">${totalAllIn}</td>
                <td colspan="0">${totalAllOut}</td>
                <td colspan="0">${jmlCashCasual + jmlCashlessCasual}</td>
                <td colspan="0" data-value="${incomeCashCasual + incomeCashlessCasual}">${rupiah(incomeCashCasual + incomeCashlessCasual)}</td>
                <td colspan="0" data-value="${jmlCashLost + jmlCashlessLost}">${rupiah(jmlCashLost + jmlCashlessLost)}</td>
                <td colspan="0" data-value="${incomeCashLost + incomeCashlessLost}">${rupiah(incomeCashLost + incomeCashlessLost)}</td>
                <td colspan="0" data-value="${jmlCashMember + incomeCashlessMember}">${rupiah(jmlCashMember + incomeCashlessMember)}</td>
                <td colspan="0" data-value="${incomeCashMember + incomeCashlessMember}">${rupiah(incomeCashMember + incomeCashlessMember)}</td>
                <td colspan="0" data-value="${jmlCashManual + jmlCashlessManual}">${rupiah(jmlCashManual + jmlCashlessManual)}</td>/td>
                <td colspan="0" data-value="${incomeCashManual + incomeCashlessManual}">${rupiah(incomeCashManual + incomeCashlessManual)}</td>
                <td colspan="0" data-value="0">0</td>/td>
                <td colspan="0" data-value="0">0</td>
                <td colspan="0" data-value="0">0</td>
                <td colspan="0" data-value="0">0</td>
                <td><strong>${rupiah(grandTotal)}</strong></td>
            </tr>
        `;
    // console.log('TUNAI:', cash.id_kendaraan, cash);
    // console.log('CASHLESS FOUND:', cashless);

    $("#table-data").html(html);

    response.overNight.forEach(function (on) {
        if (!on.jenis_mobil) return;

        let overnight = on.overNight;
        let onExpired = on.onExpired;

        onData += `
        <tr>
            <td style="text-align: left;">${on.jenis_mobil}</td>
            <td>${overnight}</td>
            <td>${onExpired}</td>
            <td>0</td>
        </tr>
    `;
    });

    $("#table-overnight").html(onData);
    console.log(response);
}

function tableOfficer(response) {
    // Update tabel dengan data yang diterima
    console.log(response);

    let html = "";
    // init petugas data cash
    let jmlCashOut = 0;

    let jmlCashCasual = 0;
    let incomeCashCasual = 0;

    let jmlCashLost = 0;
    let incomeCashLost = 0;

    let jmlCashMember = 0;
    let incomeCashMember = 0;

    let jmlCashManual = 0;
    let incomeCashManual = 0;

    // init petugas data cash
    let jmlCashlessOut = 0;

    let jmlCashlessCasual = 0;
    let incomeCashlessCasual = 0;

    let jmlCashlessLost = 0;
    let incomeCashlessLost = 0;

    let jmlCashlessMember = 0;
    let incomeCashlessMember = 0;

    let jmlCashlessManual = 0;
    let incomeCashlessManual = 0;

    let grandTotal = 0;

    response.tunai.forEach(function (cash) {
        // cari pasangan non tunai
        let cashless = response.nontunai.find((nt) => String(nt.id_petugas) === String(cash.id_petugas));

        // fallback aman
        cashless = cashless || {
            nontunai: 0,
            nonTunaiOut: 0,
            keluar: {
                casual: { jumlah: 0, income: 0 },
                lost: { jumlah: 0, income: 0 },
                member: { jumlah: 0, income: 0 },
            },
            totalCashless: 0,
        };

        let petugas = cash.petugas === null ? "NO-OP" : cash.petugas;
        let casualIn = cash.total;
        let tunaiOut = cash.tunaiOut;
        // ===== DATA TUNAI =====
        let tCasual = cash.keluar.casual;
        let tLost = cash.keluar.lost;
        let tMember = cash.keluar.member;
        let tManual = cash.keluar.manual;

        // ===== DATA NON TUNAI =====
        let nonTunaiOut = cashless.nonTunaiOut;

        let nCasual = cashless.keluar.casual;
        let nLost = cashless.keluar.lost;
        let nMember = cashless.keluar.member;
        let nManual = cashless.keluar.manual ?? 0;

        let totalTunai = cash.totalCash || 0;
        let totalNonTunai = cashless.totalCashless || 0;

        // get data cash
        jmlCashOut += tunaiOut;

        jmlCashCasual += cash.keluar.casual.jumlah;
        incomeCashCasual += cash.keluar.casual.income;

        jmlCashLost += cash.keluar.lost.jumlah;
        incomeCashLost += tLost.income;

        jmlCashMember += cash.keluar.member.jumlah;
        incomeCashMember += cash.keluar.member.income;

        jmlCashManual += cash.keluar.manual.jumlah;
        incomeCashManual += cash.keluar.manual.income;

        subTotalIncomeCash = incomeCashCasual + incomeCashLost + incomeCashMember + incomeCashManual;

        // =========     init data cashless
        jmlCashlessOut += nonTunaiOut;

        jmlCashlessCasual += cashless.keluar.casual.jumlah;
        incomeCashlessCasual += cashless.keluar.casual.income;

        jmlCashlessLost += nLost.jumlah;
        incomeCashlessLost += nLost.income;

        jmlCashlessMember += cashless.keluar.member.jumlah;
        incomeCashlessMember += cashless.keluar.member.income;

        jmlCashlessManual += cashless.keluar.manual.jumlah;
        incomeCashlessManual += cashless.keluar.manual.income;

        subTotalIncomeCashless =
            incomeCashlessCasual + incomeCashlessLost + incomeCashlessMember + incomeCashlessManual;

        totalAllOut = jmlCashOut + jmlCashlessOut;
        grandTotal = subTotalIncomeCash + subTotalIncomeCashless;
        //========= init table body by petugas
        html += `
            <tr>
                <td rowspan="2" style="text-align: left;"><strong>${petugas}</strong></td>
                <td style="text-align: left;"><span class="badge bg-success">Tunai</span></td>

                <td>${casualIn}</td>
                <td>${tunaiOut}</td>

                <td>${tCasual.jumlah}</td>
                <td data-value="${tCasual.income}">${rupiah(tCasual.income)}</td>

                <td>${tLost.jumlah}</td>
                <td data-value="${tLost.income}">${rupiah(tLost.income)}</td>

                <td>${tMember.jumlah}</td>
                <td data-value="${tMember.income}">${rupiah(tMember.income)}</td>

                <td>${tManual.jumlah}</td>
                <td data-value="${tManual.income}">${rupiah(tManual.income)}</td>

                <td>0</td>
                <td data-value="0">0</td>

                <td>0</td>
                <td data-value="0">0</td>

                <td data-value="${totalTunai}"><strong>${rupiah(totalTunai)}</strong></td>
            </tr>

            <tr>
                <td style="text-align: left;"><span class="badge bg-warning">Non Tunai</span></td>

                <td>${casualIn}</td>
                <td>${nonTunaiOut}</td>

                <td>${nCasual.jumlah}</td>
                <td data-value="${nCasual.income}">${rupiah(nCasual.income)}</td>

                <td>${nLost.jumlah}</td>
                <td>${rupiah(nLost.income)}</td>

                <td>${nMember.jumlah}</td>
                <td>${rupiah(nMember.income)}</td>

                <td>${nManual.jumlah}</td>
                <td data-value="${nManual.income}">${rupiah(nManual.income)}</td>

                <td>0</td>
                <td data-value="0">0</td>

                <td>0</td>
                <td data-value="0">0</td>

                <td data-value="${totalNonTunai}"><strong>${rupiah(totalNonTunai)}</strong></td>
            </tr>
        `;
    });

    // ===== FOOTER TOTAL =====
    html += `
            <tr class="table">
                <td rowspan="2" style="text-align: center;"><strong>SUB TOTAL<br>Per Petugas</strong></td>
                <td style="text-align: left;"><span class="badge bg-success">Tunai</span></td>
                <td><strong>0</strong></td>
                <td data-value="${incomeCashCasual}"><strong>${rupiah(jmlCashOut)}</strong></td>
                <td data-value="${jmlCashCasual}">${rupiah(jmlCashCasual)}</td>
                <td data-value="${incomeCashCasual}">${rupiah(incomeCashCasual)}</td>
                <td data-value="${jmlCashLost}">${rupiah(jmlCashLost)}</td>
                <td data-value="${incomeCashLost}">${incomeCashLost}</td>
                <td data-value="${jmlCashMember}">${rupiah(jmlCashMember)}</td>
                <td data-value="${incomeCashMember}">${rupiah(incomeCashMember)}</td>
                <td data-value="${jmlCashManual}">${rupiah(jmlCashManual)}</td>
                <td data-value="${incomeCashManual}">${rupiah(incomeCashManual)}</td>
                <td>0</td>
                <td>0</td>
                <td>0</td>
                <td>0</td>
                <td data-value="${incomeCashCasual}">${rupiah(incomeCashCasual)}</td>
            </tr>
            <tr>
                <td style="text-align: left;"><span class="badge bg-warning">NON TUNAI</td>
                <td><strong>0</strong></td>
                <td data-value="${incomeCashlessCasual}"><strong>${rupiah(jmlCashlessOut)}</strong></td>
                <td>${jmlCashlessCasual}</td>
                <td data-value="${incomeCashlessCasual}">${rupiah(incomeCashlessCasual)}</td>
                <td data-value="${jmlCashlessLost}">${rupiah(jmlCashlessLost)}</td>
                <td data-value="${incomeCashlessLost}">${rupiah(incomeCashlessLost)}</td>
                <td data-value="${jmlCashlessMember}">${rupiah(jmlCashlessMember)}</td>
                <td data-value="${incomeCashlessMember}">${rupiah(incomeCashlessMember)}</td>
                <td data-value="${jmlCashlessManual}">${rupiah(jmlCashlessManual)}</td>
                <td data-value="${incomeCashlessManual}">${rupiah(incomeCashlessManual)}</td>
                <td>0</td>
                <td>0</td>
                <td>0</td>
                <td>0</td>
                <td data-value="${subTotalIncomeCashless}">${rupiah(subTotalIncomeCashless)}</td>
            </tr>
            <tr class="table">
                <td colspan="2" class="text-center"><strong>GRAND TOTAL<br>Pendapatan Per Petugas</strong></td>
                <td colspan="0">0</td>
                <td colspan="0">${totalAllOut}</td>
                <td colspan="0">${jmlCashCasual + jmlCashlessCasual}</td>
                <td colspan="0" data-value="${incomeCashCasual + incomeCashlessCasual}">${rupiah(incomeCashCasual + incomeCashlessCasual)}</td>
                <td colspan="0" data-value="${jmlCashLost + jmlCashlessLost}">${rupiah(jmlCashLost + jmlCashlessLost)}</td>
                <td colspan="0" data-value="${incomeCashLost + incomeCashlessLost}">${rupiah(incomeCashLost + incomeCashlessLost)}</td>
                <td colspan="0" data-value="${jmlCashMember + incomeCashlessMember}">${rupiah(jmlCashMember + incomeCashlessMember)}</td>
                <td colspan="0" data-value="${incomeCashMember + incomeCashlessMember}">${rupiah(incomeCashMember + incomeCashlessMember)}</td>
                <td colspan="0" data-value="${jmlCashManual + jmlCashlessManual}">${rupiah(jmlCashManual + jmlCashlessManual)}</td>/td>
                <td colspan="0" data-value="${incomeCashManual + incomeCashlessManual}">${rupiah(incomeCashManual + incomeCashlessManual)}</td>
                <td colspan="0" data-value="0">0</td>/td>
                <td colspan="0" data-value="0">0</td>
                <td colspan="0" data-value="0">0</td>
                <td colspan="0" data-value="0">0</td>
                <td><strong>${rupiah(grandTotal)}</strong></td>
            </tr>
        `;
    // console.log('TUNAI:', cash.id_kendaraan, cash);
    // console.log('CASHLESS FOUND:', cashless);

    $("#officer-data").html(html);

    // response.overNight.forEach(function (on) {
    //     if (!on.jenis_mobil) return;

    //     let overnight = on.overNight;
    //     let onExpired = on.onExpired;

    //     onData += `
    //     <tr>
    //         <td style="text-align: left;">${on.jenis_mobil}</td>
    //         <td>${overnight}</td>
    //         <td>${onExpired}</td>
    //         <td>0</td>
    //     </tr>
    // `;
    // });

    // $("#table-overnight").html(onData);
    // console.log(response);
}

function tablePayment(response) {
    // Update tabel dengan data yang diterima
    // console.log(response);

    let html = "";
    // init data cash
    let jmlCashOut = 0;
    let jmlCashCasual = 0;
    let incomeCashCasual = 0;

    let jmlCashLost = 0;
    let incomeCashLost = 0;

    let jmlCashMember = 0;
    let incomeCashMember = 0;

    let jmlCashManual = 0;
    let incomeCashManual = 0;

    // init data cashless
    let jmlCashlessOut = 0;

    let jmlCashlessCasual = 0;
    let incomeCashlessCasual = 0;

    let jmlCashlessLost = 0;
    let incomeCashlessLost = 0;

    let jmlCashlessMember = 0;
    let incomeCashlessMember = 0;

    let jmlCashlessManual = 0;
    let incomeCashlessManual = 0;

    let grandTotal = 0;

    response.tunai.forEach(function (cash) {
        // cari pasangan non tunai
        let cashless = response.nontunai.find((nt) => String(nt.typePayment) === String(cash.typePayment));

        // fallback aman
        cashless = cashless || {
            nontunai: 0,
            nonTunaiOut: 0,
            keluar: {
                casual: { jumlah: 0, income: 0 },
                lost: { jumlah: 0, income: 0 },
                member: { jumlah: 0, income: 0 },
            },
            totalCashless: 0,
        };

        let payment = paymentType(cash.typePayment);
        // let payment = cash.typePayment;
        let casualIn = cash.masuk.casual;
        let casualOut = cash.masuk.casual;
        let tunaiOut = cash.tunaiOut;
        // ===== DATA TUNAI =====
        let tCasual = cash.keluar.casual;
        let tLost = cash.keluar.lost;
        let tMember = cash.keluar.member;
        let tManual = cash.keluar.manual;

        // ===== DATA NON TUNAI =====
        let nonTunaiOut = cashless.nonTunaiOut;

        let nCasual = cashless.keluar.casual;
        let nLost = cashless.keluar.lost;
        let nMember = cashless.keluar.member;
        let nManual = cashless.keluar.manual ?? 0;

        let totalTunai = cash.totalCash || 0;
        let totalNonTunai = cashless.totalCashless || 0;

        jmlCashOut += tunaiOut;
        jmlCashCasual += cash.keluar.casual.jumlah;
        incomeCashCasual += cash.keluar.casual.income;

        jmlCashLost += cash.keluar.lost.jumlah;
        incomeCashLost += tLost.income;

        jmlCashMember += cash.keluar.member.jumlah;
        incomeCashMember += cash.keluar.member.income;

        jmlCashManual += cash.keluar.manual.jumlah;
        incomeCashManual += cash.keluar.manual.income;

        subTotalIncomeCash = incomeCashCasual + incomeCashLost + incomeCashMember + incomeCashManual;

        // =========     init data cashless
        jmlCashlessOut += nonTunaiOut;

        jmlCashlessCasual += cashless.keluar.casual.jumlah;
        incomeCashlessCasual += cashless.keluar.casual.income;

        jmlCashlessLost += nLost.jumlah;
        incomeCashlessLost += nLost.income;

        jmlCashlessMember += cashless.keluar.member.jumlah;
        incomeCashlessMember += cashless.keluar.member.income;

        jmlCashlessManual += cashless.keluar.manual.jumlah;
        incomeCashlessManual += cashless.keluar.manual.income;

        subTotalIncomeCashless =
            incomeCashlessCasual + incomeCashlessLost + incomeCashlessMember + incomeCashlessManual;

        totalAllOut = jmlCashOut + jmlCashlessOut;
        grandTotal = subTotalIncomeCash + subTotalIncomeCashless;

        html += `
            <tr>
                <td rowspan="2" style="text-align: left;"><strong>${payment}</strong></td>
                <td style="text-align: left;"><span class="badge bg-success">Tunai</span></td>

                <td>${casualIn.jumlah}</td>
                <td>${tunaiOut}</td>

                <td>${tCasual.jumlah}</td>
                <td data-value="${tCasual.income}">${rupiah(tCasual.income)}</td>

                <td>${tLost.jumlah}</td>
                <td data-value="${tLost.income}">${rupiah(tLost.income)}</td>

                <td>${tMember.jumlah}</td>
                <td data-value="${tMember.income}">${rupiah(tMember.income)}</td>

                <td>${tManual.jumlah}</td>
                <td data-value="${tManual.income}">${rupiah(tManual.income)}</td>

                <td>0</td>
                <td data-value="0}">0</td>

                <td>0</td>
                <td data-value="0">0</td>

                <td data-value="${totalTunai}"><strong>${rupiah(totalTunai)}</strong></td>
            </tr>

            <tr>
                <td style="text-align: left;"><span class="badge bg-warning">Non Tunai</span></td>

                <td>${casualIn.jumlah}</td>
                <td>${nonTunaiOut}</td>

                <td>${nCasual.jumlah}</td>
                <td data-value="${nCasual.income}">${rupiah(nCasual.income)}</td>

                <td>${nLost.jumlah}</td>
                <td>${rupiah(nLost.income)}</td>

                <td>${nMember.jumlah}</td>
                <td>${rupiah(nMember.income)}</td>

                <td>${nManual.jumlah}</td>
                <td data-value="${nManual.income}">${rupiah(nManual.income)}</td>

                <td>0</td>
                <td data-value="0">0</td>

                <td>0</td>
                <td data-value="0">0</td>

                <td data-value="${totalNonTunai}"><strong>${rupiah(totalNonTunai)}</strong></td>
            </tr>
        `;
    });

    // ===== FOOTER TOTAL =====
    html += `
            <tr class="table">
                <td rowspan="2" style="text-align: center;"><strong>SUB TOTAL<br>Per Jenis Pembayaran</strong></td>
                <td style="text-align: left;"><span class="badge bg-success">Tunai</span></td>
                <td><strong>0</strong></td>
                <td data-value="${incomeCashCasual}"><strong>${rupiah(jmlCashOut)}</strong></td>
                <td data-value="${jmlCashCasual}">${rupiah(jmlCashCasual)}</td>
                <td data-value="${incomeCashCasual}">${rupiah(incomeCashCasual)}</td>
                <td data-value="${jmlCashLost}">${rupiah(jmlCashLost)}</td>
                <td data-value="${incomeCashLost}">${incomeCashLost}</td>
                <td data-value="${jmlCashMember}">${rupiah(jmlCashMember)}</td>
                <td data-value="${incomeCashMember}">${rupiah(incomeCashMember)}</td>
                <td data-value="${jmlCashManual}">${rupiah(jmlCashManual)}</td>
                <td data-value="${incomeCashManual}">${rupiah(incomeCashManual)}</td>
                <td>0</td>
                <td>0</td>
                <td>0</td>
                <td>0</td>
                <td data-value="${incomeCashCasual}">${rupiah(incomeCashCasual)}</td>
            </tr>
            <tr>
                <td style="text-align: left;"><span class="badge bg-warning">NON TUNAI</td>
                <td><strong>0</strong></td>
                <td data-value="${incomeCashlessCasual}"><strong>${rupiah(jmlCashlessOut)}</strong></td>
                <td>${jmlCashlessCasual}</td>
                <td data-value="${incomeCashlessCasual}">${rupiah(incomeCashlessCasual)}</td>
                <td data-value="${jmlCashlessLost}">${rupiah(jmlCashlessLost)}</td>
                <td data-value="${incomeCashlessLost}">${rupiah(incomeCashlessLost)}</td>
                <td data-value="${jmlCashlessMember}">${rupiah(jmlCashlessMember)}</td>
                <td data-value="${incomeCashlessMember}">${rupiah(incomeCashlessMember)}</td>
                <td data-value="${jmlCashlessManual}">${rupiah(jmlCashlessManual)}</td>
                <td data-value="${incomeCashlessManual}">${rupiah(incomeCashlessManual)}</td>
                <td>0</td>
                <td>0</td>
                <td>0</td>
                <td>0</td>
                <td data-value="${subTotalIncomeCashless}">${rupiah(subTotalIncomeCashless)}</td>
            </tr>
            <tr class="table">
                <td colspan="2" class="text-center"><strong>GRAND TOTAL<br>Pendapatan Per Pembayaran</strong></td>
                <td colspan="0">0</td>
                <td colspan="0">${totalAllOut}</td>
                <td colspan="0">${jmlCashCasual + jmlCashlessCasual}</td>
                <td colspan="0" data-value="${incomeCashCasual + incomeCashlessCasual}">${rupiah(incomeCashCasual + incomeCashlessCasual)}</td>
                <td colspan="0" data-value="${jmlCashLost + jmlCashlessLost}">${rupiah(jmlCashLost + jmlCashlessLost)}</td>
                <td colspan="0" data-value="${incomeCashLost + incomeCashlessLost}">${rupiah(incomeCashLost + incomeCashlessLost)}</td>
                <td colspan="0" data-value="${jmlCashMember + incomeCashlessMember}">${rupiah(jmlCashMember + incomeCashlessMember)}</td>
                <td colspan="0" data-value="${incomeCashMember + incomeCashlessMember}">${rupiah(incomeCashMember + incomeCashlessMember)}</td>
                <td colspan="0" data-value="${jmlCashManual + jmlCashlessManual}">${rupiah(jmlCashManual + jmlCashlessManual)}</td>/td>
                <td colspan="0" data-value="${incomeCashManual + incomeCashlessManual}">${rupiah(incomeCashManual + incomeCashlessManual)}</td>
                <td colspan="0" data-value="0">0</td>/td>
                <td colspan="0" data-value="0">0</td>
                <td colspan="0" data-value="0">0</td>
                <td colspan="0" data-value="0">0</td>
                <td><strong>${rupiah(grandTotal)}</strong></td>
            </tr>
        `;
    // console.log('TUNAI:', cash.id_kendaraan, cash);
    // console.log('CASHLESS FOUND:', cashless);

    $("#payment-data").html(html);
}

function paymentType(value) {
    switch (value) {
        case 2:
            value = "Mandiri";
            break;
        case 3:
            value = "BRIZZI";
            break;
        case 4:
            value = "TapCash";
            break;
        case 5:
            value = "Flazz";
            break;
        case 9:
            value = "QRIS";
            break;
        default:
            value = "Tunai";
    }

    return value;
}

// function printPDF(vehicle) {
//     const { jsPDF } = window.jspdf;
//     const doc = new jsPDF({
//         orientation: "portait", // portrait kesempitan buat 16 kolom
//         unit: "mm",
//         format: "a4",
//     });

//     const pageWidth = doc.internal.pageSize.getWidth();

//     // ===== HEADER =====
//     doc.setFont("helvetica", "bold");
//     doc.setFontSize(12);
//     doc.text("MENTENG SQUARE - RAYA PARKING - RAYA Parking", 14, 12);

//     doc.setFontSize(11);
//     doc.text("Rekap Transaksi Kendaraan", pageWidth / 2, 18, { align: "center" });

//     doc.setFont("helvetica", "normal");
//     doc.setFontSize(9);
//     doc.text("Tanggal : " + (vehicle.date ?? "-"), pageWidth / 2, 23, { align: "center" });
//     doc.text("By : Harian", pageWidth - 14, 12, { align: "right" });

//     // ===== SUSUN BODY TABEL =====
//     const body = [];
//     let totalTunaiJml = 0,
//         totalTunaiNilai = 0;
//     let totalNonTunaiJml = 0,
//         totalNonTunaiNilai = 0;
//     let grandTotal = 0;

//     vehicle.tunai.forEach(function (cash) {
//         const cashless = vehicle.nontunai.find((nt) => String(nt.id_kendaraan) === String(cash.id_kendaraan)) || {
//             nonTunaiOut: 0,
//             keluar: {
//                 casual: { jumlah: 0, income: 0 },
//                 lost: { jumlah: 0, income: 0 },
//                 member: { jumlah: 0, income: 0 },
//                 manual: { jumlah: 0, income: 0 },
//             },
//             totalCashless: 0,
//         };
//         // debugger;

//         const tCasual = cash.keluar.casual;
//         const tLost = cash.keluar.lost;
//         const tMember = cash.keluar.member;
//         const tManual = cash.keluar.manual;
//         const tMasalah = cash.keluar.masalah ?? { jumlah: 0, income: 0 };
//         const totalTunai = cash.totalCash || 0;

//         const nCasual = cashless.keluar.casual;
//         const nLost = cashless.keluar.lost;
//         const nMember = cashless.keluar.member;
//         const nManual = cashless.keluar.manual;
//         const nMasalah = cashless.keluar.masalah ?? { jumlah: 0, income: 0 };
//         const totalNonTunai = cashless.totalCashless || 0;

//         // baris TUNAI
//         body.push([
//             { content: cash.jenis_mobil, rowSpan: 2, styles: { valign: "middle" } },
//             { content: "Tunai", styles: { fillColor: [40, 167, 69], textColor: 255, fontStyle: "bold" } },
//             cash.total,
//             cash.tunaiOut,
//             tCasual.jumlah,
//             rupiah(tCasual.income),
//             tLost.jumlah,
//             rupiah(tLost.income),
//             tMember.jumlah,
//             rupiah(tMember.income),
//             tManual.jumlah,
//             rupiah(tManual.income),
//             0,
//             0,
//             tMasalah.jumlah,
//             rupiah(tMasalah.income),
//             { content: rupiah(cash.totalCash), styles: { valign: "middle", fontStyle: "bold" } },
//         ]);

//         // baris NON TUNAI
//         body.push([
//             { content: "Non Tunai", styles: { fillColor: [255, 193, 7], textColor: 0, fontStyle: "bold" } },

//             cash.total,
//             cashless.nonTunaiOut,

//             nCasual.jumlah,
//             rupiah(nCasual.income),

//             nLost.jumlah,
//             // rupiah(nLost.income),
//             cash.totalCashless,

//             nMember.jumlah,
//             rupiah(nMember.income),

//             nManual.jumlah,
//             rupiah(nManual.income),

//             0,
//             0,

//             nMasalah.jumlah,
//             rupiah(nMasalah.income),

//             { content: rupiah(cashless.totalCashless), styles: { valign: "middle", fontStyle: "bold" } },
//         ]);

//         totalTunaiJml += tCasual.jumlah + tLost.jumlah + tMember.jumlah + tManual.jumlah + tMasalah.jumlah;
//         totalTunaiNilai += cash.totalCash || 0;
//         totalNonTunaiJml += nCasual.jumlah + nLost.jumlah + nMember.jumlah + nManual.jumlah + nMasalah.jumlah;
//         totalNonTunaiNilai += cashless.totalCashless || 0;
//         grandTotal += (cash.totalCash || 0) + (cashless.totalCashless || 0);
//     });

//     // baris TOTAL & GRAND TOTAL
//     body.push([
//         { content: "TOTAL", rowSpan: 2, styles: { fontStyle: "bold" } },
//         { content: "Tunai", styles: { fillColor: [40, 167, 69], textColor: 255, fontStyle: "bold" } },
//         "",
//         "",
//         { content: totalTunaiJml, styles: { fontStyle: "bold" } },
//         rupiah(totalTunaiNilai),
//         "",
//         "",
//         "",
//         "",
//         "",
//         "",
//         "",
//         "",
//         "",
//         "",
//         rupiah(totalTunaiNilai),
//     ]);
//     body.push([
//         { content: "NON TUNAI", styles: { fillColor: [255, 193, 7], fontStyle: "bold" } },
//         "",
//         "",
//         { content: totalNonTunaiJml, styles: { fontStyle: "bold" } },
//         rupiah(totalNonTunaiNilai),
//         "",
//         "",
//         "",
//         "",
//         "",
//         "",
//         "",
//         "",
//         "",
//         "",
//         rupiah(totalNonTunaiNilai),
//     ]);
//     body.push([
//         { content: "GRAND TOTAL", colSpan: 4, styles: { fontStyle: "bold", halign: "center" } },
//         { content: totalTunaiJml + totalNonTunaiJml, styles: { fontStyle: "bold" } },
//         { content: rupiah(totalTunaiNilai + totalNonTunaiNilai), styles: { fontStyle: "bold" } },
//         "",
//         "",
//         "",
//         "",
//         "",
//         "",
//         "",
//         "",
//         "",
//         "",
//         "",
//         "",
//         { content: rupiah(grandTotal), styles: { fontStyle: "bold" } },
//     ]);

//     // ===== HEADER 2 BARIS (grouping) =====
//     const head = [
//         [
//             { content: "Jenis Kend", rowSpan: 2, colSpan: 2 },
//             { content: "Jenis Transaksi", colSpan: 2 },
//             { content: "Casual", colSpan: 2 },
//             { content: "Tiket Hilang", colSpan: 2 },
//             { content: "Member", colSpan: 2 },
//             { content: "Manual Input", colSpan: 2 },
//             { content: "Manual Mix", colSpan: 2 },
//             { content: "Tiket Masalah", colSpan: 2 },
//             { content: "Pendapatan", rowSpan: 2 },
//         ],
//         [
//             "Masuk",
//             "Keluar",
//             "JML",
//             "Nilai",
//             "JML",
//             "Nilai",
//             "JML",
//             "Nilai",
//             "JML",
//             "Nilai",
//             "JML",
//             "Nilai",
//             "JML",
//             "Nilai",
//         ],
//     ];

//     doc.autoTable({
//         head: head,
//         body: body,
//         startY: 28,
//         theme: "grid",
//         styles: { fontSize: 6, halign: "center", valign: "middle", lineColor: [200, 200, 200] },
//         headStyles: { fillColor: [230, 230, 230], textColor: 0, fontStyle: "bold" },
//         columnStyles: { 0: { halign: "left" } },
//     });

//     // ===== TABEL OVER NIGHT (di bawah tabel utama) =====
//     const onBody = vehicle.overNight.map((on) => [
//         on.jenis_mobil ?? "-",
//         on.overNight,
//         on.onExpired,
//         (on.overNight || 0) + (on.onExpired || 0),
//     ]);

//     doc.setFont("helvetica", "bold");
//     doc.setFontSize(8);
//     doc.text("Kendaraan yang masih menginap (Over Night)", 14, doc.lastAutoTable.finalY + 10);

//     doc.autoTable({
//         head: [["Jenis Kend", "Menginap", "ON (Expired)", "Total"]],
//         body: onBody,
//         startY: doc.lastAutoTable.finalY + 13,
//         theme: "grid",
//         styles: { fontSize: 7, cellPadding: 1 },
//         headStyles: { fontSize: 8, fillColor: [230, 230, 230], textColor: 0 },
//         tableWidth: 100,
//     });

//     doc.save(`Rekap Harian - ${vehicle.date}.pdf`);
// }