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

    // التحقق إذا كانت الصفحة الرئيسية فقط
    if (window.location.pathname !== "/") return;


const items = [
  {
    name: "هدايا رجاليه",
    url: " https://alwaam.store/Men's-gifts/c1940340851 ",
    img: "https://cdn.salla.sa/NKdqnq/b8c3329c-af88-496a-8db3-3ce325ff7901-1000x1000-2k53GH03NedcsLWdjONMtHslD7AwEQXisW33mNaI.jpg "
  },
  {
    name: "هدايا نسائيه",
    url: "https://alwaam.store/Women's-gifts/c99422833",
    img: "https://cdn.salla.sa/NKdqnq/994587e1-a8c7-4094-a124-7d80dec2d516-1000x1000-PC9r5zfGQgxZGplLluV0gldPkfAqCYDKJkiDxNjV.jpg"
  },
  {
    name: "بوكسات مكياج",
    url: "https://alwaam.store/Makeup-Boxes/c530688696",
    img: "https://cdn.salla.sa/NKdqnq/ff1fe805-fea4-4369-8022-92cc3f7d00ea-1000x1000-JiP7eYaSV8PTSeekrpuo9IFJizfS3VfjzuebWnTz.jpg"
  },
  {
    name: "هدايا رمضان",
    url: "https://alwaam.store/Ramadan-gifts/c1667899430",
    img: "https://cdn.salla.sa/NKdqnq/41600c82-89da-41dd-98ff-fbd3cba2c4ec-1000x1000-8klhyFX8u80hJtjs9OMzG2g4deYh6pXyS0jbYDxj.jpg"
  },
  {
    name: "هدايا العيد",
    url: "  https://alwaam.store/%D9%87%D8%AF%D8%A7%D9%8A%D8%A7-%D8%A7%D9%84%D8%B9%D9%8A%D8%AF/c539663279 ",
    img: "https://cdn.salla.sa/NKdqnq/ece67c27-a1c5-409b-9cd2-c45a4c50b8d2-750x1000-2RR18tKmUhJBfk5KxyXUx23sFROpuGGbIEoYjuMk.jpg"
  },
];

    const container = document.createElement("div");  
    container.className = "quick-menu-icons-wrapper";  

    const title = document.createElement("h2");  
    title.className = "quick-menu-title";  
    title.textContent = "تسوق حسب الأقسام";  
    container.appendChild(title);  

    const menu = document.createElement("div");  
    menu.className = "quick-menu-icons";  

    let html = `<div class="menu-scroll">`;  

    items.forEach(item => {  
        html += `  
            <a href="${item.url}" class="menu-item">  
                <img src="${item.img}" alt="${item.name}">  
                <span>${item.name}</span>  
            </a>  
        `;  
    });  

    html += `</div>`;  
    menu.innerHTML = html;  
    container.appendChild(menu);  

    const firstSlider = document.querySelector(".home-slider, .s-main-slider, .s-slider-block") || document.body.firstElementChild;
    firstSlider.insertAdjacentElement("afterend", container);

});



// ============================
// 📦 حجم بطاقات المنتجات
// ============================
document.addEventListener('DOMContentLoaded', function() {
  function fixSlider(containerSelector, perRow) {
    const containers = document.querySelectorAll(containerSelector);
    if (!containers.length) return;

    containers.forEach(container => {
      if (!container.querySelector('.s-product-card-vertical, .s-products-slider-card')) return;
      const slides = container.querySelectorAll('.swiper-slide, .s-products-slider-card');
      slides.forEach(s => {
        s.style.flex = '0 0 ' + (100 / perRow) + '%';
        s.style.maxWidth = (100 / perRow) + '%';
        s.style.boxSizing = 'border-box';
        s.style.padding = '0';
      });

      const wrapper = container.querySelector('.swiper-wrapper');
      if (wrapper) wrapper.style.gap = '0';
    });
  }

  // الصفحة الرئيسية = 3 بطاقات
  if (document.body.classList.contains('home-page')) {
    fixSlider('.s-slider-container', 3);
    fixSlider('.s-products-slider-wrapper', 3);
  }

  // صفحات التصنيفات = 2 بطاقات
  if (document.body.classList.contains('collection-page')) {
    fixSlider('.s-slider-container', 2);
    fixSlider('.s-products-slider-wrapper', 2);
  }

  // عند تغيير حجم الشاشة
  let resizeTimer;
  window.addEventListener('resize', () => {
    clearTimeout(resizeTimer);
    resizeTimer = setTimeout(() => {
      const per = (window.innerWidth <= 768) ? 2 : 3;
      fixSlider('.s-slider-container', per);
      fixSlider('.s-products-slider-wrapper', per);
    }, 120);
  });

  // مراقبة تغير DOM (في حال تحميل ديناميكي)
  const observer = new MutationObserver(() => {
    const per = document.body.classList.contains('collection-page')
      ? 2
      : (window.innerWidth <= 768 ? 2 : 3);
    fixSlider('.s-slider-container', per);
    fixSlider('.s-products-slider-wrapper', per);
  });
  observer.observe(document.body, { childList: true, subtree: true });
});

