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

    function random(min, max) {
        return Math.floor(Math.random() * (max - min + 1)) + min;
    }

    // معرف المنتج
    let productIdInput = document.querySelector('input[name="id"]');
    let productId = productIdInput ? productIdInput.value : window.location.pathname;

    let savedStock = localStorage.getItem("product_stock_" + productId);

    let stock;

    if (savedStock) {
        stock = parseInt(savedStock);
    } else {
        stock = random(3, 15);
        localStorage.setItem("product_stock_" + productId, stock);
    }

    const wrapper = document.createElement("div");
    wrapper.style.cssText = `
        margin-top:15px;
        display:flex;
        flex-direction:column;
        gap:10px;
    `;

   wrapper.innerHTML = `
<style>
.product-alert{
    position:relative;
    display:flex;
    align-items:center;
    gap:12px;
    padding:15px 18px;
    margin-bottom:12px;
    border-radius:14px;
    overflow:hidden;
    font-size:15px;
    font-weight:700;
    box-shadow:0 8px 25px rgba(0,0,0,.12);
    animation:fadeUp .6s ease both;
    transition:.3s;
}

.product-alert:hover{
    transform:translateY(-3px) scale(1.02);
    box-shadow:0 12px 35px rgba(0,0,0,.18);
}

.product-alert::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:6px;
    height:100%;
}

.product-alert .icon{
    font-size:28px;
    animation:pulse 1.8s infinite;
}

.alert1{
    background: linear-gradient(17deg, #ff576e, #ffffff);
}
.alert1::before{
    background:#ff9800;
}

.alert2{
    background: linear-gradient(135deg, #fdeee3, #fcfdfd);
}
.alert2::before{
    background:#2196f3;
}

.alert3{
    background:linear-gradient(135deg,#e8f5e9,#c8e6c9);
}
.alert3::before{
    background:#4caf50;
}

.alert4{
    background:linear-gradient(135deg,#fce4ec,#f8bbd0);
}
.alert4::before{
    background:#e91e63;
}

@keyframes pulse{
    0%,100%{transform:scale(1);}
    50%{transform:scale(1.18);}
}

@keyframes fadeUp{
    from{
        opacity:0;
        transform:translateY(20px);
    }
    to{
        opacity:1;
        transform:translateY(0);
    }
}
</style>

<div class="product-alert alert1">
    <div class="icon">🔥</div>
    <div>خيار الأكثر طلباً! بقي <strong>${stock}</strong> قطع فقط في المخزن</div>
</div>

<div class="product-alert alert2">
    <div class="icon">⚡</div>
    <div>السعر الأفضل حالياً! <strong>سينتهي العرض خلال ساعات</strong></div>
</div>

<div class="product-alert alert3">
    <div class="icon">✨</div>
    <div>إصدار محدود جداً! متوفر <strong>${stock}</strong> قطع فقط للتميز</div>
</div>

<div class="product-alert alert4">
    <div class="icon">🏷️</div>
    <div>وفر أكثر اليوم! <strong>آخر القطع بخصمها الحالي</strong></div>
</div>
`;

    const detailsSection = document.querySelector(".details");
    if (detailsSection) {
        detailsSection.appendChild(wrapper);
    }

});
 

(function () {

  let bestSellingProducts = [
    "1695032184",
    "164373966"
  ];

  function addBadgeToProducts() {

    document.querySelectorAll("custom-salla-product-card").forEach(function(card){

      let button = card.querySelector('[product-id]');
      if (!button) return;

      let productId = button.getAttribute("product-id");

      if (!bestSellingProducts.includes(productId)) return;

      if (card.querySelector(".best-selling-badge")) return;

      let footer = card.querySelector(".s-product-card-content-footer");
      if (!footer) return;

      let badge = document.createElement("div");
      badge.className = "best-selling-badge";
      badge.innerHTML = "⚡ يباع بسرعة – تبقى القليل";

      footer.appendChild(badge);

    });

  }

  addBadgeToProducts();

  const observer = new MutationObserver(function () {
    addBadgeToProducts();
  });

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

})();