document.addEventListener("DOMContentLoaded", function () {
    const brand = document.querySelector(".product-brand");
    if (!brand) return;

    // جلب رابط الماركة من داخل عنصر <a>
    const brandLinkElement = brand.querySelector("a.brand-logo");
    const brandURL = brandLinkElement?.href || "#";

    // استخراج اسم الماركة من ALT الصورة
    const brandName = brand.querySelector("img")?.alt || "الماركة";

    // إنشاء صندوق النصوص
    const box = document.createElement("div");
    box.className = "brand-box";

    box.innerHTML = `
        <div class="brand-original">أصلي 100%</div>
        <div class="brand-link">
            <a href="${brandURL}">اضغط هنا للمزيد من ماركة ${brandName}</a>
        </div>
    `;

    // إضافة البوكس داخل بلوك الماركة
    brand.appendChild(box);
});

document.addEventListener("DOMContentLoaded", function () {

    const btn = document.createElement("div");
    btn.id = "floating-search-btn";

    btn.innerHTML = `
        <span class="label">ابحث هنا</span>
        <div class="icon">
            <svg viewBox="0 0 32 32" width="28" height="28" fill="#fff">
                <path d="M30.276 28.391l-7.576-7.576c1.644-2.053 2.633-4.652 2.633-7.481 0-6.616-5.384-12-12-12s-12 5.384-12 12 5.384 12 12 12c2.829 0 5.428-0.989 7.481-2.633l7.576 7.576c0.26 0.26 0.601 0.391 0.943 0.391s0.683-0.131 0.943-0.391c0.521-0.521 0.521-1.364 0-1.885zM13.333 22.667c-5.147 0-9.333-4.187-9.333-9.333s4.187-9.333 9.333-9.333 9.333 4.187 9.333 9.333-4.187 9.333-9.333 9.333z"></path>
            </svg>
        </div>
    `;

    document.body.appendChild(btn);

    btn.addEventListener("click", function () {
        const searchInput = document.querySelector("salla-search input.s-search-input");
        if (searchInput) {
            searchInput.focus();
            window.scrollTo({ top: 0, behavior: "smooth" });
        }
    });
});





(function () {
  const COPIED_KEY = "welcomeCouponCopied";
  const SHOWN_AGAIN_KEY = "welcomeCouponShownAgain";

  if (localStorage.getItem(COPIED_KEY)) return;

  function createCouponPopup(isSecondTime = false) {
    if (isSecondTime && localStorage.getItem(SHOWN_AGAIN_KEY)) return;

    const overlay = document.createElement("div");
    overlay.id = "welcome-coupon-overlay";

    const card = document.createElement("div");
    card.id = "welcome-coupon-card";
    card.innerHTML = `
      <button id="welcome-coupon-close">×</button>
      <h3>مرحبا تفضل كوبون الترحيب</h3>
      <span id="welcome-coupon-code">Welcome</span>
      <button id="welcome-copy-btn">نسخ الكوبون</button>
      <p id="welcome-coupon-note"> استخدم الكود عند إتمام الطلب واحصل على الخصم اضافي 10% </p>
    `;

    document.body.appendChild(overlay);
    document.body.appendChild(card);

    let copied = false;

    function closePopup() {
      overlay.remove();
      card.remove();

      if (!copied && !isSecondTime) {
        localStorage.setItem(SHOWN_AGAIN_KEY, "true");
        setTimeout(() => createCouponPopup(true), 10000);
      }
    }

    document.getElementById("welcome-coupon-close").onclick = closePopup;
    overlay.onclick = closePopup;

    document.getElementById("welcome-copy-btn").onclick = function () {
      navigator.clipboard.writeText("Welcome").then(() => {
        copied = true;
        localStorage.setItem(COPIED_KEY, "true");
        this.innerText = "تم النسخ ✓";
        setTimeout(closePopup, 800);
      });
    };
  }

  setTimeout(() => createCouponPopup(false), 5000);
})();


(function () {
  let shown = false;
  const FREE_SHIPPING_AMOUNT = 199;

  function checkCart() {
    salla.cart.get().then(cart => {
      if (!cart || !cart.subtotal) return;

      const total = cart.subtotal.amount;

      if (total >= FREE_SHIPPING_AMOUNT && !shown) {
        shown = true;

        Swal.fire({
          icon: 'success',
          title: 'مبروك 🎉',
          text: 'حصلت على الشحن المجاني',
          timer: 3500,
          showConfirmButton: false
        });
      }

      if (total < FREE_SHIPPING_AMOUNT) {
        shown = false;
      }
    });
  }

  // بعد تحميل الصفحة
  setTimeout(checkCart, 1500);

  // عند إضافة منتج
  salla.on('cart:add', checkCart);

  // عند حذف منتج
  salla.on('cart:remove', checkCart);

  // عند تحديث الكمية
  salla.on('cart:update', checkCart);

})();