{# @var team \App\Entity\Team #}
{% set interview_url = path('app_team_show', { id: team.id }) ~ '#team-interview' %}
{% set team_logo_src = team.logo
    ? (team.logo starts with 'http' ? team.logo : asset(team.logo))
    : null %}
{% set team_members = team.members|slice(0, 2) %}
<a
    href="{{ interview_url }}"
    class="dashboard-published-interviews__item"
    {% if slider_mode|default(false) %}data-dashboard-interviews-item{% endif %}
>
    <div class="dashboard-published-interviews__emblem" aria-hidden="true">
        {% if team_logo_src %}
            <img
                src="{{ team_logo_src }}"
                alt=""
                class="dashboard-published-interviews__logo"
                width="72"
                height="72"
                loading="lazy"
                decoding="async"
            >
        {% elseif team.favoriteCountry %}
            {% include 'components/_country_flag_img.html.twig' with {
                country: team.favoriteCountry,
                img_classes: 'dashboard-published-interviews__flag',
                placeholder_class: 'dashboard-published-interviews__flag-placeholder',
            } only %}
        {% else %}
            <span class="dashboard-published-interviews__flag-placeholder">{{ team.name|first|upper }}</span>
        {% endif %}

        {% if team_members|length > 0 %}
            <span class="dashboard-published-interviews__avatars">
                {% for member in team_members %}
                    {% set player_avatar = member.player ? member.player.avatar : null %}
                    {% set avatar_src = player_avatar
                        ? (player_avatar starts with 'http' ? player_avatar : asset(player_avatar))
                        : null %}
                    <span class="dashboard-published-interviews__avatar">
                        {% if avatar_src %}
                            <img
                                src="{{ avatar_src }}"
                                alt=""
                                class="dashboard-published-interviews__avatar-img"
                                width="26"
                                height="26"
                                loading="lazy"
                                decoding="async"
                            >
                        {% else %}
                            <span class="dashboard-published-interviews__avatar-fallback">{{ member.nickname|default(member.player ? member.player.email : '?')|first|upper }}</span>
                        {% endif %}
                    </span>
                {% endfor %}
            </span>
        {% endif %}
    </div>
    <p class="dashboard-published-interviews__name">{{ team.name }}</p>
    <p class="dashboard-published-interviews__cta">
        Lire l'interview
        <i class="ti ti-arrow-right" aria-hidden="true"></i>
    </p>
</a>