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

{% block title %}Connexion{% endblock %}

{% block body %}
    <!-- Single Page Header start -->
    <div class="container-fluid page-header py-5">
        <h1 class="text-center text-white display-6 wow fadeInUp" data-wow-delay="0.1s">Connexion</h1>
        <ol class="breadcrumb justify-content-center mb-0 wow fadeInUp" data-wow-delay="0.3s">
            <li class="breadcrumb-item"><a href="{{ path('home') }}">Home</a></li>
            <li class="breadcrumb-item"><a href="#">Pages</a></li>
            <li class="breadcrumb-item active text-white">Connexion</li>
        </ol>
    </div>
    <!-- Single Page Header End -->

<div class="container-fluid pt-5" style="display: flex; justify-content: center;">
    <div class="row px-xl-5 center ">
        <form method="post">
            {% if error %}
                <div class="alert alert-danger">{{ error.messageKey|trans(error.messageData, 'security') }}</div>
            {% endif %}

            {% if app.user %}
                <div class="mb-3">
                    Vous êtes connecté(e) en tant que {{ app.user.username }}, <a href="{{ path('app_logout') }}">Logout</a>
                </div>
            {% endif %}
            <div class="text-center mb-4">
                <h2 class="section-title px-5"><span class="px-2">Renseignez vos identifiants</span></h2> <br>
            </div>
            <div class="row px-xl-5 center" style="display: flex; justify-content: center;">
                <div class="col-lg-12 mb-5">
                    <br><label for="inputEmail">Email</label>
                    <input type="email" value="{{ last_username }}" name="email" id="inputEmail" class="form-control" autocomplete="email" required autofocus>
                    <label class=" mt-4" for="inputPassword">Mot de passe</label>
                    <input type="password" name="password" id="inputPassword" class="form-control" autocomplete="current-password" required>

                    <input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">

                    {#
                        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">
                            <label>
                                <input type="checkbox" name="_remember_me"> Remember me
                            </label>
                        </div>
                    #}
                    <p class="mt-3">Vous n'êtes pas inscrit ? <a href="{{ path('register') }}">Créez un compte ici</a></p>
                    <button class="btn btn-block btn-primary my-3 py-3" type="submit">
                        Connexion
                    </button>
                </div>
            </div>
            
        </form>
        
    </div>
</div>
{% endblock %}