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

{% block title %}Connexion – EOS{% endblock %}

{% block body %}
<div class="login-wrap">
    <div class="login-card">
        <div class="text-center mb-4">
            <div class="login-logo">☀</div>
            <h1 class="h4 mt-2 mb-0 fw-bold">EOS</h1>
            <p class="text-eos-muted small">Chaque jour est un nouveau départ.</p>
        </div>

        <div class="card">
            <div class="card-body p-4">
                {% if error %}
                    <div class="alert alert-danger py-2 small">{{ error.messageKey|trans(error.messageData, 'security') }}</div>
                {% endif %}

                <form method="post" action="{{ path('app_login') }}">
                    <input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">

                    <div class="mb-3">
                        <label for="email" class="form-label small fw-500">Adresse email</label>
                        <input type="email" id="email" name="_username" class="form-control"
                               value="{{ last_username }}" autocomplete="email" autofocus required>
                    </div>

                    <div class="mb-4">
                        <label for="password" class="form-label small fw-500">Mot de passe</label>
                        <input type="password" id="password" name="_password" class="form-control"
                               autocomplete="current-password" required>
                    </div>

                    <div class="mb-3 form-check">
                        <input type="checkbox" class="form-check-input" id="remember_me" name="_remember_me">
                        <label class="form-check-label small" for="remember_me">Se souvenir de moi</label>
                    </div>

                    <button type="submit" class="btn btn-primary w-100">Se connecter</button>
                </form>
            </div>
        </div>
    </div>
</div>
{% endblock %}