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

{% block title %}Connexion — CARTECADEAU{% endblock %}

{% block body %}
<div class="container">
    <div class="card form-wrap">
        <h1>Connexion</h1>

        {% if error %}
            <div class="alert alert-error">{{ error.messageKey|trans(error.messageData, 'security') }}</div>
        {% endif %}

        <form method="post">
            <label for="username">Adresse email</label>
            <input type="email" value="{{ last_username }}" name="_username" id="username" autocomplete="email" required autofocus>

            <label for="password">Mot de passe</label>
            <input type="password" name="_password" id="password" autocomplete="current-password" required>

            <input type="hidden" name="_csrf_token" data-controller="csrf-protection" value="{{ csrf_token('authenticate') }}">

            <div style="margin-top:20px">
                <button class="btn" type="submit">Se connecter</button>
            </div>
        </form>

        <p style="margin-top:16px">Pas encore de compte ? <a href="{{ path('app_register') }}">Créer un compte</a></p>
    </div>
</div>
{% endblock %}