let whatsappIcon = document.createElement("div");

whatsappIcon.classList.add("whatsapp-button");

whatsappIcon.innerHTML = `
    <a href="https://wa.link/jyy78y" target="_blank">
        <img src="https://upload.wikimedia.org/wikipedia/commons/6/6b/WhatsApp.svg" alt="واتساب">
    </a>
`;

document.body.appendChild(whatsappIcon);

let style = document.createElement("style");
style.innerHTML = `
    .whatsapp-button {
        position: fixed;
        bottom: 40px;
        right: 20px;
        width: 60px;
        height: 60px;
        z-index: 9999;
        cursor: pointer;
        animation: pulse 1.5s infinite;
    }

    .whatsapp-button img {
        width: 100%;
        height: 100%;
        border-radius: 50%;
     
        transition: transform 0.3s ease-in-out;
    }

    .whatsapp-button img:hover {
        transform: scale(1.1);
    }

    @keyframes pulse {
        0% { transform: scale(1); }
        50% { transform: scale(1.15); }
        100% { transform: scale(1); }
    }
`;
document.head.appendChild(style);

/*****************************************/
document.addEventListener("DOMContentLoaded", function () {
    if (window.location.href === 'https://i-designstore.com/offers') {
        console.log("الصفحة الصحيحة تم تحميلها.");

        // تعديل الـ selector ليتعرف على العنصر بشكل صحيح
        var contentEntryDiv = document.querySelector('body.product-index-offers .main-content.flex-1.w-full h1');

        if (contentEntryDiv) {
            console.log("تم العثور على عنصر المنتجات.");

            // إنشاء عنصر div جديد لإضافة البنر
            var bannerDiv = document.createElement('div');
            bannerDiv.style.textAlign = 'center'; // تنسيق البنر في المنتصف
            bannerDiv.style.marginBottom = '20px'; // إضافة مسافة أسفل البنر

            // إضافة صورة البنر
            var bannerImg = document.createElement('img');
            bannerImg.src = 'https://i.ibb.co/TB8GsSDG/i-design.png';

            // إضافة الصورة إلى div البنر
            bannerDiv.appendChild(bannerImg);

            // إدراج البنر بعد المنتجات
            contentEntryDiv.insertAdjacentElement('afterend', bannerDiv);
            console.log("تم إدراج البنر بنجاح.");
        } else {
            console.log("❌ لم يتم العثور على عنصر المنتجات.");
        }
    } else {
        console.log("❌ العنوان الحالي لا يطابق العنوان المطلوب.");
    }
});


/***********************/
/* Add custom Js code below */ 

document.addEventListener("DOMContentLoaded", function() {
  // استهداف العنصر المطلوب
  const targetElement = document.querySelector(".store-footer ul.flex.justify-center.lg\\:justify-end.flex-wrap.items-stretch.gap-2.lg\\:min-w-\\[293px\\]");

  if (targetElement) {
    // إخفاء جميع العناصر الموجودة داخله
    targetElement.innerHTML = "";

    // إنشاء عنصر الصورة
    const img = document.createElement("img");
    img.src = "https://i.ibb.co/fzjLJCLt/Frame-1820548383-7.png"; // حط هنا رابط الصورة اللي تحبها
    img.alt = "صورة في الفوتر";
    img.style.width = "100%";
    img.style.maxWidth = "100%";
    img.style.height = "auto";
    img.style.display = "block";

    // إضافتها إلى العنصر
    targetElement.appendChild(img);
  }
});