{% extends '@Admin/admin/base.html.twig' %}

{% block title %}Connexions utilisateurs{% endblock %}

{% block admin_content %}
    <div class="admin-page">
        <div class="admin-heading">
            <div>
                <h1 class="h3 fw-bold mb-1">Connexions utilisateurs</h1>
                <p class="text-muted mb-0">{{ total }} connexion{{ total > 1 ? 's' : '' }} enregistrée{{ total > 1 ? 's' : '' }}</p>
            </div>
        </div>

        <div class="admin-card p-4 mb-4">
            <form class="row g-3" method="get">
                <div class="col-md-8">
                    <input class="form-control form-control-lg" name="q" value="{{ q }}" placeholder="Rechercher par nom, email ou IP">
                </div>
                <div class="col-md-4 d-grid">
                    <button class="btn btn-primary btn-lg" type="submit"><i class="ti ti-search me-1"></i> Rechercher</button>
                </div>
            </form>
        </div>

        <div class="admin-card">
            <div class="table-responsive">
                <table class="table admin-table align-middle mb-0">
                    <thead>
                    <tr>
                        <th>Utilisateur</th>
                        <th>Email</th>
                        <th>IP</th>
                        <th>Date</th>
                    </tr>
                    </thead>
                    <tbody>
                    {% for connection in connections %}
                        <tr>
                            <td>{{ connection.user ? (connection.user.prenom ~ ' ' ~ connection.user.nom)|trim : '-' }}</td>
                            <td>{{ connection.user ? connection.user.email : '-' }}</td>
                            <td>{{ connection.ip ?: '-' }}</td>
                            <td>{{ connection.createdAt ? connection.createdAt|date('d/m/Y H:i:s') : '-' }}</td>
                        </tr>
                    {% else %}
                        <tr><td colspan="4" class="text-center text-muted py-5">Aucune connexion enregistrée.</td></tr>
                    {% endfor %}
                    </tbody>
                </table>
            </div>
        </div>

        {% set pages = (total / per_page)|round(0, 'ceil') %}
        {% if pages > 1 %}
            <nav class="mt-4">
                <ul class="pagination">
                    {% for p in 1..pages %}
                        <li class="page-item {{ p == page ? 'active' : '' }}">
                            <a class="page-link" href="{{ path('app_admin_user_connection_index', {page: p, q: q}) }}">{{ p }}</a>
                        </li>
                    {% endfor %}
                </ul>
            </nav>
        {% endif %}
    </div>
{% endblock %}