/* Add custom JS code below */
document.addEventListener("DOMContentLoaded", () => {
  const targets = [
    "p1867492367",
    "p1100496482",
    "p1970649443",
    "p71367265",
    "p351640894",
  ];

  if (targets.some((id) => window.location.href.includes(id))) {
    const observer = new MutationObserver((_, obs) => {
      const wrapper = document.querySelector(".s-product-options-wrapper");

      if (wrapper) {
        obs.disconnect();

        // إضافة الستايل مرة واحدة
        if (!document.getElementById("ripple-style")) {
          document.head.insertAdjacentHTML(
            "beforeend",
            `<style id="ripple-style">
                        @keyframes rippleAnim { 0% { transform: scale(1); opacity: 0.5; } 100% { transform: scale(3); opacity: 0; } }
                        .ripple-btn { display: flex; align-items: center; margin-top: 10px; color: #007bff; text-decoration: none; }
                        .ripple-dot { position: relative; display: inline-block; width: 14px; height: 14px; margin-left: 8px; border-radius: 50%; background: #0d6efd; }
                        .ripple-wave { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; background: #0d6efd; animation: rippleAnim 1.5s infinite; }
                        </style>
                        `,
          );
        }

        // إضافة العنصر
        wrapper.insertAdjacentHTML(
          "beforeend",
          `<a href="https://prem-box.com/ar/ipad/page-923892021" class="ripple-btn">
                    <span class="ripple-dot"><span class="ripple-wave"></span></span>
                    <span class="text-blu-400 text-sm p-1 text-decoration-underline">أضغط هنا لمعرفة نوع جهازك</span>
                    </a>`,
        );
      }
    });

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

document.addEventListener("DOMContentLoaded", async () => {
  const now = new Date();
  const hour = now.getHours(),
    minutes = now.getMinutes(),
    day = now.getDay();

  const excludedRanges = [{ from: "2026-05-25", to: "2026-05-28" }];

  // جلب قيمة promotion_title من بيانات الصفحة (تأكد من مصدرها الفعلي لديك)
  const promotionTitle = window.product?.promotion_title || ""; 

  // التحقق إذا لم يكن Free shipping لكي يكمل الحسابات الطبيعية
  const isOutOfStockSoon = (promotionTitle === "Free shipping");

  let city = localStorage.getItem("user_city");

  if (!city) {
    try {
      const res = await fetch("https://ipwho.is/");
      const data = await res.json();
      city = data.city || "Other";
      localStorage.setItem("user_city", city);
    } catch (e) {
      city = "Other";
    }
  }

  // 2. حساب أيام التوصيل (تعمل فقط إذا لم يكن المنتج Free shipping لتوفير الأداء)
  let deliveryDays = /Riyadh|Cairo/i.test(city) ? 0 : 2;

  if (hour >= 11) deliveryDays += 1;
  if (day === 4 && hour >= 11 && /Riyadh/i.test(city)) deliveryDays += 1;
  if (day === 5) deliveryDays += 1;

  let deliveryDate = new Date();

  const isExcluded = (date) => {
    const fmt = date.toISOString().split("T")[0];
    return excludedRanges.some((r) => fmt >= r.from && fmt <= r.to);
  };

  while (isExcluded(deliveryDate)) {
    deliveryDate.setDate(deliveryDate.getDate() + 1);
  }

  deliveryDate.setDate(deliveryDate.getDate() + deliveryDays);

  while (isExcluded(deliveryDate)) {
    deliveryDate.setDate(deliveryDate.getDate() + 1);
  }

  // 3. التاريخ والوقت
  const isToday = now.toDateString() === deliveryDate.toDateString();
  const isTomorrow =
    new Date(now.getTime() + 86400000).toDateString() ===
    deliveryDate.toDateString();
  const dayDiff = Math.floor((deliveryDate - now) / 86400000);

  const weekdaysArabic = [
    "الأحد",
    "الاثنين",
    "الثلاثاء",
    "الأربعاء",
    "الخميس",
    "الجمعة",
    "السبت",
  ];

  const monthsArabic = [
    "يناير",
    "فبراير",
    "مارس",
    "أبريل",
    "مايو",
    "يونيو",
    "يوليو",
    "أغسطس",
    "سبتمبر",
    "أكتوبر",
    "نوفمبر",
    "ديسمبر",
  ];

  const deliveryText = isToday
    ? "اليوم"
    : isTomorrow
      ? "غدًا"
      : dayDiff <= 6
        ? weekdaysArabic[deliveryDate.getDay()]
        : `${weekdaysArabic[deliveryDate.getDay()]} ${deliveryDate.getDate()} ${monthsArabic[deliveryDate.getMonth()]}`;

  const remainingHours = hour < 11 ? 10 - hour : 24 - hour + 10;
  const remainingMinutes = 59 - minutes;

  const countdownText =
    remainingHours > 0 && remainingMinutes > 0
      ? `عند الطلب في غضون ${remainingHours} ساعة ${remainingMinutes} دقيقة`
      : remainingHours > 0
        ? `عند الطلب في غضون ${remainingHours} ساعة`
        : remainingMinutes > 0
          ? `عند الطلب في غضون ${remainingMinutes} دقيقة`
          : "";

  // تحديد النصوص والألوان بناءً على حالة الـ promotion_title
  const displayMainText = isOutOfStockSoon
    ? "يتوفر قريباً"
    : `يوصلك ${deliveryText}`;

  const backgroundStyle = isOutOfStockSoon
    ? "background: linear-gradient(45deg, #ff000010, #ff4d4d40); border: 1px solid #ff4d4d;"
    : "background: linear-gradient(45deg, #edae6b00, #cb75e859);";

  // 4. وظيفة الحقن (UI)
  const createUI = (selector, isCart = false) => {
    const target = document.querySelector(selector);
    if (!target) return;

    const html = `
            <div class="details shpr" style="font-size: 14px; font-weight: bold; padding: 10px; border-radius: 5px; display: flex; align-items: center; gap: 10px; ${backgroundStyle} ${isCart ? "margin: 0px 0px 10px 0px;" : ""}">
            <img alt="shiping" src="https://cdn.salla.sa/oNQR/UnkJ9QCVbTKmdb4yweIS6aasfoVR1J674pAN08F4.gif" style="height: 36px;">
            <div class="da-tm">
            <strong>${displayMainText}</strong><br>
            ${!isOutOfStockSoon && countdownText ? `<span style="font-size: 13px;">${countdownText}</span>` : ""}
            </div>
            </div>`;

    isCart
      ? target.insertAdjacentHTML("beforebegin", html)
      : target.insertAdjacentHTML("afterend", html);
  };

  createUI(".product__description");
  createUI(".totals-div.shadow-custom", true);
});
// for Digital Cards - Hide delivery time & Add Instant Delivery Text
document.addEventListener("DOMContentLoaded", () => {
  const cat = document.querySelector('meta[property="product:category"]')
    ?.content;

  if (cat !== "البطاقات الرقمية" && cat !== "Digital Cards") return;

  const run = () => {
    // 1. إخفاء العناصر غير المرغوب فيها (بما فيها وقت التوصيل السابق وأدوات التقسيط)
    [
      "salla-installment",
      "tamara-widget",
      "tabby-promo-widget",
      "#tabbyPromoWrapper",
      ".details.shpr",
    ].forEach((s) => {
      const el = document.querySelector(s);
      if (el) el.style.setProperty("display", "none", "important");
    });

    // 2. إضافة نص التسليم الفوري باللون الأخضر الأصلي
    const target = document.querySelector(".product__description");

    if (target && !document.querySelector(".instant-delivery-box")) {
      const html = `
<div class="instant-delivery-box" style="font-size: 14px; font-weight: bold; padding: 10px; border-radius: 5px; display: flex; align-items: center; gap: 10px; background: linear-gradient(45deg, #4caf5026, #81c7843d); margin-bottom: 10px; border: 1px solid #4caf505e;">
<img src="https://cdn.salla.sa/oNQR/UnkJ9QCVbTKmdb4yweIS6aasfoVR1J674pAN08F4.gif" style="height: 36px;">
<div>
<strong style="color: #2e7d32;">تسليم فوري وآلي</strong><br>
<span style="font-size: 12px; font-weight: normal; color: #444;">يصلك كود البطاقة خلال ثواني من الدفع</span>
</div>
</div>`;

      target.insertAdjacentHTML("afterend", html);
    }
  };

  run();

  const obs = new MutationObserver(run);
  obs.observe(document.body, { childList: true, subtree: true });

  // التوقف بعد 5 ثوانٍ لضمان استقرار الصفحة
  setTimeout(() => obs.disconnect(), 5000);
});

//convert drop down to selected button
document.addEventListener("DOMContentLoaded", () => {
  const outOfStockRegex = /([\-—]\s*(نفدت الكمية|Out of Stock).*)$/i;

  document
    .querySelectorAll(".s-product-options-option-content select")
    .forEach((select) => {
      const wrapper = select.closest(".s-product-options-option-content");

      if (!wrapper || !select.name) return;

      // إضافة النص التوضيحي والحاوية
      wrapper.insertAdjacentHTML(
        "beforeend",
        `<div class="custom-radio-buttons-container"></div>`,
      );

      const container = wrapper.lastElementChild;

      Array.from(select.options).forEach((opt, i) => {
        if (!opt.value || opt.disabled) return;

        const match = opt.textContent.match(outOfStockRegex);
        const cleanText = opt.textContent.replace(outOfStockRegex, "").trim();
        const id = `opt_${select.name.replace(/\W/g, "")}_${i}`;
        const isOutOfStock = !!match;

        // بناء العناصر وحقنها
        const html = `<input type="radio" id="${id}" name="${select.name}_custom" value="${opt.value}"
                class="custom-radio-input" ${opt.value === select.value ? "checked" : ""}>
                <label for="${id}" class="custom-radio-label ${isOutOfStock ? "out-of-stock-button" : ""}">
                <div class="inner-boxes-wrapper">

                ${cleanText
                    .split("/")
                    .map((p) => `<span class="inner-box-item">${p.trim()}</span>`)
                    .join("")}
                </div>
                ${isOutOfStock ? `<span class="out-of-stock-indicator-text">${match[0].trim()}</span>` : ""}
                </label>`;

        container.insertAdjacentHTML("beforeend", html);

        // ربط الحدث لتغيير الـ select الأصلي
        container.querySelector(`#${id}`).addEventListener("change", (e) => {
          select.value = e.target.value;
          select.dispatchEvent(new Event("change", { bubbles: true }));
        });
      });

      select.style.display = "none";
    });
});

// استهداف الصور داخل حاوية الشعار
const logos = document.querySelectorAll(".ps-logo img");
logos.forEach((logo) => {
  logo.src =
    "https://cdn.salla.sa/oNQR/0dkIB4kYl8Z36TS5qStqBPvnAYRKJe3Ew5WLIHOB.gif";

  // تحديث srcset أيضاً لضمان عدم تحميل الصورة القديمة في الشاشات المختلفة
  logo.srcset =
    "https://cdn.salla.sa/oNQR/0dkIB4kYl8Z36TS5qStqBPvnAYRKJe3Ew5WLIHOB.gif";
});

// الوان بطاقة المنتج بخيارات
(function () {
  function addColorsIcon() {
    // 1. نبحث عن كل بطاقات المنتجات التي تحتوي على شارة "الوان متعددة"
    const promoBadges = document.querySelectorAll(
      ".s-product-card-promotion-title",
    );

    promoBadges.forEach((badge) => {
      if (badge && badge.textContent.trim() === "الوان متعددة") {
        // 2. الصعود للملف الأب (مربع الصورة الرئيسي)
        const imageContainer = badge.closest(".s-product-card-image");

        // التحقق من وجود مربع الصورة وأنه لم يتم إضافة الأيقونة له مسبقاً لمنع التكرار
        if (
          imageContainer &&
          !imageContainer.querySelector(".custom-colors-icon")
        ) {
          // 3. إنشاء عنصر الأيقونة الجديد وحقن صورتك الخاصة مباشرة
          const iconDiv = document.createElement("div");
          iconDiv.className = "custom-colors-icon";

          // استخدام رابط صورتك الجديدة مع إضافة ظل ناعم (drop-shadow) لإبرازها فوق صور المنتجات البيضاء
          iconDiv.innerHTML = `
<img src="https://cdn.salla.sa/oNQR/J2CKLlPRi0kELW08IYxGvGzmwZAEsExft0gsD5qx.png"
style="width: 32px; height: 32px; object-fit: contain; display: block; filter: drop-shadow(0px 2px 4px rgba(0,0,0,0.25));">
`;

          // تحديد مكان الأيقونة بدقة (الارتفاع 10% واليسار 10px)
          iconDiv.style.position = "absolute";
          iconDiv.style.bottom = "10%";
          iconDiv.style.left = "10px";
          iconDiv.style.zIndex = "10";
          iconDiv.style.cursor = "pointer";

          // 4. حقن الأيقونة داخل مربع الصورة
          imageContainer.appendChild(iconDiv);
        }
      }
    });
  }

  // تشغيل الفحص فوراً ومراقبته ديناميكياً مع السلايدر والتحميل المتأخر
  addColorsIcon();

  const observer = new MutationObserver(() => {
    addColorsIcon();
  });

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