{# match_buteurs: list<{id, name, photo, country, coefficient, selections_count, teams}> #}
<div class="overflow-x-auto match-live-match-buteurs-table-wrap">
    <table class="table ta-table table-sm match-live-compact-table match-live-match-buteurs-table">
        <thead>
            <tr>
                <th>Buteur</th>
                <th>Pays</th>
                <th class="ta-num">Cote</th>
                <th>Choix</th>
            </tr>
        </thead>
        <tbody>
            {% for row in match_buteurs %}
                <tr>
                    <td>
                        <div class="match-live-compact-team-cell">
                            {% include 'buteur/_photo_lightbox.html.twig' with {
                                photo: row.photo|default(null),
                                name: row.name,
                                initials: buteur_initials(row.name),
                                img_class: 'match-live-buteur-pick__photo',
                                width: 28,
                                height: 28,
                            } only %}
                            <span>{{ row.name }}</span>
                        </div>
                    </td>
                    <td>{{ row.country|default('—') }}</td>
                    <td class="ta-num">
                        <strong class="match-live-match-buteurs-cote">×{{ row.coefficient|number_format(2, ',', ' ') }}</strong>
                    </td>
                    <td class="match-live-match-buteurs-choix">
                        {{ row.selections_count }} joueur{{ row.selections_count > 1 ? 's' : '' }}
                        {% if row.teams is not empty %}
                            <span class="match-live-match-buteurs-teams ta-card-text">({{ row.teams|join(', ') }})</span>
                        {% endif %}
                    </td>
                </tr>
            {% endfor %}
        </tbody>
    </table>
</div>