document.addEventListener("DOMContentLoaded", function() {
/* Add custom Js code below */ 
  const meta = document.createElement('meta');
  meta.name = 'p:domain_verify';
  meta.content = 'adeb506dfbee0acc7888e1dc5066330d';
  document.getElementsByTagName('head')[0].appendChild(meta);
  
  
    let logo = document.querySelector(".navbar-brand img"); // Select the logo image
    let lang = document.documentElement.lang; // Get the current language from the HTML tag

    if (lang === "ar") {
        logo.src = "https://cdn.salla.sa/form-builder/RbM9k5Xk3pXRLDPnlK2eJjTipEcODFaiQrMHqCzc.png"; // Arabic logo
    } else {
        logo.src = "https://cdn.salla.sa/form-builder/FEjEAElMoBH45ijx7dxwYP7DN0McCRWk0VRVef2t.png"; // English logo
    }
});

document.addEventListener("DOMContentLoaded", function () {
    // Select the footer menu list
    const footerMenuList = document.querySelector(".footer-menu-list");
    const htmlLang = document.documentElement.lang; // Get the current language

    if (footerMenuList) {
        // Define text for both languages
        const isArabic = htmlLang === "ar";

        const storeTitle = isArabic ? "المتجر" : "Store";
        const aboutUs = isArabic ? "من نحن" : "About Us";
        const contactUs = isArabic ? "اتصل بنا" : "Contact Us";

        const customerServiceTitle = isArabic ? "خدمة العملاء" : "Customer Service";
        const findUs = isArabic ? "اعثر علينا" : "Find Us";
        const makeAnEnquiry = isArabic ? "قدم استفسار للمشاريع" : "Project Enquiry"; // Added translation
        const legalPrivacy = isArabic ? "الخصوصية القانونية" : "Legal & Privacy";
        const shippingPolicy = isArabic ? "سياسة الشحن والإرجاع" : "Shipping & Returns Policy";

        // Create the new sections
        const storeSection = document.createElement("div");
        storeSection.className = "footer-column store-column1";
        storeSection.innerHTML = `
            <h3 class="footer-title">${storeTitle}</h3>
            <ul class="footer-links">
                <li><a href="https://loftstore.com/about-us/page-116925497">${aboutUs}</a></li>
                <li><a href="https://loftstore.com/contact-us/page-495478637">${contactUs}</a></li>
            </ul>
        `;

        const customerServiceSection = document.createElement("div");
        customerServiceSection.className = "footer-column customer-service-column2";
        customerServiceSection.innerHTML = `
            <h3 class="footer-title">${customerServiceTitle}</h3>
            <ul class="footer-links">
                <li><a href="https://loftstore.com/find-us/page-916137301">${findUs}</a></li>
                <li><a href="https://loftstore.com/en/make-an-enquiry/page-1874932501">${makeAnEnquiry}</a></li> <!-- Added -->
                <li><a href="https://loftstore.com/legal-privacy/page-885324029">${legalPrivacy}</a></li>
                <li><a href="https://loftstore.com/shipping-returns-policy/page-11477355">${shippingPolicy}</a></li>
            </ul>
        `;

        // Find the Contact Us section
        const contactUsSection = document.querySelector(".contacts-widget");

        if (contactUsSection) {
            // Insert the new sections beside the Contact Us section
            contactUsSection.parentNode.insertBefore(storeSection, contactUsSection.nextSibling);
            contactUsSection.parentNode.insertBefore(customerServiceSection, storeSection.nextSibling);
        }
    }
});




