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

{% block title %}Visitor Analytics{% endblock %}

{% block body %}
    <div class="analytics-container">
        <h1>Page Visit Analytics</h1>

        <div class="analytics-card">
            <h2>Visit Count by Route</h2>

            {% if visitStats|length > 0 %}
                <table class="analytics-table">
                    <thead>
                        <tr>
                            <th>Route</th>
                            <th>Visit Count</th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for stat in visitStats %}
                            <tr>
                                <td>{{ stat.route }}</td>
                                <td class="text-right">{{ stat.count }}</td>
                            </tr>
                        {% endfor %}
                    </tbody>
                </table>
            {% else %}
                <p>No visit data recorded yet.</p>
            {% endif %}
        </div>

        <div class="analytics-info">
            <p>This data shows the number of page visits per route. No personal user data is collected.</p>
        </div>
    </div>
{% endblock %}