window.onload = function () {
    const product = document.getElementById('product-1584287478');
    if (product) {
        // إنشاء عنصر <style> لإضافة قاعدة CSS مخصصة
        const style = document.createElement('style');
        style.innerHTML = `
            #product-1584287478 {
                display: none !important;
            }
        `;
        document.head.appendChild(style); // إضافة عنصر <style> إلى رأس المستند
    }
};
window.onload = function() {

    // Selecting main titles
    const mainTitle2 = document.querySelector('#best-offers-3-slider h2');
    const mainTitle3 = document.querySelector('#best-offers-6-slider h2');
    
      const mainTitle4 = document.querySelector('#best-offers-4-slider h2');
    
    // Creating subtitles
    const subtitle2 = document.createElement('h3');
    const subtitle3 = document.createElement('h3');
     const subtitle4 = document.createElement('h3');
    
    // Adding text content to subtitles
    subtitle2.textContent = 'جودة ولذة.. وحسن اختيار';
    subtitle3.textContent = 'بنكهات متنوعة تحبها.. تحلي جلستك';
     subtitle4.textContent = 'غنية بالبركة.. تحميك وتغذيك';
    // Styling subtitles
    subtitle2.style.fontSize = '1rem'; 
    subtitle2.style.fontWeight = '400';    
    subtitle2.style.color = '#0a2938';
    
    subtitle3.style.fontSize = '1rem'; 
    subtitle3.style.fontWeight = '400';    
    subtitle3.style.color = '#0a2938';
     subtitle4.style.fontSize = '1rem'; 
    subtitle4.style.fontWeight = '400';    
    subtitle4.style.color = '#0a2938';
    
    // Inserting subtitles after main titles
    if (mainTitle2) {
        mainTitle2.parentNode.insertBefore(subtitle2, mainTitle2.nextSibling);
    }
    if (mainTitle3) {
        mainTitle3.parentNode.insertBefore(subtitle3, mainTitle3.nextSibling);
    }
     if (mainTitle4) {
        mainTitle4.parentNode.insertBefore(subtitle4, mainTitle4.nextSibling);
    }
    
    
    
    
    
      // Select the target section
    const targetSection = document.querySelector('.double-banner--7');

    // Create the container div for the heading and subheading
    const headingContainer = document.createElement('div');
    headingContainer.className = 'lg:mx-0 text-center mb-8';

    // Create the main heading (h2)
    const mainHeading = document.createElement('h2');
    mainHeading.className = 'text-3xl font-bold tracking-tight text-store-text-primary sm:text-4xl';
    mainHeading.textContent = 'منتجات الشتاء';

    // Create the subheading (h3)
    const subHeading = document.createElement('h3');
    subHeading.style.fontSize = '1rem';
    subHeading.style.fontWeight = '400';
    subHeading.style.color = '#0a2938';
    subHeading.textContent = 'لمسات لذيذة لأطباقك الشتوية';

    // Create an optional paragraph for additional text (empty for now)
    const paragraph = document.createElement('p');
    paragraph.className = 'mt-2 text-lg leading-8 text-store-text-secondary';

    // Create the border span element
    const borderSpan = document.createElement('span');
    borderSpan.className = 'enhanced-title-border';

    // Append elements to the heading container
    headingContainer.appendChild(mainHeading);
    headingContainer.appendChild(subHeading);
    headingContainer.appendChild(paragraph);
    headingContainer.appendChild(borderSpan);

    // Insert the heading container into the target section
    if (targetSection) {
        targetSection.insertBefore(headingContainer, targetSection.firstChild);
    }
    
    
    
    
     const reviews = document.querySelectorAll('.review');

  reviews.forEach((review) => {
    const commentText = review.querySelector('#item-text p');

    // التحقق إذا كان التعليق فارغًا
    if (commentText && commentText.textContent.trim() === '') {
      review.remove(); // حذف التقييم إذا كان التعليق فارغًا
    }
  });
    
    
};


function animateCount(element, target, duration) {
    let start = 0;
    let increment = target / (duration / 10); // Calculate increment per 10ms

    let counter = setInterval(function () {
        start += increment;
        if (start >= target) {
            clearInterval(counter);
            element.textContent = `${target.toLocaleString()} +`; // Format the number with commas
        } else {
            element.textContent = `${Math.floor(start).toLocaleString()} +`;
        }
    }, 10);
}

