document.addEventListener("DOMContentLoaded", function() {
    const productCard = document.querySelector('.product-card');
    const productImageContainer = productCard.querySelector('.product-card__image');

    if (productImageContainer) {
        // Clone the product image container
        const clonedImageContainer = productImageContainer.cloneNode(true);

        // Append the cloned image container next to the original one
        productCard.querySelector('.product-card__content').insertAdjacentElement('beforebegin', clonedImageContainer);
    }
});



/* -----------------------*/
/*

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

  function showDiscountPopup() {
    if (sessionStorage.getItem("cartPopupShown")) return;

    const popup = document.createElement("div");
    popup.className = "discount-popup-overlay";

    popup.innerHTML = `
        <div class="discount-popup">
      <button class="popup-close">&times;</button>
      <h2>LIMITED TIME OFFER</h2>
      <p>Buy winter, save on summer</p>
      <span class="discount">UP TO 30% OFF summer items</span>
      <a href="https://outofpllan.com/ar/ss25/c1047614073" class="popup-btn">SHOP NOW</a>
    </div>
    `;

    document.body.appendChild(popup);

    setTimeout(() => popup.classList.add("show"), 100);

    popup.querySelector(".popup-close").onclick = closePopup;
    popup.onclick = (e) => {
      if (e.target === popup) closePopup();
    };

    function closePopup() {
      popup.classList.remove("show");
      sessionStorage.setItem("cartPopupShown", "true");
      setTimeout(() => popup.remove(), 300);
    }
  }

  // 🔥 listener مظبوط لزرار Add to Cart في سيليا
  document.body.addEventListener("click", function (e) {
    const addToCartBtn = e.target.closest(
      'button.s-button-element[aria-label="Add to cart"]'
    );

    if (!addToCartBtn) return;

    // نستنى الإضافة تتم
    setTimeout(showDiscountPopup, 700);
  });

});
*/
/*-------------------*/




(function () {

  let popupOpen = false;

  const originalOpen = XMLHttpRequest.prototype.open;
  const originalSend = XMLHttpRequest.prototype.send;

  XMLHttpRequest.prototype.open = function (method, url) {
    this._url = url;
    return originalOpen.apply(this, arguments);
  };

  XMLHttpRequest.prototype.send = function () {
    this.addEventListener("load", () => {
      try {
        if (
          typeof this._url === "string" &&
          this._url.includes("cart") &&
          this._url.includes("add")
        ) {
          showDiscountPopup();
        }
      } catch (e) {}
    });

    return originalSend.apply(this, arguments);
  };

  function showDiscountPopup() {
    if (popupOpen) return;
    popupOpen = true;

    const popup = document.createElement("div");
    popup.className = "discount-popup-overlay";

    popup.innerHTML = `
         <div class="discount-popup">
      <button class="popup-close">&times;</button>
      <h2>LIMITED TIME OFFER</h2>
      <p>Buy winter, save on summer</p>
      <span class="discount">UP TO 30% OFF summer items</span>
      <a href="https://outofpllan.com/ar/ss25/c1047614073" class="popup-btn">SHOP NOW</a>
    </div>
    `;

    document.body.appendChild(popup);
    setTimeout(() => popup.classList.add("show"), 100);

    popup.querySelector(".popup-close").onclick = closePopup;
    popup.onclick = (e) => {
      if (e.target === popup) closePopup();
    };

    function closePopup() {
      popup.classList.remove("show");
      setTimeout(() => {
        popup.remove();
        popupOpen = false;
      }, 300);
    }
  }

})();