/* Add custom Js styles below */ 
document.addEventListener("DOMContentLoaded", function() {
    // تحديد حاوية الروابط القديمة
    const oldContainer = document.querySelector('.footer-list.footer-menu-list');
    
    // التأكد من وجود الحاوية حتى لا يحدث خطأ
    if(!oldContainer) return;

    // جلب جميع الروابط الحالية الموجودة في الفوتر القديم
    const links = Array.from(oldContainer.querySelectorAll('a'));

    // تصنيف الروابط (يجب أن تكون النصوص مطابقة لما هو موجود في الموقع)
    const categories = {
        "عن الشركة": [
            "عن سبائك", 
            "الملف التعريفي لسبائك ومسكوكات ذهبية", 
            "صور معرض سبائك ومسكوكات ذهبية"
        ],
        "الأسعار والخدمات": [
            "أسعار الذهب", 
            "أسعار سبائك الذهب", 
            "أسعار الفضة", 
            "أسعار سبائك الفضة", 
            "خدمة بيع الذهب في السعودية", 
            "حاسبة أسعار الذهب", 
            "حاسبة زكاة الذهب"
        ],
        "السياسات والأحكام": [
            "الشروط والأحكام العامة", 
            "سياسة الشحن والتوصيل", 
            "سياسة الخصوصية و حماية المستهلك", 
            "سياسة الاستبدال و الاسترجاع و استرداد الأموال", 
            "حكم شراء الذهب من متجر إلكتروني"
        ],
        "الدعم والتواصل": [
            "الأسئلة الأكثر شيوعاً", 
            "الاقتراحات والشكاوى", 
            "اتصل بنا", 
            "طرق الدفع"
        ]
    };

    // بناء الهيكل الجديد
    let newHtml = '<div class="custom-footer-grid">';

    for (const [catName, linkTexts] of Object.entries(categories)) {
        newHtml += `<div class="custom-footer-col">
                        <h3>${catName}</h3>
                        <ul style="list-style: none; padding: 0; margin: 0;">`;

        linkTexts.forEach(text => {
            // البحث عن الرابط الذي يطابق النص لتأخذ الـ href الخاص به ديناميكياً
            const linkObj = links.find(l => l.innerText.trim() === text);
            if(linkObj) {
                newHtml += `<li>
                                <a href="${linkObj.href}">${text}</a>
                            </li>`;
            }
        });

        newHtml += `</ul></div>`;
    }
    
    newHtml += '</div>';

    // مسح الكلاسات القديمة التي تسبب تداخل (Wall of text)
    oldContainer.className = 'custom-footer-wrapper px-4 lg:px-6'; 
    
    // استبدال المحتوى القديم بالتصميم الجديد المبوب
    oldContainer.innerHTML = newHtml;
});