<div id="fb-root"></div>
<div class="row justify-content-center">
<div class="col-12 col-md-4">
<div class="d-flex flex-column justify-content-center align-items-between">
<div>
<img src="{{ asset('image/login-eleve.png') }}" style="width:100%;height:auto;">
</div>
</div>
</div>
<div class="col-12 col-md-8">
<div class="card">
<div class="pt-4 pb-2">
<h5 class="card-title text-center pb-0 fs-4">Connectez-vous à votre compte</h5>
<p class="text-center small">Entrez votre adresse email et votre mot de passe</p>
</div>
<div class="card-body">
<form class="form-horizontal" method="post" action="{{ path('security_login') }}">
{% if error %}
<div class="alert alert-danger">{{ error.messageKey|trans(error.messageData, 'security') }}</div>
{% endif %}
{% if app.request.hasPreviousSession %}
{% for type, messages in app.session.flashbag.all() %}
{% for message in messages %}
<div class="alert alert-danger flash-{{ type }}">
{{ message }}
</div>
{% endfor %}
{% endfor %}
{% endif %}
<input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">
<div class="row w-100 p-0 justify-content-center">
<div class="col-12 control-group">
<label class="control-label" for="inputText">{{ 'user.login' | trans }}</label>
<div class="controls">
<input type="text" class="form-control" id="username" name="_username" value="{{ last_username }}" required="required" placeholder="{{ 'user.email_or_username'|trans }}" autocomplete="username" />
</div>
</div>
<div class="col-12 control-group">
<label class="control-label" for="inputSigninPassword">{{ 'user.password' | trans }}</label>
<div class="controls">
<input type="password" class="form-control" id="password" name="_password" placeholder="{{ 'user.password' | trans }}" required="required" autocomplete="current-password" />
</div>
</div>
<div class="col-12 control-group">
<div class="controls">
<label>
<input type="checkbox" id="remember_me_checkbox" class="styled" value="" />
{{ 'user.remember_me'|trans }}
</label>
</div>
</div>
<div class="control-group">
<div class="controls">
<p>
<button type="submit" class="btn btn-success float-right form-register-valiation-btn">{{ 'user.connexion'|trans }} <i class="fa fa-sign-in position-right"></i></button>
</p>
<p>
<span class="help-block text-center no-margin">En continuant, vous confirmez que vous avez lu nos <a href="{{ path('terms') }}">Conditions d'utilisation</a> et <a href="{{ path('privacy') }}">notre Politique de cookie</a></span>
</p>
</div>
<p class="aligncenter margintop20">
Mot de passe oublié ? <a href="{{ path('resetting.request') }}">Reinitialiser</a>
</p>
</div>
<input type="hidden" name="home" value="/account"/>
</div>
</form>
<br/>
<br/>
</div>
</div>
</div>