{% if tems|length > 0 %}
<!-- ======= Testimonials Section ======= -->
<section id="testimonials" class="testimonials">
    <div class="container2" data-aos="fade-up">

    <div class="titreBottom">{% trans %}Avis des clients{% endtrans %}</div>
    <div data-swiper="3,3,2,1,30">
        <div class="toSwiper overflow-hidden" data-aos="fade-up" data-aos-delay="100">
            <div class="swiper-wrapper">
            {% set i = 0  %}
            {% for tem in tems %}
            {% if tem.isAfficher  %}
            {% set i = i + 1 %}
            <div class="swiper-slide">
                <div class="testimonial-wrap">
                    {% if i is even %}
                    <div class="testimonial-item" data-bg="{{ asset(elemGraph ~ getContent()['main']['vague2']) }}">
                    {% else %}
                    <div class="testimonial-item" data-bg="{{ asset(elemGraph ~ getContent()['main']['vague1']) }}">
                    {% endif %}
                    <div class="stars center">
                    {% if tem.note == 0 %}
                        {% for i in 1..5 %}
                            <img class="star" data-src="{{ asset(elemGraph ~ getContent()['main']['star']) }}" alt="note" loading="lazy">
                        {% endfor %}
                    {% else %}
                        {% for i in 1..tem.note %}
                            <img class="star" data-src="{{ asset(elemGraph ~ getContent()['main']['star']) }}" alt="note" loading="lazy">
                        {% endfor %}
                        {% if tem.note < 5 %}
                            {% for i in 1..5 - tem.note %}
                                <img class="star" data-src="{{ asset(elemGraph ~ getContent()['main']['star2']) }}" alt="note">
                            {% endfor %}
                        {% endif %}
                    {% endif %}
                    </div>
                    <div class="descTem">
                        {{ tem.description|raw }}
                    </div>
                    <div class="auteur d-flex align-items-center flex-column">
                        {% if i is even %}
                        <img data-src="{{ asset(elemGraph ~ getContent()['main']['temoignage2']) }}" class="testimonial-img flex-shrink-0" loading="lazy" alt="icone temoignage">
                        {% else %}
                        <img data-src="{{ asset(elemGraph ~ getContent()['main']['temoignage']) }}" class="testimonial-img flex-shrink-0" loading="lazy" alt="icone temoignage">
                        {% endif %}
                        <div class="inAuteur">
                            {{ tem.auteur }}
                        </div>
                    </div>
                </div>
                </div>
            </div><!-- End testimonial item -->
            {% endif %}
            {% endfor %}
            </div>
            <div class="swiper-pagination"></div>
        </div>
    </div>
    <div class="center">
        <a href="{{ path('app_temoignage') }}" class="bouton d-inline-flex align-items-center"><img data-src="{{ asset(elemGraph ~ content['main']['contact']) }}" class="pe-3" loading="lazy" alt="chat">{% trans %}Donner votre avis{% endtrans %}</a>
    </div>
    </div>
</section><!-- End Testimonials Section -->
{% else %}
    <div class="nothing center">
        <div class="titreNothing">{% trans %}Il n'y a pas de temoignage pour le moment. Soyer le premier !{% endtrans %}</div>
        <div class="center">
            <a href="" class="bouton">{% trans %}Témoigner{% endtrans %}</a>
        </div>
    </div>
{% endif %}