/* Add custom Js code below */ 
document.querySelector(".store-footer__inner div:first-child").classList.remove("lg:grid-cols-6");
document.querySelector(".store-footer__inner div:first-child").classList.add("lg:grid-cols-4");


document.addEventListener("DOMContentLoaded", function () {
    // حدد عنصر السلايدر (غير الكلاس حسب قالبك)
    const slider = document.querySelector('.testimonials-slider .swiper-wrapper');

    if (slider) {
        // إنشاء عنصر جديد لرأي عميل
        const newTestimonial = document.createElement('div');
        newTestimonial.classList.add('swiper-slide'); // مهم للسلايدر يشتغل

        newTestimonial.innerHTML = 
        <div class="s-reviews-testimonial">
            <div class="s-reviews-testimonial__inner">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
<title>quote-open</title>
<path d="M8 12v-5.333c0-0.737-0.596-1.333-1.333-1.333-3.676 0-6.667 2.991-6.667 6.667v8c0 3.676 2.991 6.667 6.667 6.667h1.333c3.676 0 6.667-2.991 6.667-6.667v-1.333c0-3.676-2.991-6.667-6.667-6.667zM12 20c0 2.205-1.795 4-4 4h-1.333c-2.205 0-4-1.795-4-4v-8c0-1.739 1.115-3.221 2.667-3.772v5.105c0 0.737 0.596 1.333 1.333 1.333h1.333c2.205 0 4 1.795 4 4zM25.333 12v-5.333c0-0.737-0.596-1.333-1.333-1.333-3.676 0-6.667 2.991-6.667 6.667v8c0 3.676 2.991 6.667 6.667 6.667h1.333c3.676 0 6.667-2.991 6.667-6.667v-1.333c0-3.676-2.991-6.667-6.667-6.667zM29.333 20c0 2.205-1.795 4-4 4h-1.333c-2.205 0-4-1.795-4-4v-8c0-1.739 1.115-3.221 2.667-3.772v5.105c0 0.737 0.596 1.333 1.333 1.333h1.333c2.205 0 4 1.795 4 4z"></path>
</svg>
                <div class="s-reviews-testimonial__avatar">
                    <img src="https://cdn.assets.salla.network/prod/stores/themes/default/assets/images/avatar_female.png" alt="سحاب القحطاني" class="lazy loaded" loading="lazy">
                </div>
                <div class="s-reviews-testimonial__text">
                    <p>رأي عميل جديد: تجربة رائعة!</p>
                    <div class="s-reviews-testimonial__name_wrapper">
                        <div class="s-reviews-testimonial__info">
                            <h2>سحاب القحطاني</h2>
                        </div>
                        <div class="s-reviews-testimonial__rating">
                            <salla-rating-stars class="hydrated">
                                <div class="s-rating-stars-wrapper">
                                    <span class="s-rating-stars-btn-star s-rating-stars-small s-rating-stars-selected"></span>
                                    <span class="s-rating-stars-btn-star s-rating-stars-small s-rating-stars-selected"></span>
                                    <span class="s-rating-stars-btn-star s-rating-stars-small s-rating-stars-selected"></span>
                                    <span class="s-rating-stars-btn-star s-rating-stars-small s-rating-stars-selected"></span>
                                    <span class="s-rating-stars-btn-star s-rating-stars-small"></span>
                                </div>
                            </salla-rating-stars>
                        </div>
                    </div>
                </div>
            </div>
        </div>;

        // إضافة الرأي إلى السلايدر
        slider.appendChild(newTestimonial);
        swiper.update(); // تحديث السلايدر

        // بعد إضافة الرأي، يجب تحديث السلايدر
        if (window.swiper) {
            swiper.update(); // تحديث السلايدر
        }
    }
});