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

{% block title %}Patrimoine Roses | Se connecter{% endblock %}

{% block body %}

    <div class="container">
        <form method="post" class="border p-5 my-4 m-md-5" style="padding-bottom: 30px;">
            {% if error %}
                <div class="alert alert-danger">{{ error.messageKey|trans(error.messageData, 'security') }}</div>
            {% endif %}

            {% if app.user %}
                <div class="mb-3">
                    Vous êtes déjà connecté en tant que {{ app.user.userIdentifier }}, <a href="{{ path('app_logout') }}">Déconnexion</a>
                </div>
            {% endif %}

            <h1 class="h3 mb-3 font-weight-normal text-center">Identification</h1>
            <label for="inputUsername">Identifiant :</label>
            <input type="text" value="{{ last_username }}" name="username" id="inputUsername" class="form-control" autocomplete="username" required autofocus>
            <br>
            <label for="inputPassword">Mot de passe :</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') }}"
            >
            <br><br>
            <button class="btn w-100 theme_btn mt-2" type="submit">
                Se connecter
            </button>
        </form>
    </div>

{% endblock %}