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

{% block title %}Connection{% endblock %}

{% block body %}
<div class="container">
		<div class="row">
			<div class="col-md-10 ml-md-auto">
				<div class="">
					<div class="card bg-light mb-3 mt-5" style="width: 800px;">
						<div class="card-body">
							<form class="form-horizontal" role="form" method="post">
								{% if error %}
									<div class="alert alert-danger">Mot de passe invalide -{{ error.messageKey|trans(error.messageData, 'security') }}</div>
								{% endif %}

								{% if app.user %}
									<div class="mb-3">
										Vous êtes connecté en tant que
										{{ app.user.username }},
										<a href="{{ path('app_logout') }}">Se déconnecter</a>
									</div>
								{% endif %}
								<div class="card-header mb-3">Connectez_vous</div>
								<div class="form-group">
									<label for="inputEmail" class="col-md-4 control-label">Adresse email</label>
									<div class="col-md-12">
										<input id="inputEmail" type="email" class="form-control" name="email" value="{{ last_username }}" required autofocus/>
									</div>
								</div>
								<div class="form-group">
									<label for="inputPassword" class="col-md-4 control-label">Mot de passe</label>
									<div class="col-md-12">
										<input id="inputPassword" type="password" class="form-control" name="password" required/>
									</div>
								</div>
								<input
								type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}"/>
								{#
								Uncomment this section and add a remember_me option below your firewall to activate remember me functionality.
			                    See https://symfony.com/doc/current/security/remember_me.html
																
			                    <div class="checkbox mb-3">
						        <label>
			                     <input type="checkbox" name="_remember_me"> Remember me
			                    </label>
								</div>
								#}
								<div class="form-group">
									<div class="col-md-12">
										<button class="btn create" type="submit" >
											Valider
										</button>
										<a class="btn create" href="{{ path('registration') }}">
											Créer un compte
										</a>
									</div>
								</div>
							</form>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
{% endblock %}