document.addEventListener("DOMContentLoaded", function () {
    // Find the <h1> with "اعثر علينا" (Arabic) or "Find Us" (English)
    const findUsHeading = document.querySelector("h1.font-bold");

    if (findUsHeading) {
        const headingText = findUsHeading.textContent.trim();

        // Clear any existing content before inserting new elements
        

        if (headingText === "Find Us" || headingText === "اعثر علينا") {
            let titleText, descriptionText, imageLinks;

            if (headingText === "Find Us") {
                // English version content
                titleText = "OUR FLAGSHIP SHOWROOMS";
                descriptionText = "Find Your Loft Furniture Showroom";
                imageLinks = [
                  {
                    src: "https://cdn.salla.sa/mQYPPa/0QIer2O1BOGGkhM3meXEwXVGwCKcLU3xLpzu3JzO.png",
                    link: "https://maps.app.goo.gl/zxsJe6AsJ33544tk6",
                  },
                  {
                    src: "https://cdn.salla.sa/mQYPPa/yzWhkNtTCa5wrvIynllyXRsd45MXd8FrQdlYd2kr.png",
                    link: "https://maps.app.goo.gl/n1fhrPcJz6ipr6zr7",
                  },
                  {
                    src: "https://cdn.salla.sa/mQYPPa/Z7qB6REJyGzuGQ4u32drKpifjojHdGIdkt1h0lfP.png",
                    link: "https://maps.app.goo.gl/UbBbLcgpfS3Wt2A99",
                  },
                  {
                    src: "https://cdn.salla.sa/mQYPPa/it613h3KQSB2Zxh5MQnWxue2jmkKfRQLkQSGF2Z1.png",
                    link: "https://maps.app.goo.gl/gQRd8ifknqb5NUNc7",
                  },
                  {
                    src: "https://cdn.salla.sa/mQYPPa/MC9Q0TPnVDjy3K3ORIhGyHuIxzpSEwOCjITTXyEj.png",
                    link: "https://maps.app.goo.gl/gyhcSD5eGRKDxm1d9",
                  },
                  {
                    src: "https://cdn.salla.sa/mQYPPa/vhTOpSVKQeQFgw72XKOKcRe5R7EXNmvMJbophmr2.png",
                    link: "https://maps.app.goo.gl/NHZZAuXSEb1F6W8H6",
                  },
                ];
            } else {
                // Arabic version content
                titleText = "معارضنا الرئيسية";
                descriptionText = "اعثر على صالة عرض مفروشات لوفت الخاصة بك";
                imageLinks = [
                  {
                    src: "https://cdn.salla.sa/mQYPPa/JS4TNicJYQ35yweAfTxTWCOvmGMLcc0sBKOgdFem.png",
                    link: "https://maps.app.goo.gl/zxsJe6AsJ33544tk6",
                  },
                  {
                    src: "https://cdn.salla.sa/mQYPPa/dWvtVFlGC1kRmE2VfyjyhXaJyVXivufBRkQVQjJx.png",
                    link: "https://maps.app.goo.gl/n1fhrPcJz6ipr6zr7",
                  },
                  {
                    src: "https://cdn.salla.sa/mQYPPa/hbwyKsQieKYnUWfYkym4OEzPjNvIkR1XxvSaW9cz.png",
                    link: "https://maps.app.goo.gl/UbBbLcgpfS3Wt2A99",
                  },
                  {
                    src: "https://cdn.salla.sa/mQYPPa/pvfSjk1LXSYYlIjbb6f0PiqsVZ2KYDGyBrLS2kn3.png",
                    link: "https://maps.app.goo.gl/gQRd8ifknqb5NUNc7",
                  },
                  {
                    src: "https://cdn.salla.sa/mQYPPa/UTWWUEU9VfcTcMDp6EXdYJYatATwQOm6X6i8UV85.png",
                    link: "https://maps.app.goo.gl/gyhcSD5eGRKDxm1d9",
                  },
                  {
                    src: "https://cdn.salla.sa/mQYPPa/vhTOpSVKQeQFgw72XKOKcRe5R7EXNmvMJbophmr2.png",
                    link: "https://maps.app.goo.gl/NHZZAuXSEb1F6W8H6",
                  },
                ];
            }
            // Create the top section with title, description, and first two images
            const topContainer = document.createElement("div");
            topContainer.style.display = "flex";
            topContainer.style.justifyContent = "space-between";
            topContainer.style.alignItems = "center";
            topContainer.style.flexWrap = "wrap";
            topContainer.style.width = "100%";
  

            // Create the text container for title and description
            const textContainer = document.createElement("div");
            textContainer.style.width = "33%";
            textContainer.style.textAlign = "center";

            const title = document.createElement("h2");
            title.textContent = titleText;
            title.style.fontSize = "24px";
            title.style.fontWeight = "bold";
           

            const description = document.createElement("p");
            description.textContent = descriptionText;
            description.style.fontSize = "16px";
            description.style.color = "#666";
            description.style.margin = "0";

            textContainer.appendChild(title);
            textContainer.appendChild(description);

            // Create two images with links
            function createImageLink(image) {
                const imgLink = document.createElement("a");
                imgLink.href = image.link;
                imgLink.target = "_blank";
                imgLink.style.width = "33%";

                const img = document.createElement("img");
                img.src = image.src;
                img.style.width = "100%";
                img.style.borderRadius = "5px";
                img.style.margin = "5px";
                imgLink.appendChild(img);
                return imgLink;
            }

            const img1 = createImageLink(imageLinks[0]);
            const img2 = createImageLink(imageLinks[1]);

            // Append elements to the top container
            topContainer.appendChild(textContainer);
            topContainer.appendChild(img1);
            
            topContainer.appendChild(img2);

            // Create a container for the three remaining images
            const bottomContainer = document.createElement("div");
            bottomContainer.style.display = "flex";
            bottomContainer.style.justifyContent = "space-between";
            bottomContainer.style.flexWrap = "wrap";
            bottomContainer.style.width = "100%";
            bottomContainer.style.marginBottom = "10px";

            for (let i = 2; i < imageLinks.length; i++) {
                bottomContainer.appendChild(createImageLink(imageLinks[i]));
            }

            // Create Google Maps iframe
            const iframe = document.createElement("iframe");
            iframe.src = "https://www.google.com/maps/d/embed?mid=1r45nEWweR7mJlbrDlMOZb5L8pZKrskQ&hl=en&ehbc=2E312F";
            iframe.width = "100%";
            iframe.height = "700";
            iframe.style.border = "0";
            iframe.style.marginTop = "10px";

            // Insert elements into the DOM
            findUsHeading.insertAdjacentElement("afterend", iframe);
            findUsHeading.insertAdjacentElement("afterend", bottomContainer);
            findUsHeading.insertAdjacentElement("afterend", topContainer);

            // Apply responsive styles dynamically
            function applyResponsiveStyles() {
                if (window.innerWidth < 500) {
                    topContainer.style.flexDirection = "column";
                    topContainer.style.alignItems = "center";
                    textContainer.style.width = "100%";
                    img1.style.width = "100%";
                    img2.style.width = "100%";
                    bottomContainer.style.flexDirection = "column";
                    bottomContainer.childNodes.forEach(child => {
                        child.style.width = "100%";
                    });
                } else {
                    topContainer.style.flexDirection = "row";
                    textContainer.style.width = "33%";
                    img1.style.width = "33%";
                    img2.style.width = "33%";
                    bottomContainer.style.flexDirection = "row";
                    bottomContainer.childNodes.forEach(child => {
                        child.style.width = "33%";
                    });
                }
            }

            // Apply styles on page load and resize
            applyResponsiveStyles();
            window.addEventListener("resize", applyResponsiveStyles);
        }
    }
});



