/* Add custom Js styles below */ 

// ==================  كود الاقسام ================== 
document.addEventListener("DOMContentLoaded", function () {

    const Cats_Products = document.querySelector('#IRT__cutome-structure-1');

    if (Cats_Products && !document.querySelector('#Cats_Section')) {

        const div = document.createElement('div');

        div.innerHTML = `
        <div class="Cats_Section" id="Cats_Section">
            <div class="Cats-title">
                <h3>الأقسام الرئيسية</h3>
                <p>بداية جديدة لعالم من التكنولوجيا بين يديك الان.</p>
            </div>

            <div class="Cats-Btn">
                <a href="https://alnaharelectronics-sa.com/offers" target="_blank">
                    <button>
                        <i class="sicon-shopping-bag" style="color:white;"></i>
                        تسوق الآن 
                    </button>
                </a>
            </div>
        </div>
        `;

        Cats_Products.prepend(div);
    }

});

// ==================  كود تابي وتمارا ================== 


document.addEventListener("DOMContentLoaded", function () {

    function handleProducts() {

        const products = document.querySelectorAll('.s-product-card-content');

        if (products.length === 0) {
            setTimeout(handleProducts, 500);
            return;
        }

        products.forEach(product => {

            if (product.querySelector('.installment-section')) return;

            const div = document.createElement('div');

            div.innerHTML = `
            <div class="installment-section">
                <div class="installment-images">
                    <img 
                        src="https://cdn.salla.network/cdn-cgi/image/fit=scale-down,format=auto/images/payment/tabby_installment_mini.png"
                        alt="تابي للتقسيط">
                        <img src="https://i.postimg.cc/NFxkB9DR/SODDiykqz3BLoq-Rac-Mcyyo-Ixfk7u-Krb-Kqv-NCq-RKs.png  " alt="تمارا للتقسيط">
                </div>
            </div>
            `;

            product.prepend(div);

        });
    }

    handleProducts();

    const observer = new MutationObserver(() => {
        handleProducts();
    });

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

});

// ==================  كود مميزات المتجر ================== 
document.addEventListener("DOMContentLoaded", function () {

    const Featured_Products = document.querySelector('#featured-products-style2-8');

    if (Featured_Products && !document.querySelector('#Feature_Section')) {

        const div = document.createElement('div');

        div.innerHTML = `
        <div class="Feature_Section" id="Feature_Section">
            <div class="feature-title">
                <h3>ماذا يميزنا</h3>
                <p>جودة موثوقة وتجربة تسوق فريدة.</p>
            </div>

            <div class="features-images">
                <div><img src="https://cdn.files.salla.network/homepage/616453376/09d9046a-bb50-4690-8902-56e52a20f0ba.webp"></div>
                <div><img src="https://cdn.files.salla.network/homepage/616453376/e57fc15c-9b7b-4e5f-8282-09193abe509c.webp"></div>
                <div><img src="https://cdn.files.salla.network/homepage/616453376/426be624-b1dd-4e9a-b626-6b52cff52885.webp"></div>
                <div><img src="https://cdn.files.salla.network/homepage/616453376/b316ddc2-50b3-406b-a2c1-ced66e91c389.webp"></div>
            </div>
        </div>
        `;

        Featured_Products.appendChild(div);
    }

});