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

{% block stylesheets %}

	{{ parent() }}
		
		#layout
		{
			width:100%;
			display:flex;
			flex-direction:column;
			align-items:center;
		}
		
		h1
		{
			width:100%;
			text-align:center;
			text-transform:uppercase;
		}
		
		form
		{
			display:flex;
			flex-direction:row;
			margin:100px 0 100px 0;
			min-width:60%;
			font-size:1em;
			border:solid 1px;
		}
		
		fieldset
		{
			flex:1;
			display:flex;
			flex-direction:column;
		}
	
		fieldset span 
		{
			flex:1;
			display:flex;
			flex-direction:row;
			margin:30px 0px 0px 0px;
		}
		
		fieldset span input
		{
			flex:2;
			height:40px;
		}
		 
		fieldset span p
		{
			flex:1;
			text-align:left;
		}
		
		fieldset a
		{
	       	display:flex;
           	flex-direction:row;
           	width:50%;
           	margin:30px 0px 30px 0px; 
           	height:40px;   
		}
		
		fieldset a button
		{
			font-size:1em;
			height:100%;
		}
		
		
		
{% endblock %}

{% block main_content %}

<div id="layout">
	<h1>{{ title }}</h1>
	<form method="post">

		<fieldset>
			<legend>authentification</legend>
			<span><input type="email" value="" name="email" id="inputEmail" class="form-control" autocomplete="email" required autofocus placeHolder="Email"></span>
			<span><input type="password" name="password" id="inputPassword" class="form-control" autocomplete="current-password" required placeHolder="Password"></span>
			<input type="hidden" name="_csrf_token"  value="{{ csrf_token('authenticate') }}">
			<a><button class="logon-btn" type="submit" id="submit">envoyer</button></a>
			    			    
    			    
		</fieldset>
		
		<fieldset >
			<legend>informations</legend>
			<span><p>Pas encore de compte? Créez un  <a href="{{ path('registration') }}">compte</a></p></span>
			 {% if error %}
    	        <p class="alert alert-danger">{{ error.messageKey|trans(error.messageData, 'security') }}</p>
    	    {% endif %}
		</fieldset>
	</form>
</div>
	
{% endblock %}

{% block javascript %}

{% endblock %}