{% extends "backoffice/layout/layout_non_connecte.html.twig" %}

{% block title %}
  {{ site_titre }} - Backoffice - Connexion
{% endblock %}


{% block content %}

    <div class="middle-box text-center loginscreen animated fadeInDown">
        <div>

            <div>
                <img src="{{ asset('images/logo-apcido.png') }}" width="50%">
            </div>

            <h2>{{ site_titre }} | Backoffice</h2>
            <hr>

            {% if error %}
                <p class="bg-danger p-xs">{{ error.messageKey|trans(error.messageData, 'security') }}</p>
            {% endif %}

            {% for message in app.flashes('success') %}
                <p class="bg-success p-xs">{{ message }}</p>
            {% endfor %}
            {% for message in app.flashes('error') %}
                <p class="bg-danger p-xs">{{ message }}</p>
            {% endfor %}

            <form class="m-t" action="{{ path('login') }}" method="post">

                <div class="form-group">
                <label for="username">Votre adresse email</label>
                <input type="text" class="form-control" id="username" name="_username" value="{{ last_username }}" required="required">
                </div>
                <div class="form-group">
                <label for="password">Votre mot de passe</label>
                <input type="password" class="form-control" id="password" name="_password"  required="required">
                </div>

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

                <button type="submit" class="btn btn-primary block full-width m-b">Je me connecte</button>
            </form>

            <a href="{{ path('app_forgot_password_request') }}">Mot de passe oublié ?</a>

        </div>
    </div>

{% endblock %}