{# goals: list<{name: string, full_name?: string, initials?: string, minute: ?int, photo: ?string, side: string, is_csc?: bool}> #}
<div class="match-goals-sides" data-match-goals{% if goals is empty %} hidden{% endif %}>
    <ul class="match-goals-side match-goals-side--home" aria-label="Buteurs domicile">
        {% for goal in goals %}
            {% if goal.side|default('home') == 'home' %}
                <li class="match-goals-item">
                    {% include 'buteur/_photo_lightbox.html.twig' with {
                        photo: goal.photo|default(null),
                        name: goal.full_name|default(goal.name),
                        initials: goal.initials|default(buteur_initials(goal.name)),
                        img_class: 'match-goals-photo',
                        width: 28,
                        height: 28,
                    } only %}
                    <span class="match-goals-scorer">
                        <span class="match-goals-name">
                            {% if goal.is_csc|default(false) %}<strong>CSC</strong> {% endif %}{{ goal.name }}
                        </span>
                        {% if goal.minute %}
                            <span class="match-goals-minute">{{ goal.minute }}'</span>
                        {% endif %}
                    </span>
                </li>
            {% endif %}
        {% endfor %}
    </ul>
    <ul class="match-goals-side match-goals-side--away" aria-label="Buteurs extérieur">
        {% for goal in goals %}
            {% if goal.side|default('home') == 'away' %}
                <li class="match-goals-item">
                    {% include 'buteur/_photo_lightbox.html.twig' with {
                        photo: goal.photo|default(null),
                        name: goal.full_name|default(goal.name),
                        initials: goal.initials|default(buteur_initials(goal.name)),
                        img_class: 'match-goals-photo',
                        width: 28,
                        height: 28,
                    } only %}
                    <span class="match-goals-scorer">
                        <span class="match-goals-name">
                            {% if goal.is_csc|default(false) %}<strong>CSC</strong> {% endif %}{{ goal.name }}
                        </span>
                        {% if goal.minute %}
                            <span class="match-goals-minute">{{ goal.minute }}'</span>
                        {% endif %}
                    </span>
                </li>
            {% endif %}
        {% endfor %}
    </ul>
</div>