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

{% block title %}Authentification Utilisateur{% endblock %}

{% block content %}
<h2 class="text-center">{{ block('title') }}</h2>
{% if error %}
<div class="alert alert-danger">
    <strong>Login failed!</strong> {{ error }}
</div>
{% endif %}
<div class="well">
    <form class="form-signin form-horizontal" role="form" action="{{ path('login_check') }}" method="post">
        <div class="form-group">
            <div class="col-sm-6 col-sm-offset-3 col-md-4 col-md-offset-4">
                <div class="input-group">
                    <span class="input-group-addon primary"><span class="glyphicon glyphicon-user"></span></span>
                    <input type="text" name="_username" value="{{ last_username }}" class="form-control" placeholder="Entrer votre nom utilisateur" required autofocus>
                </div>
            </div>
        </div>
        <div class="form-group">
            <div class="col-sm-6 col-sm-offset-3 col-md-4 col-md-offset-4">
                <div class="input-group">
                    <span class="input-group-addon primary"><i class="fa fa-lock fa-lg" aria-hidden="true"></i></span>
                    <input type="password" name="_password" class="form-control" placeholder="Entrer votre mot de passe" required>
                </div>
            </div>
        </div>
        <div class="form-group">
            <div class="col-sm-6 col-sm-offset-3 col-md-4 col-md-offset-4">
                <div class="col-xs-2 col-xs-offset-4">
                    <button type="submit" class="btn btn-default btn-primary center"><span class="glyphicon glyphicon-log-in"></span> Connexion</button>
                </div>
            </div>
        </div>
    </form>
</div>
{% endblock %}