/* Add custom Js code below */ 

/* أيقونة الأمنيات */
document.addEventListener('DOMContentLoaded', function() {
    // إنشاء عنصر جديد للاختصار
    var wishlistIconContainer = document.createElement('div');
    wishlistIconContainer.className = 'wishlist-icon';

    // إنشاء رابط للأيقونة
    var wishlistIconLink = document.createElement('a');
    wishlistIconLink.href = 'https://es-record.com/wishlist'; // رابط صفحة الأمنيات

    // إضافة أيقونة القلب باستخدام الكلاس sicon-heart
    wishlistIconLink.innerHTML = `
        <i class="sicon-heart"></i>
    `;

    // إضافة الرابط إلى الحاوية
    wishlistIconContainer.appendChild(wishlistIconLink);

    // إضافة الحاوية إلى عنصر القائمة العلوية (بجانب حقيبة الشراء)
    var navBar = document.querySelector('.flex.items-center.justify-end'); // الكلاس الذي يحتوي على أيقونة السلة والحساب الشخصي
    navBar.insertBefore(wishlistIconContainer, navBar.children[navBar.children.length - 1]); // إضافة الأيقونة قبل الترحيب بالمستخدم
});

/* انتهاء كود الأمنيات */



/* كود واتساب */


// إنشاء أيقونة الواتساب وإضافتها إلى الصفحة
const whatsappIcon = document.createElement('div');
whatsappIcon.classList.add('whatsapp-icon');
whatsappIcon.innerHTML = `
    <img src="https://upload.wikimedia.org/wikipedia/commons/6/6b/WhatsApp.svg" alt="WhatsApp">
`;
document.body.appendChild(whatsappIcon);

// إنشاء النافذة المنبثقة
const whatsappPopup = document.createElement('div');
whatsappPopup.classList.add('whatsapp-popup');
whatsappPopup.innerHTML = `
    <div class="whatsapp-header">
        <span>تواصل معنا عبر واتساب</span>
        <span class="close-btn">&times;</span>
    </div>
    <div class="whatsapp-body">
        أهلاً بك! كيف يمكننا مساعدتك؟
    </div>
    <div class="whatsapp-footer">
        <a href="#" class="whatsapp-link">
            تحدث معنا الآن
            <img src="https://upload.wikimedia.org/wikipedia/commons/6/6b/WhatsApp.svg" alt="WhatsApp">
        </a>
    </div>
`;
document.body.appendChild(whatsappPopup);

// نسخ رابط الصفحة الحالية إلى الحافظة
function copyCurrentPageLink() {
    const currentPageLink = window.location.href;
    const tempInput = document.createElement('input');
    document.body.appendChild(tempInput);
    tempInput.value = currentPageLink;
    tempInput.select();
    document.execCommand('copy');
    document.body.removeChild(tempInput);
}

// عند النقر على أيقونة الواتساب، إظهار أو إخفاء النافذة المنبثقة ونسخ الرابط
document.querySelector('.whatsapp-icon').addEventListener('click', function(event) {
    event.preventDefault(); // منع الانتقال إلى الرابط
    copyCurrentPageLink(); // نسخ رابط الصفحة الحالية
    const popup = document.querySelector('.whatsapp-popup');
    popup.style.display = popup.style.display === 'none' || popup.style.display === '' ? 'block' : 'none';
});

// لإغلاق النافذة المنبثقة عند النقر على زر الإغلاق
document.querySelector('.close-btn').addEventListener('click', function() {
    document.querySelector('.whatsapp-popup').style.display = 'none';
});

// عند النقر على "تحدث معنا الآن"
document.querySelector('.whatsapp-link').addEventListener('click', function(event) {
    event.preventDefault(); // منع الانتقال الفوري
    copyCurrentPageLink(); // نسخ رابط الصفحة الحالية
    const phoneNumber = "966544110811"; // استبدل هذا الرقم برقمك
    const currentPageLink = window.location.href;
    const message = "أود الاستفسار عن: "; // العبارة المخصصة قبل الرابط
    const whatsappUrl = `https://wa.me/${phoneNumber}?text=${encodeURIComponent(message + currentPageLink)}`;
    window.open(whatsappUrl, '_blank');
});
/* انتهاء كود واتساب */