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

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

{% block body %}

	<div class="row gx-5 align-items-center justify-content-center justify-content-lg-between">
		<div class="col-12 col-lg-12">
			<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.userIdentifier }},
						<a href="{{ path('app_logout') }}">Se déconnecter</a>
					</div>
				{% endif %}

				<h1 class="h3 mb-3 font-weight-normal">Connexion</h1>
				<label for="inputUsername">Identifiant</label>
				<input type="text" value="{{ last_username }}" name="username" id="inputUsername" class="form-control" autocomplete="username" required autofocus>
				<label 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') }}">
				<br/>

				<button class="btn btn-lg btn-primary" type="submit">
					Se connecter
				</button><br><br>
			</form><br>
			<a href="{{ path('app_user_mot_de_passe_oublie') }}">Mot de passe oublié</a><br/>
			<a href="{{ path('register') }}">Pas de compte? Créez en un!</a>
		</div>

	</section>
{% endblock %}