/**
 * Checkout Labels Loading
 * Fetches translated labels for checkout table summary
 * IMPORTANT: This script waits for the cart to be loaded by website_sale.js
 * before rendering the checkout summary.
 */

(function () {
    "use strict";

    console.log("[CHECKOUT] Script loaded");

    // Get order ID from button
    var confirmBtn = document.getElementById("confirm-order-btn");
    if (!confirmBtn) {
        console.log("[CHECKOUT] No confirm button found");
        return;
    }

    var orderId = confirmBtn.getAttribute("data-order-id");
    if (!orderId) {
        console.log("[CHECKOUT] No order ID found");
        return;
    }

    console.log("[CHECKOUT] Order ID:", orderId);

    // Get summary div
    var summaryDiv = document.getElementById("checkout-summary");
    if (!summaryDiv) {
        console.log("[CHECKOUT] No summary div found");
        return;
    }

    // Function to fetch labels and render checkout
    var fetchLabelsAndRender = function () {
        console.log("[CHECKOUT] Fetching labels...");

        // Wait for window.groupOrderShop.labels to be initialized (contains hardcoded labels)
        var waitForLabels = function (callback, maxWait = 3000, checkInterval = 50) {
            var startTime = Date.now();
            var checkLabels = function () {
                if (
                    window.groupOrderShop &&
                    window.groupOrderShop.labels &&
                    Object.keys(window.groupOrderShop.labels).length > 0
                ) {
                    console.log("[CHECKOUT] ✅ Hardcoded labels found, proceeding");
                    callback();
                } else if (Date.now() - startTime < maxWait) {
                    setTimeout(checkLabels, checkInterval);
                } else {
                    console.log("[CHECKOUT] ⚠️ Timeout waiting for labels, proceeding anyway");
                    callback();
                }
            };
            checkLabels();
        };

        waitForLabels(function () {
            // Now fetch additional labels from server
            // Detect current language from document or navigator
            var currentLang =
                document.documentElement.lang ||
                document.documentElement.getAttribute("lang") ||
                navigator.language ||
                "es_ES";
            console.log("[CHECKOUT] Detected language:", currentLang);

            fetch("/eskaera/labels", {
                method: "POST",
                headers: {
                    "Content-Type": "application/json",
                },
                body: JSON.stringify({
                    lang: currentLang,
                }),
            })
                .then(function (response) {
                    console.log("[CHECKOUT] Response status:", response.status);
                    return response.json();
                })
                .then(function (data) {
                    console.log("[CHECKOUT] Response data:", data);
                    var serverLabels = data.result || data;
                    console.log(
                        "[CHECKOUT] Server labels count:",
                        Object.keys(serverLabels).length
                    );
                    console.log("[CHECKOUT] Sample server labels:", {
                        draft_merged_success: serverLabels.draft_merged_success,
                        home_delivery: serverLabels.home_delivery,
                    });

                    // CRITICAL: Merge server labels with existing hardcoded labels
                    // Hardcoded labels MUST take precedence over server labels
                    if (window.groupOrderShop && window.groupOrderShop.labels) {
                        var existingLabels = window.groupOrderShop.labels;
                        console.log(
                            "[CHECKOUT] Existing hardcoded labels count:",
                            Object.keys(existingLabels).length
                        );
                        console.log("[CHECKOUT] Sample existing labels:", {
                            draft_merged_success: existingLabels.draft_merged_success,
                            home_delivery: existingLabels.home_delivery,
                        });

                        // Start with server labels, then overwrite with hardcoded ones
                        var mergedLabels = Object.assign({}, serverLabels);
                        Object.assign(mergedLabels, existingLabels);

                        window.groupOrderShop.labels = mergedLabels;
                        console.log(
                            "[CHECKOUT] ✅ Merged labels - final count:",
                            Object.keys(mergedLabels).length
                        );
                        console.log("[CHECKOUT] Verification:", {
                            draft_merged_success: mergedLabels.draft_merged_success,
                            home_delivery: mergedLabels.home_delivery,
                        });
                    } else {
                        // If no existing labels, use server labels as fallback
                        if (window.groupOrderShop) {
                            window.groupOrderShop.labels = serverLabels;
                        }
                        console.log("[CHECKOUT] ⚠️ No existing labels, using server labels");
                    }

                    window.renderCheckoutSummary(window.groupOrderShop.labels);
                })
                .catch(function (error) {
                    console.error("[CHECKOUT] Error:", error);
                    // Fallback to translated labels
                    window.renderCheckoutSummary(window.getCheckoutLabels());
                });
        });
    };

    // Listen for cart ready event instead of polling
    if (window.groupOrderShop && window.groupOrderShop.orderId) {
        // Cart already initialized, render immediately
        console.log("[CHECKOUT] Cart already ready");
        fetchLabelsAndRender();
    } else {
        // Wait for cart initialization event
        console.log("[CHECKOUT] Waiting for cart ready event...");
        document.addEventListener(
            "groupOrderCartReady",
            function () {
                console.log("[CHECKOUT] Cart ready event received");
                fetchLabelsAndRender();
            },
            { once: true }
        );

        // Fallback timeout in case event never fires
        setTimeout(function () {
            if (window.groupOrderShop && window.groupOrderShop.orderId) {
                console.log("[CHECKOUT] Fallback timeout triggered");
                fetchLabelsAndRender();
            }
        }, 500);
    }

    /**
     * Render order summary table or empty message
     * Exposed globally so other scripts can call it
     */
    window.renderCheckoutSummary = function (labels) {
        labels = labels || window.getCheckoutLabels();

        var summaryDiv = document.getElementById("checkout-summary");
        if (!summaryDiv) return;

        var cartKey =
            "eskaera_" +
            (document.getElementById("confirm-order-btn")
                ? document.getElementById("confirm-order-btn").getAttribute("data-order-id")
                : "1") +
            "_cart";
        var cart = JSON.parse(localStorage.getItem(cartKey) || "{}");

        var summaryTable = summaryDiv.querySelector(".checkout-summary-table");
        var tbody = summaryDiv.querySelector("#checkout-summary-tbody");
        var totalSection = summaryDiv.querySelector(".checkout-total-section");

        // If no table found, create it with headers (shouldn't happen, but fallback)
        if (!summaryTable) {
            var html =
                '<table class="table table-hover checkout-summary-table" id="checkout-summary-table" role="grid" aria-label="Purchase summary"><thead class="table-dark"><tr>' +
                '<th scope="col" class="col-name">' +
                escapeHtml(labels.product) +
                "</th>" +
                '<th scope="col" class="col-qty text-center">' +
                escapeHtml(labels.quantity) +
                "</th>" +
                '<th scope="col" class="col-price text-right">' +
                escapeHtml(labels.price) +
                "</th>" +
                '<th scope="col" class="col-subtotal text-right">' +
                escapeHtml(labels.subtotal) +
                "</th>" +
                '</tr></thead><tbody id="checkout-summary-tbody"></tbody></table>' +
                '<div class="checkout-total-section"><div class="total-row">' +
                '<span class="total-label">' +
                escapeHtml(labels.total) +
                "</span>" +
                '<span class="total-amount" id="checkout-total-amount">€0.00</span>' +
                "</div></div>";
            summaryDiv.innerHTML = html;
            summaryTable = summaryDiv.querySelector(".checkout-summary-table");
            tbody = summaryDiv.querySelector("#checkout-summary-tbody");
            totalSection = summaryDiv.querySelector(".checkout-total-section");
        }

        // Clear only tbody, preserve headers
        tbody.innerHTML = "";

        if (Object.keys(cart).length === 0) {
            // Show empty message if cart is empty
            var emptyRow = document.createElement("tr");
            emptyRow.id = "checkout-empty-row";
            emptyRow.className = "empty-message";
            emptyRow.innerHTML =
                '<td colspan="4" class="text-center text-muted py-4">' +
                '<i class="fa fa-inbox fa-2x mb-2"></i>' +
                "<p>" +
                escapeHtml(labels.empty) +
                "</p>" +
                "</td>";
            tbody.appendChild(emptyRow);

            // Hide total section
            totalSection.style.display = "none";
        } else {
            // Hide empty row if visible
            var emptyRow = tbody.querySelector("#checkout-empty-row");
            if (emptyRow) emptyRow.remove();

            // Get delivery product ID from page data
            var checkoutPage = document.querySelector(".eskaera-checkout-page");
            var deliveryProductId = checkoutPage
                ? checkoutPage.getAttribute("data-delivery-product-id")
                : null;

            // Separate normal products from delivery product
            var normalProducts = [];
            var deliveryProduct = null;

            Object.keys(cart).forEach(function (productId) {
                if (productId === deliveryProductId) {
                    deliveryProduct = { id: productId, item: cart[productId] };
                } else {
                    normalProducts.push({ id: productId, item: cart[productId] });
                }
            });

            // Sort normal products numerically
            normalProducts.sort(function (a, b) {
                return parseInt(a.id) - parseInt(b.id);
            });

            var total = 0;

            // Render normal products first
            normalProducts.forEach(function (product) {
                var item = product.item;
                var qty = parseFloat(item.quantity || item.qty || 1);
                if (isNaN(qty)) qty = 1;
                var price = parseFloat(item.price || 0);
                if (isNaN(price)) price = 0;
                var subtotal = qty * price;
                total += subtotal;

                var row = document.createElement("tr");
                row.innerHTML =
                    "<td>" +
                    escapeHtml(item.name) +
                    "</td>" +
                    '<td class="text-center">' +
                    qty.toFixed(2).replace(/\.?0+$/, "") +
                    "</td>" +
                    '<td class="text-right">€' +
                    price.toFixed(2) +
                    "</td>" +
                    '<td class="text-right">€' +
                    subtotal.toFixed(2) +
                    "</td>";
                tbody.appendChild(row);
            });

            // Render delivery product last if present
            if (deliveryProduct) {
                var item = deliveryProduct.item;
                var qty = parseFloat(item.quantity || item.qty || 1);
                if (isNaN(qty)) qty = 1;
                var price = parseFloat(item.price || 0);
                if (isNaN(price)) price = 0;
                var subtotal = qty * price;
                total += subtotal;

                var row = document.createElement("tr");
                row.innerHTML =
                    "<td>" +
                    escapeHtml(item.name) +
                    "</td>" +
                    '<td class="text-center">' +
                    qty.toFixed(2).replace(/\.?0+$/, "") +
                    "</td>" +
                    '<td class="text-right">€' +
                    price.toFixed(2) +
                    "</td>" +
                    '<td class="text-right">€' +
                    subtotal.toFixed(2) +
                    "</td>";
                tbody.appendChild(row);
            }

            // Update total
            var totalAmount = summaryDiv.querySelector("#checkout-total-amount");
            if (totalAmount) {
                totalAmount.textContent = "€" + total.toFixed(2);
            }

            // Show total section
            totalSection.style.display = "block";
        }

        console.log("[CHECKOUT] Summary rendered");
    };

    /**
     * Escape HTML to prevent XSS
     */
    function escapeHtml(text) {
        var div = document.createElement("div");
        div.textContent = text;
        return div.innerHTML;
    }
})();