document.addEventListener("DOMContentLoaded", function () {
    const findUsHeading = document.querySelector("h1.font-bold");

    if (findUsHeading) {
        const headingText = findUsHeading.textContent.trim();

        if (headingText === "Project Enquiry" || headingText === "قم بإجراء استفسار") {
            // Create banner image element
            const banner = document.createElement("img");
            banner.src = "https://cdn.salla.sa/mQYPPa/xfdMjNpM8YhqLHkUERnlVsHAwTXPaT59lMWw5ZD3.jpg";
            banner.classList.add("banner-form"); // Add class for banner image

            // Create a flex container
            const container = document.createElement("div");
            container.classList.add("flex-form"); // Add class for flex container

            // Create an image element
            const image = document.createElement("img");
            image.src = "https://cdn.salla.sa/mQYPPa/GOwj7Emwp3rCQC9eUDsxwpzQq8EvYgri6wadWspw.jpg";
            image.classList.add("flex-form-image"); // Add class for image column

            // Create a div for the iframe
            const iframeContainer = document.createElement("div");
            iframeContainer.classList.add("flex-form-iframe"); // Add class for iframe column

            iframeContainer.innerHTML = `
                <iframe
                    id="JotFormIFrame-250636164616053"
                    title="Form"
                    onload="window.parent.scrollTo(0,0)"
                    allowtransparency="true"
                    allow="geolocation; microphone; camera; fullscreen"
                    src="https://form.jotform.com/250636164616053"
                    frameborder="0"
                    style="width: 100%; height: 1100px; border: none;"
                    scrolling="no"
                ></iframe>
                <script src='https://cdn.jotfor.ms/s/umd/latest/for-form-embed-handler.js'></script>
                <script>window.jotformEmbedHandler("iframe[id='JotFormIFrame-250636164616053']", "https://form.jotform.com/")</script>
            `;

            // Append the image and iframe container to the flex container
            container.appendChild(image);
            container.appendChild(iframeContainer);

            // Insert the banner and flex container after the heading
            findUsHeading.insertAdjacentElement("afterend", banner);
            banner.insertAdjacentElement("afterend", container);
        }
    }
});

