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

{% block body %}
    <div class="flex items-center justify-between mb-2">
        <h2 class="h2">Statistiques de fréquentation</h2>
        <confirm-action
                data-post="true"
                data-action="{{ path('admin_click_stats_reset') }}"
                data-classname="btn-danger"
                data-message="Vous êtes sur le point de réinitialiser les statistiques, cette action est irréversible !"
        >
            Réinitialiser les statistiques
        </confirm-action>
    </div>

    <div class="card">
        <div class="card_body">
            <table class="table">
                <thead>
                <tr>
                    <th>Page visitée</th>
                    <th>Nombre de visites</th>
                    <th>Temps total cumulé<br><span class="text-xs text-gray-400">(minutes)</span></th>
                    <th>Temps moyen par visite<br><span class="text-xs text-gray-400">(secondes)</span></th>
                </tr>
                </thead>
                <tbody>
                {% for page, stats in clicksData %}
                    {% set formattedPage = page|replace({'/': '', '-': ' '})|capitalize %}
                    <tr>
                        <td>
                            <a href="{{ page }}" target="_blank" class="text-primary hover:underline">{{ formattedPage }}</a>
                        </td>
                        <td>{{ stats.views }}</td>
                        <td>{{ (stats.totalDuration / 60)|number_format(2, ',', ' ') }}</td>
                        <td>{{ (stats.totalDuration / stats.views)|number_format(0, ',', ' ') }}</td>
                    </tr>
                {% else %}
                    <tr>
                        <td colspan="4" class="text-center">Aucune donnée enregistrée pour le moment.</td>
                    </tr>
                {% endfor %}
                </tbody>
            </table>
        </div>
    </div>

    <stat-clicks></stat-clicks>
{% endblock %}