/* Add custom Js code below */
document.addEventListener("DOMContentLoaded", function () {
  let langButton = document.querySelector(".ps-language-currency button");
  if (!langButton) return;

  // إعادة تفعيل الزر في حال كان مخفيًا
  langButton.style.display = "block";
  langButton.style.visibility = "visible";

  // حذف القائمة نهائيًا من الصفحة
  let langDropdown = document.querySelector(".ps-language-currency .dropdown-menu");
  if (langDropdown) {
    langDropdown.remove();
  }

  // تعديل نص الزر فقط
  langButton.innerHTML =
    '<span style="font-size: 14px; font-weight: bold;">' +
    (document.documentElement.lang === "ar" ? "EN" : "AR") +
    "</span>";

  // إلغاء وظيفة الضغط تمامًا
  langButton.addEventListener("click", function (event) {
    event.preventDefault();
    event.stopPropagation();
    // لا شيء يحدث عند الضغط
  });
});

/* Add custom Js code below */
document.addEventListener("DOMContentLoaded", function () {
  let menuButton = document.querySelector(".menu-btn");
  if (menuButton) {
    // حذف النص "القائمة" مع الإبقاء على الأيقونة
    menuButton.childNodes.forEach((node) => {
      if (node.nodeType === Node.TEXT_NODE && node.nodeValue.trim() === "القائمة") {
        node.remove();
      }
    });
  }
});

/* Add custom Js code below */
document.addEventListener("DOMContentLoaded", function () {
  let logAcc = document.querySelector(".log-acc");
  if (logAcc) {
    logAcc.innerHTML = ""; // يفرغ المحتوى النصي دون حذف العنصر بالكامل
  }
});

/* Add custom Js code below */
document.addEventListener("DOMContentLoaded", function () {
  let topBar = document.createElement("div");
  topBar.classList.add("top-bar");

  const translations = {
    ar: {
      qomra: "قمرة",
      business: "الأعمال",
      showrooms: "معارضنا",
      studio: "الاستوديو",
      whatsapp: "واتساب",
    },
    en: {
      qomra: "Qomra",
      business: "Business",
      showrooms: "Showrooms",
      studio: "Studio",
      whatsapp: "WhatsApp",
    },
  };

  let lang = document.documentElement.lang || "ar";
  topBar.innerHTML = `
    <div class="top-bar-content">
      <span class="links">
        <a href="https://qomra.sa/one-e/" class="top-link">${translations[lang]["qomra"]}</a> |
        <a href="https://mtjr.at/SHXbUcMeLu" class="top-link">${translations[lang]["business"]}</a> |
        <a href="https://g.co/kgs/N6qjRh3" class="top-link">${translations[lang]["showrooms"]}</a> |
        <a href="https://qomra.pro/ar/pages/lp1304367330/554241054" class="top-link">${translations[lang]["studio"]}</a> |
        <a href="https://wa.me/920022357?text=مرحبًا، انا قادم من المتجر" class="top-link">
          ${translations[lang]["whatsapp"]} <i class="sicon-whatsapp"></i>
        </a>
      </span>
      <span class="social-links">
        <a href="tel:920022357" target="_blank" class="social-icon"><i class="sicon-phone"></i></a>
        <a href="https://www.instagram.com/qomrapro" target="_blank" class="social-icon"><i class="sicon-instagram"></i></a>
        <a href="https://twitter.com/QomraPro" target="_blank" class="social-icon"><i class="sicon-twitter"></i></a>
        <a href="https://www.snapchat.com/add/Qomrapro" target="_blank" class="social-icon"><i class="sicon-snapchat"></i></a>
        <a href="https://www.tiktok.com/@qomrapro" target="_blank" class="social-icon"><i class="sicon-tiktok"></i></a>
        <a href="https://www.youtube.com/@Qomrapro" target="_blank" class="social-icon"><i class="sicon-youtube"></i></a>
        <a href="https://www.facebook.com/QomraPro" target="_blank" class="social-icon"><i class="sicon-facebook"></i></a>
      </span>
    </div>
  `;

  document.body.insertBefore(topBar, document.body.firstChild);

  let lastScrollTop = 0;
  window.addEventListener("scroll", function () {
    let currentScroll = window.pageYOffset || document.documentElement.scrollTop;
    document.querySelector(".top-bar").style.top = currentScroll > lastScrollTop ? "-50px" : "0";
    lastScrollTop = currentScroll <= 0 ? 0 : currentScroll;
  });
});

