document.addEventListener("DOMContentLoaded", () => {

    const container = document.getElementById("popupContainer");
    if (!container) {
        console.warn("Không tìm thấy #popupContainer trên trang này");
        return;
    }

    // Hàm load file popup
    async function loadPopup(file) {
        // Dùng đường dẫn tương đối, KHÔNG có / ở đầu
        const url = '/popup/' + file;


        try {
            const res = await fetch(url);
            if (!res.ok) {
                console.error("Fetch lỗi", res.status, "URL:", url);
                return;
            }
            const html = await res.text();
            container.insertAdjacentHTML("beforeend", html);

            const wrap = document.createElement("div");
    wrap.innerHTML = html.trim();
    container.appendChild(wrap);

    wrap.querySelectorAll("script").forEach(scr => {
        const s = document.createElement("script");
        if (scr.src) s.src = scr.src;
        else s.textContent = scr.textContent;
        document.body.appendChild(s);
        scr.remove();
    });

    // 🔥 báo cho popup biết đã load xong
    document.dispatchEvent(new Event("popup_card_loaded"));


            // 🔥 QUAN TRỌNG: Tự động chạy toàn bộ <script> bên trong popup
            const popupScripts = container.querySelectorAll("script");

            popupScripts.forEach(oldScript => {
                const newScript = document.createElement("script");

                if (oldScript.src) {
                    newScript.src = oldScript.src;
                } else {
                    newScript.innerHTML = oldScript.innerHTML;
                }

                document.body.appendChild(newScript);
                oldScript.remove(); // tránh chạy lặp
            });

       

        } catch (e) {
            console.error("Lỗi load popup:", file, e);
        }
    }

    // Load tất cả popup (CHỈ TRUYỀN TÊN FILE)
    loadPopup("popup_naptien.php");
    loadPopup("popup_acb.php");

    // ======== HÀM MỞ POPUP ============
function openPopup(id) {
    const p = document.getElementById(id);

    // Bật overlay nếu chưa bật
    if (!popupOverlay.classList.contains("active")) {
        popupOverlay.style.display = "block";
        setTimeout(() => popupOverlay.classList.add("active"), 10);
    }

    // Hiện popup
    p.style.display = "block";
    setTimeout(() => p.classList.add("active"), 10);

    document.body.style.overflow = "hidden";
}



// ======== HÀM ĐÓNG POPUP ============
    function closePopup(id, keepOverlay = false, callback = null) {
        const p = document.getElementById(id);

        p.classList.remove("active");

        setTimeout(() => {
            p.style.display = "none";

            // Nếu KHÔNG yêu cầu giữ overlay
            // và KHÔNG có popup nào active → mới tắt overlay
            if (!keepOverlay && !document.querySelector(".popup.active")) {
                popupOverlay.classList.remove("active");
                setTimeout(() => popupOverlay.style.display = "none", 250);
                document.body.style.overflow = "auto";
            }

            if (callback) callback();

        }, 250);
    }


    // ======== CLICK OUTSIDE (OVERLAY) ========
// Đóng popup khi click ra ngoài nội dung
document.addEventListener("click", (e) => {

    // Tìm popup đang active
    const opened = document.querySelector(".popup.active");
    if (!opened) return;

    const content = opened.querySelector(".popup-content");

    // Nếu click nằm trong .popup-content → đừng đóng
    if (content.contains(e.target)) return;

    // Nếu click vào .popup (vùng đen) → đóng
    if (e.target.classList.contains("popup")) {
        closePopup(opened.id);
    }
});



    // Mở popup chính
    document.addEventListener("click", (e) => {
        if (e.target.id === "openPopup") {
            openPopup("popupMain");
        }
    });

    // Đóng popup chính
    document.addEventListener("click", (e) => {
        if (e.target.classList.contains("close-main")) {
            closePopup("popupMain");
        }
    });



    // Đóng popup con
    document.addEventListener("click", (e) => {
        if (e.target.classList.contains("close-child")) {
            const pop = e.target.closest(".popup");
            if (pop) closePopup(pop.id, false);
        }
    });

// Khi bấm 1 phương thức → mở popup con
document.addEventListener("click", (e) => {

    // Tìm phần tử .method gần nhất (kể cả click vào con bên trong)
    const method = e.target.closest(".method");
    if (!method) return;

    const to = method.getAttribute("data-popup");

    // Đóng popupMain nhưng GIỮ overlay
    closePopup("popupMain", true, () => {
        openPopup(to);

        // THÊM DÒNG NÀY
        if (to === "popupACB") {
            startACB();
        }
  
    });
});



    // Nút quay lại → popup chính (không nháy background)
    document.addEventListener("click", (e) => {
        if (e.target.hasAttribute("data-back")) {

            const current = e.target.closest(".popup").id;

            closePopup(current, true, () => {
                openPopup("popupMain");
            });
        }
    });




});


