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

{% block title %}
  Agrope-Se Connecter
{% endblock %}

{% block body %}
  <div class="login-container">
    <form class="login-form" method="post">
      {% if error %}
        <div class="alert alert-danger">
          {{ error.messageKey|trans(error.messageData, 'security') }}
        </div>
      {% endif %}

      <h1 class="login-welcome">
        Se connecter
      </h1>
      <h3 class="login-sect">
        panneau Administrateur
      </h3>
      <hr />
      <label for="inputUsername">Nom d'utilisateur</label>
      <input type="text"
        value="{{ last_username }}"
        name="username"
        id="inputUsername"
        class="form-control login-username"
        required
        autocomplete
        autofocus />
      <label for="inputPassword">Mot de passe</label>
      <input type="password"
        name="password"
        id="inputPassword"
        class="form-control login-password"
        autocomplete
        required />
      <input type="hidden"
        name="_csrf_token"
        value="{{ csrf_token('authenticate') }}" />

      <div class="checkbox mb-3">
        <label>
          <input type="checkbox" name="_remember_me" />Se souvenir de moi
        </label>
      </div>

      <button class="btn btn-outline-warning btn-lg btn-block" type="submit">
        Connexion
      </button>
    </form>
  </div>
  {% if app.user %}
    <div class="login-already">
      Vous êtes déja connecté en temps que &nbsp<span class="username">
          {{ app.user.username }}
        </span>.&nbsp
      <a href="{{ path('app_logout') }}" class="logout">
        Se déconnecter
      </a>
    </div>
  {% endif %}
{% endblock %}