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

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

{% block body %}
<div class="container-md bg-light my-5 d-flex p-5">
    <div class="row m-auto">

        <div class="col">
            <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">
                        Vous êtes connecté en tant que: {{ app.user.userIdentifier }}, <a href="{{ path('app_logout') }}">Deconnexion</a>
                    </div>


                <h1 class="h3 mb-3 font-weight-normal">Merci de vous connecter :</h1>
                <label for="inputEmail">Email</label>
                <input type="email" value="{{ last_username }}" name="email" id="inputEmail" class="form-control" autocomplete="email" novalidate="novalidate">
                <label for="inputPassword">Password</label>
                <input type="password" name="password" id="inputPassword" 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">
                    Connexion
                </button>
            </form>
        </div>
    {% endif %}

    <h1 class="h3 mb-3 font-weight-normal">Merci de Vous connecter :</h1>
    <label for="inputEmail">Email</label>
    <input type="email" value="{{ last_username }}" name="email" id="inputEmail" class="form-control" autocomplete="email" novalidate="novalidate">
    <label for="inputPassword">Password</label>
    <input type="password" name="password" id="inputPassword" class="form-control" autocomplete="current-password">

    <input type="hidden" name="_csrf_token"
           value="{{ csrf_token('authenticate') }}"
>

    <button class="btn btn-lg btn-primary" type="submit">
        Connexion
    </button>
        </form>
    </div>
</div>
{% endblock %}