/* Add custom JS code below */ 
// first Banner 
document.addEventListener('DOMContentLoaded', function () {
    var section = document.querySelector('section[component-id="366741352"]');

    if (!section) return;

    var banner = section.querySelector('.banner--fixed');

    if (!banner) return;

    var isEnglish = document.documentElement.lang === 'en';

    var titleFirst = isEnglish ? 'From the Heart of the Palms… ' : 'من قلب النخيل..';
    var titleSecond = isEnglish ? 'Hospitality Made for You' : 'حفـــاوة تليـق بـك';
    var buttonText = isEnglish ? 'Shop Our Products' : 'تسوّق منتجاتنا';

    banner.insertAdjacentHTML('beforeend', `
        <div class="custom-banner-content">
            <div class="custom-banner-title">
                ${titleFirst}
                <br>
                <span>${titleSecond}</span>
            </div>

            <a href="https://hafawatalnakheel.com/latest-products" class="custom-banner-button">
                ${buttonText}
            </a>
        </div>
    `);
});


// btn عرض كل نقله

(function () {
    function moveDisplayAll() {
        var section = document.querySelector('section[component-id="1415460963"]');

        if (!section) return;

        var link = section.querySelector('.s-block__display-all');
        var productsList = section.querySelector('salla-products-list');

        if (!link || !productsList) return;

        if (productsList.nextElementSibling !== link) {
            productsList.insertAdjacentElement('afterend', link);
        }
    }

    moveDisplayAll();

    var observer = new MutationObserver(function () {
        moveDisplayAll();
    });

    observer.observe(document.body, {
        childList: true,
        subtree: true
    });
})();



// replace icon in featured icons
document.addEventListener('DOMContentLoaded', function () {
    var icons = document.querySelectorAll('.s-block--features__item .feature-icon i.sicon-shipping-fast');

    for (var i = 0; i < icons.length; i++) {
        var img = document.createElement('img');

        img.src = 'https://cdn.files.salla.network/other/1800285613/e788b2bb-4698-4870-9960-f8ace4c5e921-original.webp';
        img.alt = '';

        icons[i].parentNode.replaceChild(img, icons[i]);
    }
});


//repalce the name by logo in footer

document.addEventListener('DOMContentLoaded', function () {
    var footer = document.querySelector('footer.store-footer');

    if (!footer) return;

    var logoTitle = footer.querySelector('h3');

    if (!logoTitle) return;

    var img = document.createElement('img');

    img.src = 'https://cdn.files.salla.network/other/1800285613/1d9e1e29-9ca1-4e61-bf19-3f6313d31d91-original.webp';
    img.alt = 'حفاوة النخيل';
img.classList.add('logoFooterSal');
    logoTitle.parentNode.replaceChild(img, logoTitle);
});


//add class to 2nd div in footer
document.addEventListener('DOMContentLoaded', function () {
    var container = document.querySelector('footer.store-footer .container.grid');

    if (!container) return;

    var secondDiv = container.querySelectorAll(':scope > div')[1];

    if (!secondDiv) return;

    secondDiv.classList.add('importLinks');
});