{% extends 'base.html.twig' %}

{% block title %}Classement | LPF 2026{% endblock %}

{% block body %}
    <section class="ta-topbar">
        <div>
            <h1 class="ta-page-title">Classement general</h1>
            <p class="ta-page-subtitle">
                Classement des equipes par total de points, scores exacts et resultats.
                {% if vendee_only %}
                    — Équipes vendéennes uniquement
                {% endif %}
                {% if ranking_match %}
                    — Maj. après {{ ranking_match.paysDomicile.nom }} - {{ ranking_match.paysExterieur.nom }}
                {% endif %}
            </p>
        </div>
    </section>

    <section class="ta-card ranking-page-card">
        <div class="ta-dashboard-matchdays-head">
            <div>
                <h2 class="ta-card-title">Tableau des equipes</h2>
                {% if ranking_match %}
                    <p class="ta-card-text">
                        Dernier calcul le {{ ranking_match.dateHeure|fr_match_date }}.
                    </p>
                {% elseif teams_preview is not empty %}
                    <p class="ta-card-text">
                        Aucun match n’a encore été noté. Équipes inscrites (ordre alphabétique) — les points apparaîtront après les premiers résultats.
                    </p>
                {% else %}
                    <p class="ta-card-text">
                        Le classement apparaîtra quand les premiers matchs seront notés.
                    </p>
                {% endif %}
            </div>
            <span class="ta-badge ta-badge-success">{{ ranking is not empty ? ranking|length : teams_preview|length }} équipes</span>
        </div>

        {% if has_vendee_teams %}
            <nav class="ranking-filter-bar" aria-label="Filtre du classement">
                <a
                    href="{{ path('app_ranking') }}"
                    class="btn btn-sm {{ not vendee_only ? 'btn-primary' : 'btn-outline' }}"
                >Toutes les équipes</a>
                <a
                    href="{{ path('app_ranking', { vendee: 1 }) }}"
                    class="btn btn-sm {{ vendee_only ? 'btn-primary' : 'btn-outline' }}"
                >Équipes vendéennes</a>
            </nav>
        {% endif %}

        {% if ranking is not empty or teams_preview is not empty %}
            {% include 'competition/_ranking_table.html.twig' with {
                ranking_rows: ranking,
                teams_preview: teams_preview,
                vendee_only: vendee_only,
                team_buteur_goals_by_team_id: team_buteur_goals_by_team_id|default({}),
            } only %}
        {% elseif vendee_only %}
            <p class="ta-card-text mt-5">Aucune équipe vendéenne dans le classement pour le moment.</p>
        {% endif %}
    </section>
{% endblock %}

{% block javascripts %}
    {{ parent() }}
    {% if ranking is not empty or teams_preview is not empty %}
        <script src="{{ asset('js/ranking-table-sort.js') }}?v=1" defer></script>
    {% endif %}
{% endblock %}