{% set slidesQuery = craft.entries.section('testimonials') %}
{% if entry.testimonialTags.count() %}
    {% set slidesQuery = slidesQuery.tags(entry.testimonialTags) %}
{% endif %}
{% set slides = slidesQuery.orderBy('RAND()').limit(6) %}
{% if slides | length %}
    <section class="experiences">
        <div class="container">
            {% if entry.pill %}
                <div class="experiences__tag">{{ entry.pill }}</div>
            {% endif %}
            <h2 class="experiences__title">{{ entry.title }}</h2>
        </div>

        <div class="experiences__slider">
            <div class="experiences__slider-wrapper">
                <div class="experiences__slides">
                    {% for slide in slides %}
                        <div class="experiences__slide">
                            <div class="experiences__slide-image">
                                {% include '_partials/image.twig' with {image: slide.image.one(), class: 'experiences__img', transform: 'testimonialCard'} %}
                            </div>
                            <div class="experiences__slide-content">
                                <blockquote class="experiences__quote">
                                    {{ slide.shortDescription }}
                                </blockquote>
                                <p class="experiences__author">— {{ slide.nameText }}</p>
                                <p class="experiences__story">
                                    {{ slide.cause }}
                                </p>
                            </div>
                        </div>
                    {% endfor %}
                </div>
            </div>

            <div class="experiences__navigation">
                <button class="experiences__nav-btn experiences__nav-btn--prev" aria-label="{{ 'link.previous-slide'|t }}">
                    <i class="fa-solid fa-chevron-left" aria-hidden="true"></i>
                </button>
                <div class="experiences__dots"></div>
                <button class="experiences__nav-btn experiences__nav-btn--next" aria-label="{{ 'link.next-slide'|t }}" >
                    <i class="fa-solid fa-chevron-right" aria-hidden="true"></i>
                </button>
            </div>
        </div>
    </section>
{% endif %}