function formatPrices() {
    const elements = document.querySelectorAll(".total-price, .before-price, .sale-price");

    elements.forEach(el => {
      const textNode = Array.from(el.childNodes).find(n => n.nodeType === Node.TEXT_NODE);
      if (textNode) {
        const value = textNode.nodeValue.trim().replace(/,/g, "");
        const number = parseFloat(value);
        if (!isNaN(number)) {
          const formatted = number.toLocaleString("en-US", { minimumFractionDigits: 2 });
          textNode.nodeValue = formatted + " ";
        }
      }
    });
  }

  // Run once at the start
  formatPrices();

  // Set up a MutationObserver to re-format if products are loaded dynamically
  const observer = new MutationObserver(formatPrices);

  observer.observe(document.body, {
    childList: true,
    subtree: true,
  });


(function () {
  // ====== SETTINGS ======
  var POPUP_KEY = "loft_popup_once_v1"; // change to v2/v3 to test again
  var IMAGE_URL = "https://cdn.files.salla.network/homepage/495338999/16ca6c7d-6a15-4dde-859b-5fb6fd74cf2e.webp";
  var APP_LINK  = "https://onelink.to/6bxusw"; // <-- click goes here
  var CLOSE_POSITION = "right"; // "right" or "left"

  // ====== Helpers ======
  function getFlag() {
    try { return localStorage.getItem(POPUP_KEY); } catch (e) { return null; }
  }
  function setFlag() {
    try { localStorage.setItem(POPUP_KEY, "1"); } catch (e) {}
  }

  function build() {
    if (document.getElementById("loft-popup-overlay")) return;

    var overlay = document.createElement("div");
    overlay.id = "loft-popup-overlay";
    overlay.style.cssText =
      "position:fixed;inset:0;background:rgba(0,0,0,.55);display:none;align-items:center;justify-content:center;padding:18px;z-index:2147483647;";

    var box = document.createElement("div");
    box.id = "loft-popup-box";
    box.style.cssText =
      "position:relative;width:min(460px,92vw);aspect-ratio:1/1;border-radius:14px;overflow:hidden;box-shadow:0 18px 60px rgba(0,0,0,.35);background:#fff;";

    // ✅ Make image clickable
    var link = document.createElement("a");
    link.href = APP_LINK;
    link.target = "_blank";
    link.rel = "noopener noreferrer";
    link.style.cssText = "display:block;width:100%;height:100%;";

    var img = document.createElement("img");
    img.src = IMAGE_URL;
    img.alt = "Popup";
    img.style.cssText = "width:100%;height:100%;display:block;object-fit:fill;cursor:pointer;";

    link.appendChild(img);

    var closeBtn = document.createElement("button");
    closeBtn.type = "button";
    closeBtn.textContent = "×";
    closeBtn.setAttribute("aria-label", "Close popup");
    closeBtn.style.cssText =
      "position:absolute;top:10px;right:10px;width:36px;height:36px;border-radius:999px;border:0;cursor:pointer;display:grid;place-items:center;font-size:22px;line-height:1;background:rgba(255,255,255,.92);color:#111;box-shadow:0 8px 20px rgba(0,0,0,.18);z-index:2;";

    if (CLOSE_POSITION === "left") {
      closeBtn.style.right = "auto";
      closeBtn.style.left = "10px";
    }

    function closePopup() {
      overlay.style.display = "none";
      document.body.style.overflow = "";
    }

    closeBtn.addEventListener("click", closePopup);
    overlay.addEventListener("click", function (e) { if (e.target === overlay) closePopup(); });
    document.addEventListener("keydown", function (e) { if (e.key === "Escape") closePopup(); });

    box.appendChild(link);      // ✅ append link (not img directly)
    box.appendChild(closeBtn);
    overlay.appendChild(box);
    document.body.appendChild(overlay);
  }

  function openOnce() {
    if (getFlag() === "1") return;
    if (!document.body) return;

    build();

    var overlay = document.getElementById("loft-popup-overlay");
    if (!overlay) return;

    overlay.style.display = "flex";
    document.body.style.overflow = "hidden";
    setFlag();
  }

  var tries = 0;
  var timer = setInterval(function () {
    tries++;
    openOnce();

    if (tries >= 20 || getFlag() === "1") clearInterval(timer);
  }, 300);
})();