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

{% block title %}Formulaire de connexion
{% endblock %}

{% block body %}
	<section class="container vh-100 mt-4">
		<form method="post">
			<div class="row">
				<div class="col">

					{% 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é en tant que
							{{ app.user.userIdentifier }},
							<a href="{{ path('app_logout') }}">Se Déconnecter</a>
						</div>
					{% endif %}

					<h1 class="h3 mb-3 font-weight-normal">Merci de vous connecter</h1>
					<label class='my-2' for="inputEmail">Votre email</label>
					<input type="email" value="{{ last_username }}" name="email" id="inputEmail" class="form-control" autocomplete="email" required autofocus>
					<label class='my-2' for="inputPassword">Votre 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') }}">
				</div>
			</div>
			<div class="row">
				<div class="col-md-6">
					<button class="btn btn-lg btn-primary mt-4" type="submit">
						Me connecter
					</button>
				</div>
				<div class="col mt-4">
					<p>Merci de vous inscrire si vous n'avez pas de compte</p>
					<a class='btn btn-secondary' href="{{path('app_register')}}">M'inscrire</a>
					<p class='mt-4'>Cliquez ci-dessous si vous avez oublié votre mot de passe.</p>
					<a class='btn btn-secondary' href="{{path('app_new_password_request')}}">J'ai oublié mon mot de passe</a>
				</div>
			</div>
		</form>
	</section>
{% endblock %}