{% extends 'admin/layout.html.twig' %}
{% block title %}Sécurité connexion — WTL{% endblock %}
{% block admin_body %}
<div class="d-flex flex-wrap align-items-start justify-content-between gap-3 mb-4">
    <div>
        <h1 class="h2 mb-1">Sécurité des connexions</h1>
        <p class="text-secondary mb-0">Adresses IP actuellement bloquées après des tentatives de connexion répétées.</p>
    </div>
    <a class="btn btn-outline-secondary" href="{{ path('admin_super_blocked_ips') }}">
        <i class="bi bi-arrow-clockwise me-1"></i>Actualiser
    </a>
</div>

<div class="card shadow-sm">
    <div class="card-header d-flex align-items-center justify-content-between">
        <strong><i class="bi bi-shield-exclamation me-2"></i>IP bloquées</strong>
        <span class="badge {{ blockedIps is empty ? 'text-bg-success' : 'text-bg-danger' }}">{{ blockedIps|length }}</span>
    </div>
    <div class="card-body p-0">
        {% if blockedIps is empty %}
            <div class="p-4 text-center">
                <div class="fs-2 text-success mb-2"><i class="bi bi-shield-check"></i></div>
                <div class="fw-semibold">Aucune adresse IP bloquée</div>
                <div class="text-secondary small mt-1">Les blocages expirés sont retirés automatiquement de cette liste.</div>
            </div>
        {% else %}
            <div class="table-responsive">
                <table class="table table-hover align-middle mb-0">
                    <thead>
                    <tr>
                        <th>Adresse IP</th>
                        <th>Blocage jusqu’au</th>
                        <th>Temps restant</th>
                        <th>Récidive</th>
                        <th>Dernier blocage</th>
                        <th class="text-end">Action</th>
                    </tr>
                    </thead>
                    <tbody>
                    {% for item in blockedIps %}
                        {% set remainingMinutes = (item.retry_after / 60)|round(0, 'ceil') %}
                        <tr>
                            <td><code class="fs-6">{{ item.ip }}</code></td>
                            <td class="text-nowrap">{{ item.blocked_until|date('d/m/Y H:i:s') }}</td>
                            <td>
                                <span class="badge text-bg-warning">
                                    {% if item.retry_after >= 3600 %}
                                        {{ (item.retry_after / 3600)|round(1) }} h
                                    {% else %}
                                        {{ remainingMinutes }} min
                                    {% endif %}
                                </span>
                            </td>
                            <td>
                                {% if item.strikes >= 2 %}
                                    <span class="badge text-bg-danger">{{ item.strikes }} blocages</span>
                                {% else %}
                                    <span class="badge text-bg-light border">1er blocage</span>
                                {% endif %}
                            </td>
                            <td class="text-nowrap">{{ item.last_strike ? item.last_strike|date('d/m/Y H:i:s') : '—' }}</td>
                            <td class="text-end">
                                <form method="post" action="{{ path('admin_super_blocked_ip_unblock', {key: item.key}) }}" class="d-inline" onsubmit="return confirm('Débloquer immédiatement l’adresse IP {{ item.ip|e('js') }} ?');">
                                    <input type="hidden" name="_token" value="{{ csrf_token('unblock-login-ip-' ~ item.key) }}">
                                    <button class="btn btn-sm btn-outline-success">
                                        <i class="bi bi-unlock me-1"></i>Débloquer
                                    </button>
                                </form>
                            </td>
                        </tr>
                    {% endfor %}
                    </tbody>
                </table>
            </div>
        {% endif %}
    </div>
</div>

<div class="alert alert-light border mt-4 mb-0">
    <div class="d-flex gap-2">
        <i class="bi bi-info-circle mt-1"></i>
        <div>
            <strong>Fonctionnement</strong><br>
            <span class="text-secondary">Une IP est bloquée après 5 échecs rapprochés. Le premier blocage dure 15 minutes ; une récidive dans les 24 heures porte le blocage à 1 heure. Le bouton « Débloquer » supprime immédiatement le blocage et son compteur IP courant.</span>
        </div>
    </div>
</div>
{% endblock %}