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

{% block title %}{{ parent() }} - S'identifier{%  endblock %}
{% block titre %}Identification{%  endblock %}

{% block body %}
    <div class="form-signin w-100 m-auto text-center">
        <form method="post">
            {% if error %}
                <div class="alert alert-danger">{{ error.messageKey|trans(error.messageData, 'security') }}</div>
            {% endif %}
            <div class="form-floating">
                <input type="text" value="{{ last_username }}" name="_username" id="inputUsername" class="form-control" placeholder="Identifiant" required autofocus>
                <label for="inputUsername">Login</label>
            </div>
            <div class="form-floating mb-3">
                <input type="password" name="_password" id="inputPassword" class="form-control" placeholder="Mot de passe" required>
                <label for="inputPassword">Mot de passe</label>
            </div>
            
            {#
            Uncomment this section and add a remember_me option below your firewall to activate remember me functionality.
            See https://symfony.com/doc/current/security/remember_me.html
            #}
            <div class="checkbox mb-3">
                <input type="checkbox" name="_remember_me">
                <label for="remember_me">Se souvenir de moi</label>
            </div>
            
            <input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">
            <button class="btn btn-primary mb-3" type="submit">Se connecter</button>
        </form>
        <div class="">
            <div class="hr">
                <p>Pas de compte ? <a href="{{ path('security_register') }}">S'enregistrer</a></p>
                <p>Mot de passe oublié ? <a href="{{ path('security_envoyertoken') }}">Récupérer mot de passe</a></p>
            </div>
        </div>
    </div>
{% endblock %}