/* Add custom Js code below */
document.addEventListener("DOMContentLoaded", function () {
  var vatBox = document.querySelector(".vat-saudibusiness");
  var targetContainer = document.querySelector("salla-contacts .s-contacts-list");
  if (vatBox && targetContainer) {
    targetContainer.appendChild(vatBox);
  }
});

/* Add custom Js code below */
document.addEventListener("DOMContentLoaded", function () {
  var bannerHTML = `
    <div class="container-fluid banners--container">
      <div class="banners-catg-pages catgs-banner under_other items-1">
        <a href="javascript:;">
          <img src="https://cdn.salla.sa/form-builder/hQLO9Rp9A23Jm5yNPKhZlXlZ3Crjzoxd50MO4iaL.jpg" alt="كاميرات سينمائية">
        </a>
      </div>
    </div>
  `;

  var categoryContainer = document.querySelector(".products-list, .products-grid, .salla-products-slider");
  if (categoryContainer) {
    categoryContainer.insertAdjacentHTML("beforebegin", bannerHTML);
  }
});

/* Add custom Js code below */
document.addEventListener("DOMContentLoaded", function () {
  document.querySelectorAll(".s-product-card-sale-price").forEach(function (priceContainer) {
    var oldPrice = priceContainer.querySelector("span");
    var newPrice = priceContainer.querySelector("h4");

    if (oldPrice && newPrice) {
      var oldPriceDiv = document.createElement("div");
      oldPriceDiv.className = "custom-old-price";
      oldPriceDiv.innerHTML = oldPrice.innerHTML;

      priceContainer.insertBefore(oldPriceDiv, newPrice);
      oldPrice.style.display = "none";
    }
  });
});

