/* Add custom Js styles below */ 

//---------------------للنجوم-------------------
document.addEventListener('DOMContentLoaded', function() {

      var containers = document.getElementsByClassName('flex items-center justify-between mb-5');
    var container = containers[0];

  
   
    var productRating = document.createElement('div');
    productRating.classList.add('product-rating');
  
   
    var stars = document.createElement('div');
    stars.classList.add('stars');
  
   
    var rating = 5; // تقييم المنتج من 5
    for (var i = 1; i <= 5; i++) {
      var star = document.createElement('span');
      star.classList.add('star');
      star.innerHTML = (i <= rating) ? '&#9733;' : '&#9734;';
      if (i > rating) {
        star.classList.add('empty');
      }
      stars.appendChild(star);
    }
  

    productRating.appendChild(stars);
  
   
    var ratingCount = document.createElement('div');
    ratingCount.classList.add('rating-count');
    ratingCount.innerHTML = '(6932 تقييمات)'; // عدد المقييمين
  
   
    productRating.appendChild(ratingCount);
  
    
    container.insertBefore(productRating, container.firstChild);
  });
  
//----------- توضيح النص للملاحظات
    function waitForElement(selector, callback) {
    let element = document.querySelector(selector);
    if (element) {
        callback(element);
    } else {
        let observer = new MutationObserver(function(mutations, observer) {
            let element = document.querySelector(selector);
            if (element) {
                observer.disconnect();
                callback(element);
            }
        });
        observer.observe(document.body, { childList: true, subtree: true });
    }
}

document.addEventListener("DOMContentLoaded", function() {
    waitForElement("b.block", function(label) {
        if (label.textContent.includes("المرفقات")) {
            label.innerHTML += ' <span style="margin-right: 8px;font-size: 14px; color: #ff0000 !important;">( اكتب نص الإهداء هنا )</span>';
        }
    });
});


//-- الزر الثابت والنافذة المنبثقة ----------

    // إنشاء الزر الثابت
let fixedButton = document.createElement("div");
fixedButton.className = "fixed-button";
fixedButton.innerText = "تبي بطاقة اهداء؟";
fixedButton.onclick = function () {
    document.querySelector(".popup-overlay").style.display = "block";
};
document.body.appendChild(fixedButton);

// إنشاء النافذة المنبثقة
let popupOverlay = document.createElement("div");
popupOverlay.className = "popup-overlay";
popupOverlay.onclick = function (event) {
    if (event.target === popupOverlay) {
        popupOverlay.style.display = "none";
    }
};

popupOverlay.innerHTML = `
    <div class="popup-content">
        <span class="close-btn" onclick="document.querySelector('.popup-overlay').style.display='none'">×</span>
        <img src="https://i.postimg.cc/zv74tPy1/cxzy-FMTh7di-TZukx-SY4-IYh-NG0m-M5io-CHArj-DFEy-H.png" alt="Offer Image" />
        <a href="https://jazl-g.com/%D9%83%D8%B1%D8%AA-%D8%A7%D9%87%D8%AF%D8%A7%D8%A1/p978585205"  class="whatsapp-link">اطلب الان</a>
    </div>
`;

document.body.appendChild(popupOverlay);