document.addEventListener('DOMContentLoaded', function () {
    const counters = document.querySelectorAll('.text-center h6'); // Target h6 elements inside .text-center
    
    // Animate counters
    if (counters[0]) animateCount(counters[0], 700000, 2000); // Count up to 700,000 in 2 seconds
    if (counters[1]) animateCount(counters[1], 5000000, 3000); // Count up to 5,000,000 in 3 seconds
});








document.addEventListener("DOMContentLoaded", function () {
 if (!window.location.href.includes("KBmwy")) return;

    const script = document.createElement("script");
    script.src = "https://cdn.jsdelivr.net/npm/emailjs-com@2.6.4/dist/email.min.js";
    script.onload = function () {
        emailjs.init("MOYQsm-QdwRRWM7kR");
    };
    document.head.appendChild(script);

  const style = document.createElement("style");
  style.innerHTML = `
  .salla-632105401 #contactForm {
      max-width: 500px;
      margin: 0 auto;
      padding: 20px;
      border: 1px solid #ddd;
      border-radius: 10px;
      background-color: #f9f9f9;
    }
   .salla-632105401 .form-group {
      margin-bottom: 15px;
    }
  .salla-632105401  label {
      display: block;
      margin-bottom: 5px;
      font-weight: bold;
      color: #333;
    }
   .salla-632105401 label .required {
      color: red;
    }
  .salla-632105401 input,.salla-632105401 textarea, .salla-632105401 select {
      width: 100%;
      padding: 10px;
      border: 1px solid #ccc;
      border-radius: 5px;
      font-size: 14px;
      background-color: #fff;
    }
   .salla-632105401 .error-message {
      color: red;
      display: none;
      font-size: 12px;
      margin-top: 5px;
    }
   .salla-632105401 .btntasd {
      width: 100%;
      padding: 10px;
      border: none;
      border-radius: 5px;
      background-color: #4CAF50;
      color: #fff;
      font-size: 16px;
      cursor: pointer;
      transition: background-color 0.3s;
    }
    .salla-632105401 .btntasd:hover {
      background-color: #45a049;
    }
  `;
  document.head.appendChild(style);

  // استهداف العنصر الرئيسي الذي سيتم إدخال النموذج فيه
  const contentEntry = document.querySelector(".salla-632105401 .content-entry");

  // إنشاء النموذج
  const form = document.createElement("form");
  form.setAttribute("id", "contactForm");

  // قائمة الحقول المطلوبة
  const fields = [
    { label: "الاسم", type: "text", name: "name", required: true },
    { label: "اسم الشركة", type: "text", name: "company", required: true },
    { label: "رقم الجوال", type: "tel", name: "phone", required: true },
    { label: "الإيميل", type: "email", name: "email", required: true },
    { label: "الكمية", type: "number", name: "quantity", required: true },
    { label: "ملاحظات", type: "textarea", name: "notes", required: false },
  ];

  // إضافة الحقول إلى النموذج
  fields.forEach((field) => {
    const fieldWrapper = document.createElement("div");
    fieldWrapper.classList.add("form-group");

    const label = document.createElement("label");
    label.textContent = field.label;

    // إضافة علامة * للحقل الإلزامي
    if (field.required) {
      const requiredMark = document.createElement("span");
      requiredMark.textContent = " *";
      requiredMark.classList.add("required");
      label.appendChild(requiredMark);
    }

    let input;
    if (field.type === "textarea") {
      input = document.createElement("textarea");
    } else {
      input = document.createElement("input");
      input.setAttribute("type", field.type);
    }
    input.setAttribute("name", field.name);
    input.required = field.required;

    fieldWrapper.appendChild(label);
    fieldWrapper.appendChild(input);

    // إضافة عنصر رسالة الخطأ
    const errorMessage = document.createElement("span");
    errorMessage.classList.add("error-message");
    errorMessage.textContent = "هذا الحقل مطلوب";
    fieldWrapper.appendChild(errorMessage);

    form.appendChild(fieldWrapper);
  });

  // إضافة قائمة منسدلة للمنتجات
  const productWrapper = document.createElement("div");
  productWrapper.classList.add("form-group");

  const productLabel = document.createElement("label");
  productLabel.textContent = "المنتجات";

  const productSelect = document.createElement("select");
  productSelect.setAttribute("name", "products");
  productSelect.setAttribute("required", "true");

  const products = ["منتج 1", "منتج 2", "منتج 3"];
  products.forEach((product) => {
    const option = document.createElement("option");
    option.value = product;
    option.textContent = product;
    productSelect.appendChild(option);
  });

  productWrapper.appendChild(productLabel);
  productWrapper.appendChild(productSelect);
  form.appendChild(productWrapper);

  // زر الإرسال
  const submitButton = document.createElement("button");
    submitButton .classList.add("btntasd");

  submitButton.textContent = "إرسال";
  form.appendChild(submitButton);

  // إضافة النموذج إلى العنصر المستهدف
  contentEntry.appendChild(form);

  // التعامل مع إرسال النموذج
  form.addEventListener("submit", function (event) {
    event.preventDefault(); // منع الإرسال الافتراضي
    let formValid = true;

    // التحقق من الحقول المطلوبة
    document.querySelectorAll("input[required], textarea[required], select[required]").forEach((input) => {
      const errorMessage = input.parentElement.querySelector(".error-message");
      if (!input.value.trim()) {
        if (errorMessage) {
          errorMessage.style.display = "inline";
        }
        formValid = false;
      } else {
        if (errorMessage) {
          errorMessage.style.display = "none";
        }
      }
    });

    if (formValid) {
      const serviceID = "service_lvarpet";
      const templateID = "template_8rhq44b";

      emailjs.sendForm(serviceID, templateID, form).then(
        function () {
          alert("تم إرسال البيانات بنجاح!");
        },
        function (error) {
          alert("حدث خطأ أثناء الإرسال: " + JSON.stringify(error));
         }
            );
        }
    });
});



 
 
 document.addEventListener("DOMContentLoaded", function() {
 
 
 
 
 
 
 
    // التحقق من الرابط الحالي
    if (window.location.href !== "https://karamalnakhil.com/onWيسيسيسybNQ") {
        const adElement = document.querySelector(".salla-advertisement");
        if (adElement) {
            adElement.style.display = "none";  // إخفاء الإعلان
        }
    }
    
    
    
    
    
    
    
     // التحقق من رابط الصفحة
  if (window.location.href === "https://karamalnakhil.com/onWybNQ") {
    // إنشاء البوب أب
    const popup = document.createElement("div");
    popup.style.position = "fixed";
    popup.style.top = "50%";
    popup.style.left = "50%";
    popup.style.transform = "translate(-50%, -50%)";
    popup.style.backgroundImage = "url('https://cdn.salla.sa/cdn-cgi/image/fit=scale-down,width=200,height=200,onerror=redirect,format=auto/bwlle/S9keh0ESKLLbdGGPuKW93qgDbAPCTU5WHg8qfe9W.png')"; // جعل الصورة صغيرة
    popup.style.backgroundSize = "40%";  // لتناسب الصورة مع البوب أب
    popup.style.backgroundPosition = "top";  // محاذاة الصورة في المنتصف
    popup.style.backgroundRepeat = "no-repeat";  // عدم تكرار الصورة
    popup.style.backgroundColor = "rgba(255, 255, 255, 0.9)";  // إضافة خلفية بيضاء شبه شفافة
    popup.style.boxShadow = "0 10px 30px rgba(0, 0, 0, 0.3)";
    popup.style.borderRadius = "8px";
    popup.style.textAlign = "center";
    popup.style.padding = "20px";
    popup.style.zIndex = "9999";
    popup.style.display = "none"; // مخفي في البداية
    popup.style.animation = "fadeIn 0.5s ease-out"; // تأثير الظهور

    // محتوى البوب أب مع صورة الاحتفال
    popup.innerHTML = `
      <img src="https://video-public.canva.com/VADhwbZLUG4/v/bf49853cc6.gif" 
           alt="Celebration" 
           style="max-width: 100px; margin-bottom: 10px; animation: rotateAndFadeOut 5s ease-out;" />
            
      <h3 style="color: #f8a338; margin: 10px 0;">ألف مبروك استخدم الكود  ( AK ) </h3>
      <p style="color: #888;">ولفترة محدودة</p>
      <button style="background-color: #333; color: #fff; padding: 10px 20px; border: none; border-radius: 5px; cursor: pointer;">
        انسخ كود الخصم
      </button>
    `;

    // إضافة البوب أب إلى الصفحة
    document.body.appendChild(popup);

    // إظهار البوب أب بعد ثانيتين
    setTimeout(() => {
      popup.style.display = "block";
    }, 2000);

    setTimeout(() => {
      popup.style.display = "none";
    }, 7000);

    popup.querySelector("button").addEventListener("click", () => {
      navigator.clipboard.writeText("AK").then(() => {
        alert("تم نسخ كود الخصم!");
      });
    });

    // تأثير CSS عبر JavaScript
    const style = document.createElement("style");
    style.textContent = `
      @keyframes fadeIn {
        from {
          opacity: 0;
          transform: translate(-50%, -55%);
        }
        to {
          opacity: 1;
          transform: translate(-50%, -50%);
        }
      }
      @keyframes rotateAndFadeOut {
        0% {
          opacity: 1;
          transform: rotate(0deg);
        }
        100% {
          opacity: 0;
          transform: rotate(90deg);
        }
      }
      div[style*="animation: fadeIn"] {
        animation: fadeIn 0.5s ease-out;
      }
    `;
    document.head.appendChild(style);
  }
  

  
  
  
  
});