document.addEventListener("DOMContentLoaded", () => {

  function addDiscountBadge() {
    const cards = document.querySelectorAll(".s-product-card-vertical, .s-product-card");

    cards.forEach(card => {
      // منع تكرار الشارة
      if (card.querySelector(".discount-badge")) return;

      const oldPriceEl = card.querySelector("span"); // السعر القديم
      const newPriceEl = card.querySelector("h4");   // السعر الجديد

      if (!oldPriceEl || !newPriceEl) return;

      function arabicToNumber(text) {
        const arabicNumbers = ["٠","١","٢","٣","٤","٥","٦","٧","٨","٩"];
        return parseFloat(text.replace(/[٠-٩]/g, d => arabicNumbers.indexOf(d)));
      }

      const oldPrice = arabicToNumber(oldPriceEl.textContent);
      const newPrice = arabicToNumber(newPriceEl.textContent);

      if (isNaN(oldPrice) || isNaN(newPrice) || oldPrice <= newPrice) return;

      const discount = Math.round(((oldPrice - newPrice) / oldPrice) * 100);

      const badge = document.createElement("span");
      badge.className = "discount-badge";
      badge.textContent = `${discount}%`;

      // إضافة الشارة داخل عنصر الصورة
      const imgContainer = card.querySelector(".s-product-card-image, .s-product-card-gallery") || card;
      imgContainer.style.position = "relative"; // ضروري للتموضع
      imgContainer.appendChild(badge);
    });
  }

  addDiscountBadge();

  // تحديث الشارات ديناميكياً عند إضافة منتجات جديدة
  new MutationObserver(addDiscountBadge).observe(document.body, {
    childList: true,
    subtree: true,
  });

});

// CSS لشارة الخصم أسفل الصورة
const style = document.createElement("style");
style.textContent = `
.discount-badge {
  position: absolute;
  bottom: 0px;           /* من الأسفل بدل top */
  left: 93%;             /* توسيط أفقي */
  transform: translateX(-50%); /* لتوسيط الشارة بالضبط */
  background: red;
  color: white;
  font-weight: bold;
  padding: 1px 1px;
  border-radius: 4px;
  font-size: 12px;
  z-index: 10;
}
`;
document.head.appendChild(style);


/* فقاعة ترحيب (الصفحة الرئيسية فقط) */
let bubble = null;
const isHome =
  location.pathname === "/" ||
  location.pathname === "/index.html";

if (isHome && !sessionStorage.getItem("welcomeShown")) {
  bubble = document.createElement("div");
  bubble.className = "whatsapp-bubble";
  bubble.textContent = "🛒 اذا واجهت اي مشكله في اتمام طلبك او تريد الاستفسار لا تتردد نحن هنا من اجلك";
  document.body.appendChild(bubble);

  setTimeout(() => bubble.classList.add("hide"), 5000);
  sessionStorage.setItem("welcomeShown", "true");
}


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

  function addFakeRating() {
    const cards = document.querySelectorAll(".s-product-card-vertical, .s-product-card");

    cards.forEach((card) => {

      if (card.querySelector(".fake-rating")) return;

      // عنصر السعر الكامل (الأرقام + العملة)
      const priceBlock =
        card.querySelector(".s-product-card-price") ||
        card.querySelector(".s-price") ||
        card.querySelector("[class*='price']");

      if (!priceBlock) return;

      // توليد تقييم عشوائي (80% خمس نجوم – 20% أربع نجوم)
      const randomRating = Math.random() < 0.8
        ? "★★★★★"
        : "★★★★☆";

      const rating = document.createElement("div");
      rating.className = "fake-rating";
      rating.innerHTML = randomRating;

      // إدخال النجوم بعد العملة مباشرة
      const lastPriceChild = priceBlock.lastElementChild;
      if (lastPriceChild) {
        lastPriceChild.insertAdjacentElement("afterend", rating);
      } else {
        priceBlock.insertAdjacentElement("afterend", rating);
      }
    });
  }

  addFakeRating();

  new MutationObserver(addFakeRating).observe(document.body, {
    childList: true,
    subtree: true
  });

});