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

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


{% block body %}
<style>
 .login {
	justify-items: center;
	
}
</style>
	<h2 class="text-center mb-5">SITE EN CONSTRUCTION !!</h2>
	<div class="login">
	<div class="container col-md-4 col-12 card MyDiv p-4 m-2 justify-item-center">
		<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">
					You are logged in as
					{{ app.user.userIdentifier }},
					<a href="{{ path('app_logout') }}">Logout</a>
				</div>
			{% endif %}

			<h3 class="h3 mb-3 font-weight-normal">Please sign in</h3>
			<label for="username">Email</label>
			<input type="email" value="{{ last_username }}" name="_username" id="username" class="form-control" autocomplete="email" required autofocus>
			<label for="password">Password</label>
			<input type="password" name="_password" id="password" class="form-control" autocomplete="current-password" required>

			<input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">
			<button class="btn btn-lg btn-primary mt-3" type="submit">
				Sign in
			</button>
		</form>
	</div>
	</div>

	{#
			            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">
			                <input type="checkbox" name="_remember_me" id="_remember_me">
			                <label for="_remember_me">Remember me</label>
			            </div>
			        #}


{% endblock %}