@if (!empty($client['avis']))
    <section id="testimonials" class="testimonials section primary-complementary-background">
        <div class="container" data-aos="fade-up" data-aos-delay="100">
            <div class="swiper init-swiper">

                <script type="application/json" class="swiper-config">
                    {
                        "loop": true,
                        "speed": 800,
                        "autoplay": { "delay": 9000 },
                        "slidesPerView": "auto",
                        "pagination": { "el": ".swiper-pagination", "type": "bullets", "clickable": true }
                    }
                </script>

                <div class="swiper-wrapper">
                    @foreach ($client['avis'] as $avis)
                        <div class="swiper-slide">
                            <div class="testimonial-item">
                                <h3>
                                    {{ $avis['prenom'] }} {{ $avis['nom'] }}
                                    @if (!empty($avis['qualification']))
                                        <small>— {{ $avis['qualification'] }}</small>
                                    @endif
                                </h3>

                                @if (!empty($avis['note']))
                                    <div class="stars">
                                        @for ($i = 0; $i < 5; $i++)
                                            <i class="bi {{ $i < $avis['note'] ? 'bi-star-fill' : 'bi-star' }}"></i>
                                        @endfor
                                    </div>
                                @endif

                                <p><span>{!! $avis['texte'] !!}</span></p>
                            </div>
                        </div>
                    @endforeach
                </div>

                <div class="swiper-pagination"></div>

            </div>
        </div>
    </section>
@endif