// ايقونة الواتساب 
(function () {
  const phone = '966544809935';
  const message = 'السلام عليكم، حاب أستفسر:';
  const hideOn = ['checkout', 'cart', 'payment'];
  const path = location.pathname.toLowerCase();

  if (hideOn.some(p => path.includes(p)) || document.getElementById('wa-fab-btn')) return;

  const a = Object.assign(document.createElement('a'), {
    id: 'wa-fab-btn',
    href: `https://wa.me/${phone}?text=${encodeURIComponent(message)}`,
    target: '_blank',
    rel: 'nofollow noopener',
    'aria-label': 'تواصل عبر واتساب',
    style: `
      position: fixed; right: 20px; bottom: 30px;
      width: 56px; height: 56px; border-radius: 50%;
      background: #25D366; box-shadow: 0 6px 15px rgba(0,0,0,0.25);
      display: flex; align-items: center; justify-content: center;
      z-index: 2147483647; text-decoration: none;
      -webkit-tap-highlight-color: transparent;
      transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
    `
  });

  const img = Object.assign(document.createElement('img'), {
    src: 'https://upload.wikimedia.org/wikipedia/commons/6/6b/WhatsApp.svg',
    alt: 'واتساب',
    style: 'width: 42px; height: 42px; object-fit: contain;'
  });

  a.appendChild(img);
  document.body.appendChild(a);
})();

//      اضافة البوب اب
(function () {
  const HOURS = 6;
  const DELAY = 45000; // 45 ثانية
  const STORAGE_KEY = 'help-popup-timestamp';

  const now = Date.now();
  const lastShown = localStorage.getItem(STORAGE_KEY);

  // إذا ما ظهر من قبل، أو مر عليه أكثر من 6 ساعات
  if (!lastShown || now - parseInt(lastShown) > HOURS * 60 * 60 * 1000) {
    setTimeout(() => {
      // خزّن وقت الظهور
      localStorage.setItem(STORAGE_KEY, Date.now().toString());

      // أنيميشن
      const style = document.createElement('style');
      style.textContent = `
        @keyframes fadeInScale {
          from { opacity: 0; transform: scale(0.8); }
          to   { opacity: 1; transform: scale(1); }
        }
      `;
      document.head.appendChild(style);

      // الغطاء
      const overlay = document.createElement('div');
      overlay.id = 'help-popup-overlay';
      overlay.style.cssText = `
        position: fixed;
        top: 0; left: 0; right: 0; bottom: 0;
        background-color: rgba(0, 0, 0, 0.5);
        z-index: 99999;
        display: flex;
        align-items: center;
        justify-content: center;
      `;

      // مربع البوب أب
      const popup = document.createElement('div');
      popup.style.cssText = `
        background: white;
        padding: 25px 20px;
        border-radius: 10px;
        text-align: center;
        width: 300px;
        box-shadow: 0 10px 40px rgba(0,0,0,0.2);
        animation: fadeInScale 0.4s ease-out;
      `;

      popup.innerHTML = `
        <h2 style="margin-bottom: 12px;">تعاني من مشكلة في الانترنت؟</h2>
        <p style="margin-bottom: 16px; font-size: 14px;">تواصل معنا على الواتساب نساعدك تحدد افضل منتج لك!</p>
        <a href="https://wa.me/966544809935?text=السلام عليكم، أحتاج مساعدة" target="_blank" style="
          display: inline-block;
          padding: 8px 16px;
          background: #25D366;
          color: white;
          text-decoration: none;
          border-radius: 6px;
          font-size: 14px;
        ">اضغط هنا</a>
        <br><br>
        <button id="close-popup-btn" style="
          padding: 4px 10px;
          background: transparent;
          color: #333;
          border: 1px solid #ccc;
          border-radius: 6px;
          cursor: pointer;
          font-size: 10px;
        ">إغلاق</button>
      `;

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

      document.getElementById('close-popup-btn').onclick = () => {
        overlay.remove();
      };

    }, DELAY);
  }
})();