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

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


 {% block body %}
 <div class="login container mt-5">

     <form method="post">
         <div class="container-fluid" style="width:50%">
             <div class="row d-flex justify-content-center">
                 <img src="{{ asset('/build/img/icons/logowb.png') }}" alt="Logo de Parallèle Activities"
                     class="img-fluid " style="width: 200px;">
             </div>
             <h1 class="h3 mb-3 text-center">Connexion</h1>
             {% if error %}
             <div class="alert alert-danger">{{ error.messageKey|trans(error.messageData, 'security') }}</div>
             {% endif %}
             {% if app.user %}
             <div class="mb-3 text-center">
                 Tu es déjà connecté.e avec cette adresse mail : {{ app.user.userIdentifier }}. 
                 <a class="pr-5" href="{{ path('app_logout') }}">Déconnexion</a> <a href="{{ path('admin') }}">Dashboard</a>
             </div>
             {% endif %}
             <label class="mt-2" for=" inputEmail">Adresse mail</label>
             <input type="email" value="{{ last_username }}" name="email" id="inputEmail" class="form-control"
                 autocomplete="email" required autofocus>
             <label class="mt-2" for="mt-2 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="mt-3 checkbox mb-3">
                 <label>
                     <input type="checkbox" name="_remember_me"> Se souvenir de moi
                 </label>
             </div>
             <div class="mt-3 row d-flex justify-content-center">
                 <button class="btn btn-lg btn_login" type="submit">
                     Login
                 </button>
             </div>
         </div>
     </form>
 </div>

 {% endblock %}