window.successContinue = function () {
    const p = document.getElementById("popupSuccess");

    // Tắt popup success
    p.classList.remove("active");

    // Không để lại display:none cứng
    p.style.display = "none";  
};

window.closeAllPopups = function () {

    // 1. Ẩn tất cả popup (nạp tiền, card, usdt, mbbank, acb, success)
    document.querySelectorAll(".popup").forEach(p => {
        p.classList.remove("active");
        p.style.display = "none";
    });

    // 2. RESET popupSuccess hoàn toàn
    const success = document.getElementById("popupSuccess");
    if (success) {
        success.classList.remove("active");
        success.style.display = "none";
    }

    // 3. Tắt overlay hệ thống
    const overlay = document.getElementById("popupOverlay");
    if (overlay) {
        overlay.classList.remove("active");
        overlay.style.display = "none";
    }

    // 4. Cho scroll lại body
    document.body.style.overflow = "auto";
};

   

// ====== POPUP SUCCESS TRONG ACB ======

// Đảm bảo hàm showSuccessInsideACB tồn tại global
window.showSuccessInsideACB = function () {
    const p = document.getElementById("popupSuccess");
    if (!p) return;

    // RESET trạng thái popup success trước khi bật lại
    p.style.display = "flex";    
    p.classList.remove("active");  

    // Force reflow để browser nhận update
    void p.offsetWidth;

    // Bật lại popup success
    p.classList.add("active");
};


// ====== CHECK BANK ĐỊNH KỲ 30s ======

//(function () {

        //$.ajax({
           // url: "https://wibugem.com/napbank/onload.php",
           //type: "POST",
           // dataType: "json",
           // data: {
                //time: Math.floor(Date.now() / 1000)
            //success: function (data) {



                    //❗ Chỉ hiện nếu popup_acb đang mở

                     //❗ Nếu popup chưa mở → bỏ qua (không lưu)




(function () {

    let timer = null;
    let countdown = 10;

    // 🚀 chạy khi popup ACB mở
    window.startACB = function () {
        const popup = document.getElementById("popupACB");

        if (!popup) {
            console.log("❌ Không tìm thấy #popupACB");
            return;
        }

        popup.classList.add("active");

        console.log("▶️ Popup ACB đã mở → bắt đầu countdown");

        startCountdownLoop(); 

        // RESET popup success khi thoát ACB
        const success = document.getElementById("popupSuccess");
        if (success) {
            success.classList.remove("active");
            success.style.display = "none";
        }
    };

    // 🛑 dừng countdown khi đóng popup
    window.stopACB = function () {
        const popup = document.getElementById("popupACB");
        popup.classList.remove("active");
       
        console.log("⛔ Popup đóng → stop countdown");

        stopCountdownLoop();
    };


    // COUNTDOWN LOOP

    function startCountdownLoop() {

        stopCountdownLoop(); // đảm bảo không tạo interval trùng

        countdown = 10;

        timer = setInterval(() => {


            const popup = document.getElementById("popupACB");

            if (!popup.classList.contains("active")) {
                console.log("⛔ Popup không mở → stop countdown");
                stopCountdownLoop();
                return;
            }

            countdown--;

            if (countdown < 0) {
                loadbank();
                countdown = 10;
            }

        }, 1000);
    }

    function stopCountdownLoop() {
        if (timer) {
            clearInterval(timer);
            timer = null;
        }
    }


    // loadbank()

    function loadbank() {
        console.log("🔄 gọi loadbank()…");

        $.ajax({
            url: "/napbank/onload.php",
            type: "POST",
            dataType: "json",
            data: { time: Math.floor(Date.now() / 1000)  },

            success: function (data) {

                const popup = document.getElementById("popupACB");

                if (popup.classList.contains("active") && data.code == 1) {
                    console.log("✅ Nạp OK → showSuccessInsideACB()");
                    window.showSuccessInsideACB();
                }
            },

            error: function (e) {
                console.warn("❌ Lỗi loadbank:", e);
            }
        });
    }

})();


// GỌI KHI POPUP CARD ĐÓNG
window.resetPopupCard = function () {

    console.log("🔄 resetPopupCard(): reset UI popup thẻ cào");

    // reset toàn bộ form
    const frm = $("#frmSend")[0];
    if (frm) frm.reset();

    // Ẩn tiền nhận
    $("#cardnhan").hide();

    // lỗi
    $("#boxError").hide().html("");

    // tắt loading
    $("#label_loading").hide();
    $("#btn_submit").show();

    // captcha mới
    $("#captchaImg").attr("src", "/napthe/captcha_img.php?rnd=" + Math.random());
};

// TỰ ĐỘNG GỌI KHI POPUP ĐÓNG
document.addEventListener("click", (e) => {
    const opened = document.querySelector(".popup.active");
    if (!opened) return;

    const content = opened.querySelector(".popup-content");
    if (content.contains(e.target)) return;

    if (opened.id === "popupCard") {
        window.resetPopupCard();
    }
});