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

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

{% block stylesheets %}
    {{ parent() }}
    <link rel="stylesheet" href="{{ asset('css/competition-stats.css') }}?v=9">
{% endblock %}

{% block body %}
    <section class="ta-topbar">
        <div>
            <h1 class="ta-page-title">Statistiques LPF</h1>
            <p class="ta-page-subtitle">
                Chiffres de la communauté, podiums et indicateurs du laboratoire LPF (certains totalement inventés).
            </p>
        </div>
    </section>

    {% if not has_stats %}
        <section class="ta-card competition-stats-empty">
            <p class="ta-card-text">
                Les statistiques apparaîtront dès qu’au moins une équipe sera inscrite.
            </p>
        </section>
    {% else %}
        {% if stats_precomp is not empty %}
            <section class="competition-stats-section" aria-labelledby="stats-precomp-title">
                <h2 class="competition-stats-section__title" id="stats-precomp-title">
                    <i class="ti ti-calendar-event" aria-hidden="true"></i>
                    Avant la compétition
                </h2>
                <p class="competition-stats-section__hint ta-card-text">
                    Inscriptions, buteurs et autres signaux d’avant le coup d’envoi (certains pays favoris sont inventés de toutes pièces).
                </p>
                <ul class="competition-stats-grid">
                    {% for stat in stats_precomp %}
                        {% include 'competition/_stat_card.html.twig' with { stat: stat } only %}
                    {% endfor %}
                </ul>
            </section>
        {% endif %}

        {% if not has_competition_stats and stats_precomp is not empty %}
            <section class="ta-card competition-stats-empty competition-stats-empty--muted">
                <p class="ta-card-text">
                    Les stats de matchs (pronos, podiums) arriveront après les premiers résultats.
                </p>
            </section>
        {% endif %}

        {% if stats_useful is not empty %}
            <section class="competition-stats-section" aria-labelledby="stats-useful-title">
                <h2 class="competition-stats-section__title" id="stats-useful-title">
                    <i class="ti ti-chart-bar" aria-hidden="true"></i>
                    Stats utiles
                </h2>
                <ul class="competition-stats-grid">
                    {% for stat in stats_useful %}
                        {% include 'competition/_stat_card.html.twig' with { stat: stat } only %}
                    {% endfor %}
                </ul>
            </section>
        {% endif %}

        {% if stats_podium is not empty %}
            <section class="competition-stats-section" aria-labelledby="stats-podium-title">
                <h2 class="competition-stats-section__title" id="stats-podium-title">
                    <i class="ti ti-trophy" aria-hidden="true"></i>
                    Podiums &amp; records
                </h2>
                <ul class="competition-stats-grid">
                    {% for stat in stats_podium %}
                        {% include 'competition/_stat_card.html.twig' with { stat: stat } only %}
                    {% endfor %}
                </ul>
            </section>
        {% endif %}

    {% endif %}
{% endblock %}