/* Add custom Js styles below */ 

//------------شغال----------صفقة اليوم------------------
/*

document.addEventListener("DOMContentLoaded", function() {
  // Get the current time
  var currentTime = new Date().getTime();

  // Get the last time the popup was shown from localStorage
  var lastPopupTime = localStorage.getItem("lastPopupTime");

  // Calculate the time difference in minutes
  var timeDiff = (currentTime - lastPopupTime) / (1000 * 60);

  // Check if the popup has been closed before and if 3 minutes have passed since the last time
  if (!lastPopupTime || timeDiff > 7) {
    // Create the popup element
    var popup = document.createElement("div");
    popup.classList.add("popup-container");
    popup.innerHTML = `
      <div class="popup-content">
        <button class="close-btn">&times;</button>
        <img src="https://cdn.salla.sa/VqVbzE/ba637a47-93b7-46e1-8508-ee2598a7ce98-500x500-otHMNJWkKCIy2HFLhZLjIcFHZNu9NyE4kNG7IGiN.jpg" alt="سبحة بكلايت اسمنتي">
        <h2>✨ عرض خاص ✨</h2>
        <p>سبحة كاش والثانية ببلاش 😍😍</p>
        <a href="https://diwansa.com/%D8%B3%D8%A8%D8%AD%D8%A9-%D8%A8%D9%83%D9%84%D8%A7%D9%8A%D8%AA-%D8%A7%D8%B2%D8%B1%D9%82-%D9%85%D8%AE%D9%84%D9%88%D8%B7/p977335568" class="offer-btn">انتقل للعرض</a>
      </div>
    `;

    // Append the popup to the body
    document.body.appendChild(popup);

    // Function to close the popup and set the flag in localStorage
    function closePopup() {
      popup.style.display = "none";
      localStorage.setItem("popupClosed", "true");
      // Store the current time as the last popup time
      localStorage.setItem("lastPopupTime", currentTime);
    }

    // Automatically close the popup after 5 seconds
    setTimeout(closePopup, 6000);

    // Close the popup when the close button is clicked
    popup.querySelector(".close-btn").addEventListener("click", closePopup);

    // Close the popup and redirect when the offer button is clicked
    popup.querySelector(".offer-btn").addEventListener("click", function(e) {
      closePopup();
      window.location.href = this.href;
      e.preventDefault(); // Prevent the default link action to avoid reopening the popup
    });
  }
});

*/
//---------------------للنجوم-------------------
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);
  });
  
  

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

    // إنشاء الزر الثابت
    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://cdn.salla.sa/VqVbzE/dc9cad82-533f-40e0-9dc5-6a38b2bce992-1000x526.71755725191-ft0lxMPMaMM88H5l8AlB4ZUnT4g1AUYQgJTjNe1y.jpg" alt="Offer Image" />
            
            <a href="https://diwansa.com/%D9%83%D8%B1%D8%AA-%D8%A7%D9%87%D8%AF%D8%A7%D8%A1/p1413731530" target="_blank" class="whatsapp-link">اطلب الان</a>
            
        </div>
    `;

    document.body.appendChild(popupOverlay);
    
    
    
     // توضيح النص للملاحظات
    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>';
        }
    });
});