/* Add custom Js styles below */ 
// ========== إعدادات ==========
const WHATSAPP_URL = "https://wa.me/966547226514";
const SITE_URL = "https://shokvat.com";

// تجنب التكرار لو الكود اتشغّل أكتر من مرة
if (!window.__shokvatInjected__) {
  window.__shokvatInjected__ = true;

  document.addEventListener("DOMContentLoaded", function () {
    // 1) إنشاء نص الفوتر بالرابط
    let footerText = document.querySelector(".custom-footer-text");
    if (!footerText) {
      footerText = document.createElement("div");
      footerText.className = "custom-footer-text";
      footerText.innerHTML = 'تصميم وإدارة <a href="#" id="shokvatLink" role="button" rel="noopener">شوكفات</a>';
      document.body.appendChild(footerText);
    } else {
      // لو موجود بالفعل، نخلي الرابط يشتغل كبوابة للمودال
      const link = footerText.querySelector("a") || (() => {
        const a = document.createElement("a");
        a.id = "shokvatLink";
        a.textContent = "شوكفات";
        a.href = "#";
        footerText.append(" ", a);
        return a;
      })();
      link.id = "shokvatLink";
      link.href = "#";
      link.setAttribute("role", "button");
      link.removeAttribute("target");
    }

    // 2) إنشاء المودال بالكامل بالـJS (بدون HTML جاهز)
    if (!document.getElementById("shokvatModal")) {
      const modal = document.createElement("div");
      modal.id = "shokvatModal";
      modal.innerHTML = `
        <div class="shokvat-modal-content" role="dialog" aria-modal="true" aria-labelledby="shokvatModalTitle">
          <h3 id="shokvatModalTitle">تواصل مع شوكفات | خبراء التسويق الرقمي</h3>
          <div class="shokvat-modal-buttons">
            <a href="${WHATSAPP_URL}" target="_blank" class="wa" rel="noopener">واتساب</a>
            <a href="${SITE_URL}" target="_blank" class="site" rel="noopener">الموقع الإلكتروني</a>
          </div>
          <button type="button" class="shokvat-close-btn" aria-label="إغلاق">إغلاق</button>
        </div>
      `;
      document.body.appendChild(modal);

      // إغلاق بالزر
      modal.querySelector(".shokvat-close-btn").addEventListener("click", function () {
        modal.style.display = "none";
        document.body.classList.remove("shokvat-no-scroll");
      });

      // إغلاق بالضغط خارج المحتوى
      modal.addEventListener("click", function (e) {
        if (e.target.id === "shokvatModal") {
          modal.style.display = "none";
          document.body.classList.remove("shokvat-no-scroll");
        }
      });

      // إغلاق بمفتاح ESC
      document.addEventListener("keydown", function (e) {
        if (e.key === "Escape" && modal.style.display === "flex") {
          modal.style.display = "none";
          document.body.classList.remove("shokvat-no-scroll");
        }
      });
    }

    // 3) ربط الضغط على "شوكفات" بفتح المودال
    const trigger = document.getElementById("shokvatLink");
    const modalEl = document.getElementById("shokvatModal");

    if (trigger && modalEl) {
      trigger.addEventListener("click", function (e) {
        e.preventDefault();
        modalEl.style.display = "flex";
        document.body.classList.add("shokvat-no-scroll");
      });
    }
  });
}



document.addEventListener("DOMContentLoaded", function () {
    // لا يظهر في الصفحة الرئيسية فقط
    if (window.location.pathname !== "/") {
        const helpBtn = document.createElement('div');
        helpBtn.id = 'floating-help-btn';
        helpBtn.innerHTML = `<span style="font-size: 24px; color: white;">❓</span>`;

        helpBtn.style.cssText = `
            position: fixed;
            bottom: 90px;
            left: 20px; /* ← هنا التغيير */
            width: 50px;
            height: 50px;
            background-color: #f97316;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            z-index: 99999;
            box-shadow: 0 4px 12px rgba(0,0,0,0.25);
            transition: transform 0.3s ease;
        `;

        helpBtn.onmouseover = () => {
            helpBtn.style.transform = 'scale(1.1)';
        };
        helpBtn.onmouseout = () => {
            helpBtn.style.transform = 'scale(1)';
        };

        // عند الضغط عليه يفتح نافذة التسجيل
        helpBtn.onclick = () => {
            if (typeof salla !== 'undefined' && salla.event) {
                salla.event.dispatch('login::open');
            } else {
                alert("حدث خطأ، تأكد من تحميل مكتبة سلة.");
            }
        };

        document.body.appendChild(helpBtn);
    }
});



// إنشاء زر الواتساب ديناميكيًا (منع التكرار)
if (!document.getElementById('whatsapp-btn')) {
    const whatsappButton = document.createElement('div');
    whatsappButton.id = 'whatsapp-btn';
    whatsappButton.innerHTML = `
        <img src="https://upload.wikimedia.org/wikipedia/commons/6/6b/WhatsApp.svg" alt="WhatsApp">
    `;

    // فتح واتساب عند النقر
    whatsappButton.onclick = function () {
        window.open('https://wa.me/+966566553890', '_blank');
    };

    // إضافة الزر إلى الصفحة
    document.body.appendChild(whatsappButton);
}




