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

{% block style %}
	<link rel="stylesheet" type="text/css" href="{{ asset('style/widget/form-style.css') }}">
	<link rel="stylesheet" type="text/css" href="{{ asset('style/widget/layout.css') }}">	
{% endblock %}

{% block stylesheets %}
	{{ parent() }} 
	       
{% endblock %}

{% block main_content %}

	<div class="layout">

    	<h1>{{ title }}</h1>
    
        <form method="post" class="form">
         
            <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="mot de passe"></span>
            <input type="hidden" name="_csrf_token"  value="{{ csrf_token('authenticate') }}">
            <span><a><button  type="submit" id="submit">envoyer</button></a></span>
                           
                    <div id="account">
                        <p>Pas encore de compte? Créez un  <a href="{{ path('registration') }}">compte</a></p>
                        <p>Mot de passe oublié? Réinitialiser votre mot de passe  <a href="{{ path('registration') }}">ici</a></p>
                    </div>      
                  
                     {% if error %}
                        <span><p class="alert">{{ error.messageKey|trans(error.messageData, 'security') }}</p></span>
                    {% endif %}
    
        </form>
                

    
	</div>               
                    
{% endblock %}

{% block javascript %}
	{{ parent() }}
{% endblock %}