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

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

{% block body %}

	<section class="container my-3 text-center">
		<div class="row justify-content-center">
			<div class="col-md-4">
				<form method="post">
					{% if error %}
						<div class="alert alert-danger">
							{% if error.messageKey == 'Invalid credentials.' %}
								Identifiants incorrects.
							{% else %}
								{{ error.messageKey|trans(error.messageData, 'security') }}
							{% endif %}
						</div>
					{% endif %}


					{% if app.user %}
						<div class="mb-3">
							Vous êtes connecté(e) en tant que
							{{ app.user.userIdentifier }},
							<a href="{{ path('app_logout') }}">Me déconnecter</a>
						</div>
					{% endif %}

					<h1 class="h3 mb-3 font-weight-normal">Me connecter</h1>
					<label for="inputEmail">Email</label>
					<input type="email" value="{{ last_username }}" name="email" id="inputEmail" class="form-control" autocomplete="email" 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') }}">

					<button class="btn btn-lg mt-3" type="submit">
						Me connecter
					</button>
					<a href=" {{ path('app_register')}} " class="btn btn-lg btn3 mt-3">M'inscrire</a>
					<a href=" {{ path('forgotten_password')}} " class="btn btn-lg btn2 mt-3">Mot de passe oublié</a>

				</form>
			</div>
		</div>
	</section>

{% endblock %}

{% block javascripts %}
	<script src="{{ asset('/assets/js/connexion.js')}}"></script>

{% endblock %}