document.addEventListener("DOMContentLoaded", function () {
  const anchor = document.querySelector('.product__description');
  if (!anchor) return;

  if (document.getElementById('tm-window')) return;

  const COUPON_CODE = 'ND95';

  const box = document.createElement('div');
  box.id = 'tm-window';

  const closeBtn = document.createElement('button');
  closeBtn.className = 'tm-close';
  closeBtn.setAttribute('aria-label', 'إغلاق النافذة');
  closeBtn.textContent = '×';

  const head = document.createElement('div');
  head.className = 'tm-head';
  head.innerHTML = `
    <span>🛒</span>
    <span>Tech Market</span>
    <span class="tm-badge">عرض خاص</span>
  `;

  const msg = document.createElement('div');
  msg.className = 'tm-msg';
  msg.innerHTML = `
    ⚡️ <b>خصم جبّار بمناسبة اليوم الوطني 95</b><br>
    استخدم الكوبون التالي واستمتع بتجربة تسوّق مميزة.
  `;

  const codeWrap = document.createElement('div');
  codeWrap.className = 'tm-code';

  const input = document.createElement('input');
  input.className = 'tm-input';
  input.type = 'text';
  input.value = COUPON_CODE;
  input.readOnly = true;

  const copyBtn = document.createElement('button');
  copyBtn.className = 'tm-copy';
  copyBtn.textContent = '📋 نسخ الكود';

  copyBtn.addEventListener('click', async () => {
    try {
      await navigator.clipboard.writeText(COUPON_CODE);
      const old = copyBtn.textContent;
      copyBtn.textContent = '✅ تم النسخ!';
      setTimeout(() => (copyBtn.textContent = old), 1800);
    } catch (e) {
      alert('انسخ الكود يدويًا: ' + COUPON_CODE);
    }
  });

  closeBtn.addEventListener('click', () => {
    sessionStorage.setItem('tm_dismissed', '1');
    box.remove();
  });

  if (sessionStorage.getItem('tm_dismissed') === '1') return;

  const deco = document.createElement('div');
  deco.className = 'tm-circuit';

  codeWrap.appendChild(input);
  codeWrap.appendChild(copyBtn);

  box.appendChild(closeBtn);
  box.appendChild(head);
  box.appendChild(msg);
  box.appendChild(codeWrap);
  box.appendChild(deco);

  anchor.parentNode.insertBefore(box, anchor);

  requestAnimationFrame(() => {
    box.classList.add('tm--in');
  });
});




setTimeout(() => {
    // التحقق إذا تم عرض التنبيه مسبقًا
    if (!localStorage.getItem('discountAlertShown')) {
        // إنشاء عنصر التنبيه
        let discountAlert = document.createElement('div');
        discountAlert.id = 'discount-alert';
        discountAlert.innerHTML = `
            <div style="
                position: fixed;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                background: #006c35; /* أخضر وطني */
                color: #fff;
                padding: 25px 35px;
                border: 3px solid #ffffff;
                border-radius: 16px;
                font-size: 18px;
                font-weight: bold;
                text-align: center;
                z-index: 9999;
                box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
                font-family: 'Tahoma', sans-serif;
            ">
                🇸🇦 خصم خاص بمناسبة اليوم الوطني السعودي 95 🎉
                <br><br>
                استخدم الكود <b style="font-size:20px; color:#ffeb3b;">ND95</b> 
                <br> للحصول على خصم فوري عند الشراء
                <br><br>
                <button id="copy-code" style="
                    background-color: #ffffff;
                    color: #006c35;
                    border: none;
                    padding: 10px 20px;
                    border-radius: 6px;
                    font-size: 15px;
                    font-weight: bold;
                    margin: 5px;
                    cursor: pointer;
                    transition: all 0.3s ease;
                " onmouseover="this.style.backgroundColor='#ffeb3b';this.style.color='#000'" 
                  onmouseout="this.style.backgroundColor='#ffffff';this.style.color='#006c35'">
                    انسخ الكود
                </button>
                <button id="close-alert" style="
                    background-color: #004d26;
                    color: #fff;
                    border: none;
                    padding: 10px 20px;
                    border-radius: 6px;
                    font-size: 15px;
                    margin: 5px;
                    cursor: pointer;
                    transition: background-color 0.3s ease;
                " onmouseover="this.style.backgroundColor='#00331a'" 
                  onmouseout="this.style.backgroundColor='#004d26'">
                    إغلاق
                </button>
            </div>
        `;

        // إضافة التنبيه إلى الصفحة
        document.body.appendChild(discountAlert);

        // وظيفة زر "إغلاق"
        document.getElementById('close-alert').onclick = () => {
            discountAlert.style.display = 'none';
        };

        // وظيفة زر "انسخ الكود"
        document.getElementById('copy-code').onclick = () => {
            navigator.clipboard.writeText('ND95').then(() => {
                alert('✅ تم نسخ الكود: ND95 - استخدمه عند إتمام عملية الشراء!');
                discountAlert.style.display = 'none'; // إغلاق النافذة بعد النسخ
            }).catch(err => {
                console.error('فشل النسخ: ', err);
            });
        };

        // تخزين حالة التنبيه في Local Storage
        localStorage.setItem('discountAlertShown', 'true');
    }
}, 5000); // يظهر بعد 5 ثوانٍ