{# @var dashboard_published_interviews list<\App\Entity\Team> #}
{% if dashboard_published_interviews|default([])|length > 0 %}
    <div class="dashboard-insights__col dashboard-insights__col--stat">
        <div class="dashboard-insights__head">
            <h2 class="match-day-title" id="dashboard-published-interviews-title">Interviews d'équipes</h2>
        </div>
        <div class="ta-card dashboard-insights__panel dashboard-published-interviews{% if dashboard_published_interviews|length > 1 %} dashboard-published-interviews--slider{% endif %}"
            {% if dashboard_published_interviews|length > 1 %}data-dashboard-interviews-slider{% endif %}
        >
            {% if dashboard_published_interviews|length > 1 %}
                <div class="dashboard-published-interviews__slider-row">
                    <button type="button"
                        class="dashboard-published-interviews__nav dashboard-published-interviews__nav--prev"
                        data-dashboard-interviews-prev
                        aria-label="Interview précédente">
                        <i class="ti ti-chevron-left" aria-hidden="true"></i>
                    </button>
                    <div class="dashboard-published-interviews__viewport" data-dashboard-interviews-viewport>
                        <div class="dashboard-published-interviews__track" data-dashboard-interviews-track>
                            {% for team in dashboard_published_interviews %}
                                {% include 'home/_dashboard_published_interview_slide.html.twig' with {
                                    team: team,
                                    slider_mode: true,
                                } only %}
                            {% endfor %}
                        </div>
                    </div>
                    <button type="button"
                        class="dashboard-published-interviews__nav dashboard-published-interviews__nav--next"
                        data-dashboard-interviews-next
                        aria-label="Interview suivante">
                        <i class="ti ti-chevron-right" aria-hidden="true"></i>
                    </button>
                </div>
                <div class="dashboard-published-interviews__dots" data-dashboard-interviews-dots aria-hidden="true"></div>
            {% else %}
                {% include 'home/_dashboard_published_interview_slide.html.twig' with {
                    team: dashboard_published_interviews|first,
                } only %}
            {% endif %}
        </div>
    </div>
{% endif %}