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

{% block title %}Log in!
{% endblock %}

{% block body %}

	<div class="row justify-content-center mt-50 mb-100">
		<div class="col-4 bg-light p-3 border ">
			<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 text-center">
						Vous etes connecté en tant que :
						{{ app.user.userIdentifier }} |
						<a href="{{ logout_path() }}">Déconnexion</a>
					</div>
				{% endif %}

				<h1 class="h3 mt-4 mb-4 font-weight-normal text-center">Connectez-vous</h1>
				{# <label for="inputEmail">Email</label> #}
				<input type="email" placeholder="Email" value="{{ last_username }}" name="email" id="inputEmail" class="form-control mt-2 mb-4" autocomplete="email" required autofocus>
				{# <label for="inputPassword">Mot de passe</label> #}
				<input type="password"placeholder="Mot de passe"  name="password" id="inputPassword" class="form-control mt-2 mb-4" autocomplete="current-password" required>
				<input type="hidden" name="_csrf_token" data-controller="csrf-protection" value="{{ csrf_token('authenticate') }}">

                    <div class="text-center">
                        <div class="checkbox mb-3">
                            <label>
                                <input type="checkbox" name="_remember_me">
                                Se souvenir de moi
                            </label>
                        </div>

                        <button class="btn btn-lg btn-primary" type="submit">
                            Connexion
                        </button>
		            </div>
		        </div>
			</form>
		</div>
	</div>
{% endblock %}