{% extends 'base.html' %}
{% block title %}Connexion{% endblock %}
{% block fullpage %}
<div class="min-h-screen flex items-center justify-center">
    <div class="card p-8 w-96">
        <div class="text-center mb-6">
            <h1 class="text-2xl font-bold text-cyber-accent">PatchCenter</h1>
            <p class="text-sm text-gray-500 mt-1">Authentification requise</p>
        </div>
        {% if error %}
        <div class="bg-cyber-red/20 text-cyber-red text-sm p-3 rounded mb-4">{{ error }}</div>
        {% endif %}
        <form method="POST" action="/login" class="space-y-4">
            <div>
                <label class="text-xs text-gray-400 block mb-1">Utilisateur</label>
                <input type="text" name="username" required autofocus class="w-full" placeholder="username">
            </div>
            <div>
                <label class="text-xs text-gray-400 block mb-1">Mot de passe</label>
                <input type="password" name="password" required class="w-full" placeholder="password">
            </div>
            <button type="submit" class="btn-primary w-full py-2 rounded-md">Connexion</button>
        </form>
        <p class="text-center text-xs text-gray-600 mt-4">v{{ version }}</p>
    </div>
</div>
{% endblock %}