{# discussion_feed: événements récents en premier, avec avatar_url / avatar_label #}
<div class="match-hub-v2-feed" aria-live="polite">
    {% for item in discussion_feed %}
        {% if item.type == 'goal' %}
            <article class="match-hub-v2-feed-item match-hub-v2-feed-item--goal" aria-label="But {{ item.scorer }}">
                {% if item.avatar_url|default(null) %}
                    {% include 'competition/_match_hub_v2_feed_avatar.html.twig' with {
                        avatar_url: item.avatar_url,
                        avatar_label: item.avatar_label|default(item.scorer),
                        avatar_modifier: 'goal',
                    } only %}
                {% else %}
                    <div class="match-hub-v2-feed-item__avatar match-hub-v2-feed-item__avatar--event" aria-hidden="true">
                        <span class="match-hub-v2-feed-avatar match-hub-v2-feed-avatar--goal">
                            <i class="ti ti-ball-football"></i>
                        </span>
                    </div>
                {% endif %}
                <div class="match-hub-v2-feed-item__content">
                    {% if item.minute is not null %}
                        <span class="match-hub-v2-feed-item__minute">{{ item.minute }}'</span>
                    {% endif %}
                    <div class="match-hub-v2-feed-goal">
                        <div class="match-hub-v2-feed-goal__body">
                            <span class="match-hub-v2-feed-goal__label">But</span>
                            <strong class="match-hub-v2-feed-goal__scorer">{{ item.scorer }}</strong>
                            <span class="match-hub-v2-feed-goal__meta">{{ item.team_label }} · {{ item.score_after }}</span>
                        </div>
                    </div>
                </div>
            </article>
        {% elseif item.type == 'system' %}
            <p class="match-hub-v2-feed-item match-hub-v2-feed-item--system">
                <span class="match-hub-v2-feed-item__minute">{{ item.text }}</span>
            </p>
        {% elseif item.type == 'auto' %}
            <article class="match-hub-v2-feed-item match-hub-v2-feed-item--auto">
                {% include 'competition/_match_hub_v2_feed_avatar.html.twig' with {
                    avatar_url: item.avatar_url|default(null),
                    avatar_label: item.avatar_label|default(item.author),
                } only %}
                <div class="match-hub-v2-feed-item__content">
                    {% if item.minute is not null %}
                        <span class="match-hub-v2-feed-item__minute match-hub-v2-feed-item__minute--msg">{{ item.minute }}'</span>
                    {% endif %}
                    <div class="match-hub-v2-feed-auto">
                        <span class="match-hub-v2-feed-auto__author">{{ item.author }}</span>
                        <p class="match-hub-v2-feed-auto__text">{{ item.text }}</p>
                    </div>
                </div>
            </article>
        {% else %}
            <article
                class="match-hub-v2-feed-item match-hub-v2-feed-item--message{{ item.self ? ' match-hub-v2-feed-item--self' : '' }}"
                {% if item.id is defined %}data-feed-message-id="{{ item.id }}"{% endif %}
            >
                {% include 'competition/_match_hub_v2_feed_avatar.html.twig' with {
                    avatar_url: item.avatar_url|default(null),
                    avatar_label: item.avatar_label|default(item.author),
                } only %}
                <div class="match-hub-v2-feed-item__content">
                    {% if item.minute is not null %}
                        <span class="match-hub-v2-feed-item__minute match-hub-v2-feed-item__minute--msg">{{ item.minute }}'</span>
                    {% endif %}
                    <div class="match-hub-v2-chat-bubble{{ item.self ? ' match-hub-v2-chat-bubble--self' : '' }}">
                        <span class="match-hub-v2-chat-bubble__author">{{ item.author }}</span>
                        <p class="match-hub-v2-chat-bubble__text">{{ item.text|e }}</p>
                    </div>
                </div>
            </article>
        {% endif %}
    {% else %}
        <p class="match-hub-v2-goals-empty">Aucun message pour l’instant.</p>
    {% endfor %}
</div>