/*

document.addEventListener("DOMContentLoaded", function () {
    async function getPrayerTimes(latitude, longitude) {
        let url = `https://api.aladhan.com/v1/timings?latitude=${latitude}&longitude=${longitude}&method=2`;

        try {
            let response = await fetch(url);
            let data = await response.json();

            if (!data || !data.data || !data.data.timings) {
                console.error("⚠ خطأ: لم يتم استرجاع بيانات الصلاة بشكل صحيح.");
                return;
            }

            let timings = data.data.timings;
            console.log("📌 مواقيت الصلاة المسترجعة:", timings);
            displayPrayerTimes(timings);
            startCountdown(timings.Maghrib);
        } catch (error) {
            console.error("❌ خطأ في جلب بيانات الصلاة:", error);
        }
    }

    function displayPrayerTimes(timings) {
        let targetElement = document.querySelector(".s-block--double-banner");
        if (!targetElement) {
            console.error("⚠ لم يتم العثور على العنصر المستهدف");
            return;
        }

        let prayerSection = document.createElement("div");
        prayerSection.className = "prayer-timings";
        prayerSection.style.cssText = `
            padding: 20px;
            margin-top: 20px;
            background: transparent;
            border-radius: 10px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
            text-align: center;
            direction: rtl;
        `;

        let title = document.createElement("h2");
        title.innerText = "🕌 مواقيت الصلاة اليوم";
        title.style.marginBottom = "10px";

        let countdownText = document.createElement("p");
        countdownText.id = "maghrib-timer";
        countdownText.style.cssText = `
            font-size: 18px;
            font-weight: bold;
            color: #0a2938;
        `;

        let prayerList = document.createElement("ul");
        prayerList.style.cssText = `
            list-style: none;
            padding: 0;
            font-size: 16px;
            text-align: right;
            display: flex;
            justify-content: space-around;
        `;

        let prayerNames = {
            Fajr: "الفجر",
            Sunrise: "الشروق",
            Dhuhr: "الظهر",
            Asr: "العصر",
            Maghrib: "المغرب",
            Isha: "العشاء"
        };

        for (let key in prayerNames) {
            let listItem = document.createElement("li");
            listItem.innerHTML = `<strong>${prayerNames[key]}</strong>: ${timings[key]}`;
            listItem.style.marginBottom = "5px";
            prayerList.appendChild(listItem);
        }

        prayerSection.appendChild(title);
        prayerSection.appendChild(countdownText);
        prayerSection.appendChild(prayerList);
        targetElement.insertAdjacentElement("afterend", prayerSection);
    }

    function startCountdown(maghribTime) {
        function updateCountdown() {
            let countdownElement = document.getElementById("maghrib-timer");
            if (!countdownElement) {
                console.error("⚠ لم يتم العثور على عنصر العد التنازلي.");
                return;
            }

            let now = new Date();
            let [hours, minutes] = maghribTime.split(":").map(Number);
            let targetTime = new Date();
            targetTime.setHours(hours, minutes, 0, 0);

            if (targetTime < now) {
                targetTime.setDate(targetTime.getDate() + 1);
            }

            let diff = targetTime - now;
            let h = Math.floor(diff / (1000 * 60 * 60));
            let m = Math.floor((diff % (1000 * 60 * 60)) / (1000 * 60));
            let s = Math.floor((diff % (1000 * 60)) / 1000);

            countdownElement.innerText = `⏳ الوقت المتبقي لصلاة المغرب: ${h} ساعة ${m} دقيقة ${s} ثانية`;

            setTimeout(updateCountdown, 1000);
        }

        updateCountdown();
    }

    navigator.geolocation.getCurrentPosition(
        (position) => {
            let lat = position.coords.latitude;
            let lon = position.coords.longitude;
            console.log(`📍 تم تحديد الموقع: ${lat}, ${lon}`);
            getPrayerTimes(lat, lon);
        },
        (error) => {
            console.error("❌ لم يتم السماح بالوصول إلى الموقع:", error);
        }
    );
});
*/