/* Add custom Js code below */
document.addEventListener("DOMContentLoaded", function () {
  document.querySelectorAll(".ps-product__content").forEach((productSection) => {
    const detailsContent = productSection.querySelector(".p-about");
    if (detailsContent) {
      const originalContent = detailsContent.innerHTML;
      const featuresContent = extractFeatures(originalContent);
      const videoContent = extractVideo(originalContent);
      const cleanedContent = removeFeaturesAndVideo(originalContent);

      productSection.innerHTML = `
        <div class="custom-product-tabs">
          <ul class="tabs">
            ${videoContent ? '<li class="tab active" data-tab="video-tab">فيديو المنتج</li>' : ""}
            <li class="tab ${!videoContent ? "active" : ""}" data-tab="product-details">تفاصيل المنتج</li>
          </ul>
          <div class="tab-content">
            ${videoContent ? `<div class="tab-pane active" id="video-tab">${videoContent}</div>` : ""}
            <div class="tab-pane ${!videoContent ? "active" : ""}" id="product-details">
              ${featuresContent ? `<div class="product-features">${featuresContent}</div>` : ""}
              ${cleanedContent ? `<div class="product-description">${cleanedContent}</div>` : ""}
            </div>
          </div>
        </div>
      `;

      productSection.querySelectorAll(".tab").forEach((tab) => {
        tab.addEventListener("click", () => {
          productSection.querySelector(".tab.active").classList.remove("active");
          tab.classList.add("active");
          productSection.querySelector(".tab-pane.active").classList.remove("active");
          productSection.querySelector(`#${tab.getAttribute("data-tab")}`).classList.add("active");
        });
      });
    }
  });

  function extractFeatures(content) {
    const featureMatches = content.match(/<p><b>(.*?)<\/b><\/p>/g);
    if (!featureMatches) return "";
    return featureMatches
      .map((feature) => {
        const text = feature.replace(/<\/?p>|<\/?b>/g, "");
        return `<p><i class="sicon-check-circle" style="color: #28a745; margin-right: 5px;"></i>${text}</p>`;
      })
      .join("");
  }

  function extractVideo(content) {
    const videoMatch = content.match(/<iframe.*?src=["'](.*?)["'].*?>.*?<\/iframe>/);
    return videoMatch ? videoMatch[0] : "";
  }

  function removeFeaturesAndVideo(content) {
    const withoutFeatures = content.replace(/<p><b>.*?<\/b><\/p>/g, "");
    return withoutFeatures.replace(/<iframe.*?<\/iframe>/g, "").trim();
  }
});

/* Add custom Js code below */
document.addEventListener("DOMContentLoaded", function () {
  const showMoreBtn = document.querySelector(".show-more");
  if (showMoreBtn) {
    showMoreBtn.addEventListener("click", function (e) {
      e.preventDefault();
      const detailsTab = document.querySelector(".tab[data-tab='product-details']");
      if (detailsTab) {
        detailsTab.click();
        detailsTab.scrollIntoView({ behavior: "smooth" });
      }
    });
  }
});

/* Add custom Js code below */
function applyCardEnhancements() {
  const lang = document.documentElement.lang || 'ar';
  const isArabic = lang.startsWith("ar");

  document.querySelectorAll(".s-product-card-content").forEach((card) => {
    if (card.classList.contains("custom-enhanced")) return;
    card.classList.add("custom-enhanced");

    const subContainer = card.querySelector(".s-product-card-content-sub");
    const salePrice = card.querySelector(".s-product-card-sale-price h4");
    const originalPrice = card.querySelector(".custom-old-price") || card.querySelector(".s-product-card-sale-price span");

    // ✅ السعر شامل الضريبة
    const taxNote = document.createElement("p");
    taxNote.className = "tax-note";
    taxNote.textContent = isArabic ? "شامل الضريبة" : "VAT included";
    subContainer.appendChild(taxNote);

    // ✅ تفاصيل الخصم
    if (salePrice && originalPrice && originalPrice.textContent.trim() !== "") {
      const newPrice = parseFloat(salePrice.textContent.replace(/[^\d.]/g, ""));
      const oldPrice = parseFloat(originalPrice.textContent.replace(/[^\d.]/g, ""));

      if (!isNaN(oldPrice) && !isNaN(newPrice) && oldPrice > newPrice) {
        const discount = oldPrice - newPrice;
        const discountPercent = Math.round((discount / oldPrice) * 100);

        const detailsBox = document.createElement("div");
        detailsBox.className = "product-extra-details";
        detailsBox.innerHTML = `
          <p class="save-amount"><i class="sicon-fire"></i> 
            ${isArabic ? `وفر ${discount.toFixed(2)} ر.س` : `Save ${discount.toFixed(2)} SAR`}
          </p>
          <span class="discount-badge">${isArabic ? `خصم ${discountPercent}%` : `${discountPercent}% Off`}</span>
        `;
        subContainer.appendChild(detailsBox);

        salePrice.style.color = "#e53935";
        if (originalPrice) originalPrice.style.color = "#444";
      }
    }
  });
}

// ✅ نراقب الصفحة ديناميكيًا
const observer = new MutationObserver(() => {
  setTimeout(() => applyCardEnhancements(), 200);
});
observer.observe(document.body, { childList: true, subtree: true });

// ✅ تشغيل أولي
document.addEventListener("DOMContentLoaded", () => {
  setTimeout(() => applyCardEnhancements(), 300);
});

/* Add custom Js code below */
function addFreeShippingTag() {
    const lang = document.documentElement.lang || 'ar';
    const isArabic = lang.startsWith('ar');

    document.querySelectorAll(".s-product-card-content").forEach((card) => {
        if (card.classList.contains("free-shipping-tagged")) return; // تأكد انه ماينعاد

        const priceElement = card.querySelector("h4, .s-product-card-price");
        if (!priceElement) return;

        const price = parseFloat(priceElement.textContent.replace(/[^\d.]/g, ""));
        if (!isNaN(price) && price >= 1000) {
            const shippingTag = document.createElement("div");
            shippingTag.className = "free-shipping-sticker";
            shippingTag.innerHTML = `<i class="sicon-truck"></i> ${isArabic ? "شحن مجاني" : "Free Shipping"}`;
            const subContainer = card.querySelector(".s-product-card-content-sub");
            if (subContainer) {
                subContainer.appendChild(shippingTag);
                card.classList.add("free-shipping-tagged"); // علمنا انو هذا الكرت خلاص تم
            }
        }
    });
}

// ملاحظة: بس نراقب ظهور المنتجات
const observerShipping = new MutationObserver(addFreeShippingTag);
observerShipping.observe(document.body, { childList: true, subtree: true });

// أول تشغيل
document.addEventListener("DOMContentLoaded", addFreeShippingTag);

/* Add custom Js code below */
document.addEventListener("DOMContentLoaded", function () {
  const targetPath = "/DGrjyYy"; // رابط المنتج المستهدف
  if (window.location.pathname.includes(targetPath)) {
    const purchasesEl = document.querySelector(".purchases-num span span");
    const remainingEl = document.querySelector(".remaining-div span");

    if (purchasesEl) purchasesEl.textContent = "101"; // ← عدّل الرقم هنا
  }
});