{% extends 'gestion/_base.html.twig' %}
{% set active = 'stats' %}

{% block title %}Rapports statistiques{% endblock %}

{% block content %}
    <div class="adm-page-head">
        <div>
            <span class="adm-eyebrow">Pilotage</span>
            <h1 class="adm-page-title">Rapports</h1>
            <p class="adm-page-sub">Agrégats quotidiens et mensuels — conservés sans limite de durée.</p>
        </div>
        <div class="adm-page-head-actions">
            <a class="adm-btn adm-btn--ghost adm-btn--sm" href="{{ path('gestion_stats') }}">← Statistiques</a>
            <a class="adm-btn adm-btn--ghost adm-btn--sm" href="{{ path('gestion_stats_export', {type: 'journalier'}) }}">Export CSV journalier</a>
            <a class="adm-btn adm-btn--ghost adm-btn--sm" href="{{ path('gestion_stats_export', {type: 'mensuel'}) }}">Export CSV mensuel</a>
        </div>
    </div>

    <div class="adm-grid adm-grid--2">
        <div class="adm-card">
            <h2 class="adm-card-title">Journalier (60 derniers jours)</h2>
            {% if daily is empty %}
                <div class="adm-empty"><p>Aucun agrégat calculé — le cron s'en charge chaque nuit.</p></div>
            {% else %}
                <div class="adm-table-wrap"><table class="adm-table">
                    <thead><tr><th>Jour</th><th>Visiteurs</th><th>Vues</th><th>Paniers</th><th>Cmd</th><th>CA</th><th>Comptes</th></tr></thead>
                    <tbody>
                        {% for row in daily %}
                            {% set prev = daily[loop.index]|default(null) %}
                            <tr>
                                <td class="adm-mono" style="font-size:0.78rem;">{{ row.day|date('d/m/Y') }}</td>
                                <td class="is-num">
                                    {{ row.visitors }}
                                    {% if prev %}
                                        {% set delta = row.visitors - prev.visitors %}
                                        <span style="font-size:0.68rem;color:{{ delta >= 0 ? 'var(--v2-green-deep)' : 'var(--adm-danger)' }};">{{ delta >= 0 ? '+' }}{{ delta }}</span>
                                    {% endif %}
                                </td>
                                <td class="is-num">{{ row.pageviews }}</td>
                                <td class="is-num">{{ row.addToCarts }}</td>
                                <td class="is-num">{{ row.orders }}</td>
                                <td class="is-num">{{ row.revenue|number_format(0, ',', ' ') }} €</td>
                                <td class="is-num">{{ row.accountsCreated }}</td>
                            </tr>
                        {% endfor %}
                    </tbody>
                </table></div>
            {% endif %}
        </div>

        <div class="adm-card">
            <h2 class="adm-card-title">Mensuel (12 derniers mois)</h2>
            {% if monthly is empty %}
                <div class="adm-empty"><p>Pas encore d'historique mensuel.</p></div>
            {% else %}
                <div class="adm-table-wrap"><table class="adm-table">
                    <thead><tr><th>Mois</th><th>Visiteurs</th><th>Vues</th><th>Paniers</th><th>Cmd</th><th>CA</th><th>Comptes</th></tr></thead>
                    <tbody>
                        {% for row in monthly %}
                            <tr>
                                <td class="adm-mono" style="font-size:0.78rem;">{{ row.mois }}</td>
                                <td class="is-num">{{ row.visitors }}</td>
                                <td class="is-num">{{ row.pageviews }}</td>
                                <td class="is-num">{{ row.add_to_carts }}</td>
                                <td class="is-num">{{ row.orders }}</td>
                                <td class="is-num">{{ row.revenue|number_format(0, ',', ' ') }} €</td>
                                <td class="is-num">{{ row.accounts }}</td>
                            </tr>
                        {% endfor %}
                    </tbody>
                </table></div>
            {% endif %}
        </div>
    </div>
{% endblock %}