{# @var stat \App\Dto\CompetitionStat #}
<li class="competition-stat-card competition-stat-card--{{ stat.category.value }} competition-stat-card--{{ stat.id }}">
    <div class="competition-stat-card__icon">
        {% include 'competition/_stat_visual.html.twig' with {
            visual_src: stat.visualSrc,
            visual_alt: stat.visualAlt,
            visual_kind: stat.visualKind,
            icon: stat.icon,
        } %}
    </div>
    <div class="competition-stat-card__body">
        {% if stat.label %}
            <h3 class="competition-stat-card__label">{{ stat.label }}</h3>
        {% endif %}
        {% if stat.value %}
            <p class="competition-stat-card__value">{{ stat.value }}</p>
        {% endif %}
        {% if stat.detail %}
            <p class="competition-stat-card__detail ta-card-text">{{ stat.detail }}</p>
        {% endif %}
        {% if stat.linkUrl %}
            <p class="competition-stat-card__link">
                <a href="{{ stat.linkUrl }}" class="ta-link" target="_blank" rel="noopener noreferrer">
                    {{ stat.linkLabel ?: 'En savoir plus' }}
                    <i class="ti ti-external-link" aria-hidden="true"></i>
                </a>
            </p>
        {% endif %}
        {% if stat.footnote %}
            <p class="competition-stat-card__footnote ta-card-text"><em>{{ stat.footnote }}</em></p>
        {% endif %}
        {% if stat.isPodium %}
            <ol class="competition-stat-podium">
                {% for row in stat.podiumRows %}
                    <li class="competition-stat-podium__item">
                        <span class="competition-stat-podium__rank">#{{ row.rank }}</span>
                        <span class="competition-stat-podium__name">
                            {% if row.visual_src|default('') or row.visual_alt|default('') %}
                                {% include 'competition/_stat_visual.html.twig' with {
                                    visual_src: row.visual_src|default(null),
                                    visual_alt: row.visual_alt|default(row.label),
                                    visual_kind: row.visual_kind|default('icon'),
                                    icon: stat.icon,
                                    compact: true,
                                } %}
                            {% endif %}
                            <span class="competition-stat-podium__label">{{ row.label }}</span>
                        </span>
                        <span class="competition-stat-podium__value">{{ row.value }}</span>
                    </li>
                {% endfor %}
            </ol>
        {% endif %}
    </div>
</li>