{# @var ranking_rows \App\Entity\TeamRankingSnapshot[]|null #}
{# @var teams_preview \App\Entity\Team[]|null #}
{# @var vendee_only bool #}
{# @var team_buteur_goals_by_team_id array<int, int> #}
{% set connected_team_id = connected_team_id() %}
{% set team_buteur_goals_by_team_id = team_buteur_goals_by_team_id|default({}) %}
<div class="ta-table-wrap ranking-table-wrap mt-5">
    <table class="table ta-table ranking-table" data-ranking-table>
        <thead>
        <tr>
            <th scope="col" class="ta-num">
                <button type="button" class="ranking-table-sort" data-sort-key="rank" data-sort-type="number">
                    #
                    <i class="ti ti-chevron-down ranking-table-sort__icon" aria-hidden="true"></i>
                </button>
            </th>
            <th scope="col">
                <button type="button" class="ranking-table-sort" data-sort-key="team" data-sort-type="text">
                    Équipe
                    <i class="ti ti-chevron-down ranking-table-sort__icon" aria-hidden="true"></i>
                </button>
            </th>
            <th scope="col" class="ta-num">
                <button type="button" class="ranking-table-sort" data-sort-key="points" data-sort-type="number" title="Trier par points">
                    Points
                    <i class="ti ti-chevron-down ranking-table-sort__icon" aria-hidden="true"></i>
                </button>
            </th>
            <th scope="col" class="ta-num">
                <button type="button" class="ranking-table-sort" data-sort-key="buts" data-sort-type="number" title="Trier par buts marqués par les buteurs choisis">
                    Buts
                    <i class="ti ti-chevron-down ranking-table-sort__icon" aria-hidden="true"></i>
                </button>
            </th>
            <th scope="col" class="ta-num">
                <button type="button" class="ranking-table-sort" data-sort-key="exact" data-sort-type="number" title="Trier par scores exacts">
                    Exact
                    <i class="ti ti-chevron-down ranking-table-sort__icon" aria-hidden="true"></i>
                </button>
            </th>
            <th scope="col" class="ta-num">
                <button type="button" class="ranking-table-sort" data-sort-key="bons" data-sort-type="number" title="Trier par bons résultats">
                    Bons
                    <i class="ti ti-chevron-down ranking-table-sort__icon" aria-hidden="true"></i>
                </button>
            </th>
            <th scope="col" class="ta-num">
                <button type="button" class="ranking-table-sort" data-sort-key="faux" data-sort-type="number" title="Trier par résultats faux">
                    Faux
                    <i class="ti ti-chevron-down ranking-table-sort__icon" aria-hidden="true"></i>
                </button>
            </th>
            <th scope="col" class="ta-num">
                <button type="button" class="ranking-table-sort" data-sort-key="bigballs" data-sort-type="number" title="{{ bigballs_term('column_ratio_title') }}">
                    {{ bigballs_term('column_ratio') }}
                    <i class="ti ti-chevron-down ranking-table-sort__icon" aria-hidden="true"></i>
                </button>
            </th>
        </tr>
        </thead>
        <tbody>
        {% if ranking_rows is not empty %}
            {% for row in ranking_rows %}
                {% set is_connected_team = connected_team_id and row.team and row.team.id == connected_team_id %}
                {% set display_rank = vendee_only|default(false) ? loop.index : row.position %}
                {% set buteur_goals = team_buteur_goals_by_team_id[row.team.id]|default(0) %}
                <tr
                    class="{{ is_connected_team ? 'ranking-table-row--mine' : '' }}"
                    data-sort-rank="{{ display_rank }}"
                    data-sort-team="{{ row.team.name|lower }}"
                    data-sort-points="{{ row.totalPoints }}"
                    data-sort-buts="{{ buteur_goals }}"
                    data-sort-exact="{{ row.scoresExacts }}"
                    data-sort-bons="{{ row.bonsResultats }}"
                    data-sort-faux="{{ row.resultatsFaux }}"
                    data-sort-bigballs-ok="{{ row.prisesRisqueReussies }}"
                    data-sort-bigballs-total="{{ row.prisesRisque }}"
                >
                    <td class="ta-num" data-ranking-rank>#{{ display_rank }}</td>
                    <td>
                        {% include 'competition/_ranking_team_identity.html.twig' with { team: row.team } only %}
                    </td>
                    <td class="ta-num">{{ row.totalPoints|number_format(0, ',', ' ') }}</td>
                    <td class="ta-num">{{ buteur_goals }}</td>
                    <td class="ta-num">{{ row.scoresExacts }}</td>
                    <td class="ta-num">{{ row.bonsResultats }}</td>
                    <td class="ta-num">{{ row.resultatsFaux }}</td>
                    <td class="ta-num">{{ row.prisesRisqueReussies }}/{{ row.prisesRisque }}</td>
                </tr>
            {% endfor %}
        {% else %}
            {% for team in teams_preview %}
                {% set is_connected_team = connected_team_id and team.id == connected_team_id %}
                {% set buteur_goals = team_buteur_goals_by_team_id[team.id]|default(0) %}
                <tr
                    class="{{ is_connected_team ? 'ranking-table-row--mine' : '' }}"
                    data-sort-rank="{{ loop.index }}"
                    data-sort-team="{{ team.name|lower }}"
                    data-sort-points="0"
                    data-sort-buts="{{ buteur_goals }}"
                    data-sort-exact="0"
                    data-sort-bons="0"
                    data-sort-faux="0"
                    data-sort-bigballs-ok="0"
                    data-sort-bigballs-total="0"
                >
                    <td class="ta-num" data-ranking-rank>#{{ loop.index }}</td>
                    <td>
                        {% include 'competition/_ranking_team_identity.html.twig' with { team: team } only %}
                    </td>
                    <td class="ta-num">0</td>
                    <td class="ta-num">{{ buteur_goals }}</td>
                    <td class="ta-num">0</td>
                    <td class="ta-num">0</td>
                    <td class="ta-num">0</td>
                    <td class="ta-num">0/0</td>
                </tr>
            {% endfor %}
        {% endif %}
        </tbody>
    </table>
</div>