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

{% block title %}
    Se connecter : accès à mon compte.
{% endblock %}

{% block body %} 

{% if app.user %}
	<div class="mb-3">
		Vous êtes connecté, {{ app.user.userIdentifier }} ! 
		<a href="{{ path('logout') }}">Se déconnecter</a>
	</div>
{% endif %}

<div class="pageconnection">

	<div class="container">

		<h3>Connexion : identifiez-vous.</h3> <br>

		<form action="{{ path('connexion') }}" method="post">

			<div class="form-row">
				<label for="inputEmail">Votre email :</label>
				<input type="email" placeholder="Exemple : michel.dupont@laposte.fr" value="{{ last_username }}" name="_username" id="email" required autofocus>
			</div>

			<div class="form-row">
				<label for="inputPassword">Votre mot de passe :</label>
				<input type="password" name="_password" id="mot_de_passe" required>
			</div>

			<div class="form-row">
				<label>
					<input type="checkbox" name="_remember_me">
					Se souvenir de moi
				</label>
			</div>

			{% if error %}

				<ul class="form-errors mb-20">
					<li>{{ error.messageKey|trans(error.messageData, 'security') }}</li>
				</ul>

			{% endif %}

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

			<div class="options-login">
				<button class="bouton-se-connecter btn btn-primary mr-10">Connectez-vous !</button>
				<div class="liens-redirection">
					<small>
						<a href="{{ path('inscription') }}">Pas encore inscrit(e) ?</a>
					</small>
					<br>
					<small>
						<a href="{{ path('forgot_password_request') }}">Mot de passe oublié ?</a>
					</small>
				</div>
			</div>
		</form>
	</div>
</div>

{% endblock %}