/* Add custom Js code below */

document.addEventListener("DOMContentLoaded", function () {
    const observer = new MutationObserver(() => {
      const featuresBlock = document.querySelector(".s-block.s-block--features.container");

      if (featuresBlock && !document.querySelector(".custom-dual-images")) {
        const wrapper = document.createElement("div");
        wrapper.className = "custom-dual-images";

        wrapper.innerHTML = `
          <a href="https://abayamudhila.com/offers" target="_blank" rel="noopener">
            <img src="https://cdn.salla.sa/form-builder/xIa2rM90N8I0XmoXW5aBXCoBX208RQdS4bgJq8gX.jpg" alt="عرض 1">
          </a>
          <a href="https://abayamudhila.com/offers" target="_blank" rel="noopener">
            <img src="https://cdn.salla.sa/form-builder/l9hQVVvR1seOntNw5G91vQTHLZ24fC6gzWblWxvt.jpg" alt="عرض 2">
          </a>
        `;

        // إدراج الصور قبل بلوك المزايا
        featuresBlock.parentNode.insertBefore(wrapper, featuresBlock);
        observer.disconnect();
      }
    });

    observer.observe(document.body, {
      childList: true,
      subtree: true,
    });
  });
document.addEventListener("DOMContentLoaded", function () {
  const observer = new MutationObserver(() => {
    // العنصر اللي عايزين نحط فوقه دليل المقاسات
    const targetSection = document.querySelector(".flex.bg-white.p-5.sm\\:pb-0.rounded-md.rounded-b-none");

    if (targetSection && !document.querySelector(".custom-size-guide")) {
      const sizeGuideDiv = document.createElement("div");
      sizeGuideDiv.className = "custom-size-guide";
      sizeGuideDiv.style.marginBottom = "15px";  // مسافة تحت دليل المقاسات
      sizeGuideDiv.innerHTML = `
        <img src="https://i.ibb.co/XrCHVPJx/Artboard-1.png?t=${Date.now()}" 
             alt="دليل المقاسات"
             style="max-width: 100%; display: block;">`;

      targetSection.parentNode.insertBefore(sizeGuideDiv, targetSection);

      observer.disconnect(); // وقف المراقبة بعد الإضافة
    }
  });

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

document.addEventListener("DOMContentLoaded", function () {
  // إنشاء سكشن الأسئلة الشائعة
  const faqSection = document.createElement("section");
  faqSection.className = "faq-section";
  faqSection.innerHTML = `
    <div class="container">
      <h2 class="faq-title">الأسئلة الشائعة</h2>
      <p class="faq-subtitle">إجابات على أسئلتكم المتكررة لمساعدتكم في الحصول على تجربة تسوق أفضل</p>

      <div class="faq-item">
        <button class="faq-question">كيف يمكنني تتبع طلبي؟</button>
        <div class="faq-answer">يمكنك تتبع طلبك من خلال صفحة تتبع الطلبات في حسابك أو عبر الرابط الذي يصلك عبر الرسائل.</div>
      </div>

      <div class="faq-item">
        <button class="faq-question">ما هي طرق الدفع المتاحة؟</button>
        <div class="faq-answer">نوفر عدة طرق مثل الدفع الإلكتروني، مدى، آبل باي.</div>
      </div>

      <div class="faq-item">
        <button class="faq-question">هل يمكنني إرجاع العباية؟</button>
        <div class="faq-answer">لا يمكن وخصوصاً انه يتم تفصيل العبايه على حسب طلب العميل يمكن أرجعها إذا كانت المشكله في جوده الخياط فقط.</div>
      </div>

      <div class="faq-item">
        <button class="faq-question">كم يستغرق وصول الطلب؟</button>
        <div class="faq-answer">عادة من 2 إلى 5 أيام عمل حسب المدينة.</div>
      </div>

      <div class="faq-item">
        <button class="faq-question">هل أغسل العباية بالمغسلة؟</button>
        <div class="faq-answer">ننصح بالغسيل اليدوي أو استخدام مغسلة متخصصة للحفاظ على الجودة.</div>
      </div>

      <div class="faq-item">
        <button class="faq-question">هل لديكم فرع أو مجرد متجر الكتروني؟</button>
        <div class="faq-answer">نعم نحن لدينا متجر ، ونوفر شحن سريع لجميع مناطق المملكة.</div>
      </div>
    </div>
  `;

  // إدراج السكشن بعد سكشن آراء العملاء بناءً على الكلاس المحدد
  const featuresSection = document.querySelector(".s-block.s-block--features.container");
  if (featuresSection) {
    featuresSection.insertAdjacentElement("afterend", faqSection);
  }

  // تفعيل فتح/إغلاق الأسئلة
  faqSection.addEventListener("click", function (e) {
    if (e.target.classList.contains("faq-question")) {
      const item = e.target.closest(".faq-item");
      item.classList.toggle("active");
    }
  });
});


document.addEventListener("DOMContentLoaded", function () {
  // ====== إعدادات ======
  const MAP_LINK = "https://maps.app.goo.gl/GC7rXi2cwmKr9LuH7";
  const MAP_EMBED_SRC = "https://www.google.com/maps?q=Saudi%20Arabia&hl=ar&z=6&output=embed";
  const WHATSAPP_NUMBER = "966534852688";

  // ====== إخفاء الفوتر الأصلي ======
  const originalFooter = document.querySelector(".store-footer__inner");
  if (originalFooter) originalFooter.style.display = "none";

  // ====== إنشاء الفوتر الجديد ======
  const newFooter = document.createElement("div");
  newFooter.className = "footer-container";
  newFooter.innerHTML = `
    <div class="footer-columns">
      <div class="footer-column">
        <h4>روابط مهمة</h4>
        <ul>
          <li><a href="/سياسة-الخصوصية/page-655062297">سياسة الخصوصية</a></li>
          <li><a href="/سياسة-الاستبدال-و-الاسترجاع/page-1429100056">سياسة الاستبدال والاسترجاع</a></li>
          <li><a href="/طرق-العناية-بالعبايات-السوداء/page-479973988">المحافظة على العباية السوداء</a></li>
          <li><a href="#">الأسئلة الشائعة</a></li>
          <li><a href="#">المقاسات</a></li>
        </ul>
      </div>

      <div class="footer-column">
        <img src="https://cdn.salla.sa/cdn-cgi/image/fit=scale-down,width=400,height=400,onerror=redirect,format=auto/NBZje/hUQen9IiABw03jhEOwE56VMiEV7tvtoLgVGYbUzw.png" alt="شعار مذهلة" style="max-width:120px; margin-bottom: 15px;">
        <p>ننسج عباية تليق بأناقتك، تميزى بتصاميم مذهلة الأنيقة</p>
        <p><strong>الرقم الضريبي:</strong> 3022000400000</p>
      </div>

      <div class="footer-column" id="business-column">
        <h4>موثق من منصة الأعمال</h4>
        <img src="https://i.ibb.co/SwX4xvF7/Saudi-Business-Center-Logo-PNG-SVG-1.png" alt="منصة الأعمال" style="height:120px;">
        <p style="font-size:13px;">موثق لدى منصة الأعمال</p>
        <div class="custom-social-wrapper"></div>
      </div>

      <div class="footer-column">
        <h4>موقعنا</h4>
       <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d223.5766169660129!2d50.21123062571844!3d26.286776759700466!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3e49e99ac4f10f6f%3A0x89e34fedd02f5a3b!2z2LnYqNin2YrYp9iqINmF2LDZh9mE2Yc!5e0!3m2!1sar!2seg!4v1756040139511!5m2!1sar!2seg" width="300" height="250" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
        </div>
      </div>
    </div>
  `;

  // إدراج الفوتر
  const storeFooter = document.querySelector(".store-footer");
  if (storeFooter) {
    storeFooter.insertAdjacentElement("beforebegin", newFooter);
  } else {
    document.body.appendChild(newFooter);
  }

  // ====== إضافة زر الواتساب ======
  if (!document.querySelector(".floating-whatsapp")) {
    const btn = document.createElement("a");
    btn.href = `https://wa.me/${WHATSAPP_NUMBER}`;
    btn.className = "floating-whatsapp";
    btn.target = "_blank";
    btn.innerHTML = `<img src="https://cdn-icons-png.flaticon.com/512/733/733585.png" alt="WhatsApp" style="width:30px;">`;
    document.body.appendChild(btn);
  }

  // ====== استايل بسيط ======
  const style = document.createElement("style");
  style.textContent = `
    .footer-container { background:#111; color:#fff; padding:40px 0; margin-top:40px; }
    .footer-columns { 
      display:grid; 
      grid-template-columns:repeat(4,1fr); 
      gap:20px; 
      max-width:1200px; 
      margin:0 auto; 
    }
    .footer-column h4 { margin-bottom:10px; font-size:16px; color:#fff; }
    .footer-column a { color:#bbb; text-decoration:none; }
    .footer-column a:hover { color:#fff; }
    @media(max-width:992px){ .footer-columns { grid-template-columns:repeat(2,1fr); } }
    @media(max-width:600px){ .footer-columns { grid-template-columns:1fr; } }
    .floating-whatsapp {
      position:fixed; right:15px; bottom:15px; width:55px; height:55px;
      background:#25d366; border-radius:50%; display:flex; align-items:center; justify-content:center;
      box-shadow:0 4px 10px rgba(0,0,0,.3); z-index:9999;
    }
  `;
  document.head.appendChild(style);
});