templates/security/login.html.twig line 1

  1. {% extends 'auth.html.twig' %}
  3. {% block title %}Connexion{% endblock %}
  5. {% block body %}
  6. <div id="auth">
  7.     <div class="row h-100">
  8.         <div class="col-lg-5 col-12">
  9.             <div id="auth-left">
  10.                 <div class="auth-logo">
  11.                     <a href="index.html"><img src="../assets/site/img/logo.png" alt="Logo" class="logo-form"></a>
  12.                 </div>
  13.                     <h1 class="auth-title" style="color: #0B2844">Connexion</h1>
  14.                          {% if error %}
  15.                             <div class="alert alert-danger">{{ error.messageKey|trans(error.messageData, 'security') }}</div>
  16.                         {% endif %}
  18.                         {% if app.user %}
  19.                             <div class="mb-3">
  20.                                 Vous êtes déjà connecté avec l'adresse {{ app.user.userIdentifier }}. <a href="{{ path('app_logout') }}">Déconnexion</a>
  21.                             </div>
  22.                         {% endif %}
  24.                         <form method="post">
  25.                             <div class="form-group position-relative has-icon-left mb-4">
  26.                                  <input type="email" value="{{ last_username }}" name="email" id="inputEmail" class="form-control form-control-xl" autocomplete="email" required autofocus>
  27.                                     <div class="form-control-icon">
  28.                                         <i class="bi bi-person"></i>
  29.                                     </div>
  30.                                 </div>
  32.                             <div class="form-group position-relative has-icon-left mb-4">
  33.                                 <input type="password" name="password" id="inputPassword" class="form-control form-control-xl" autocomplete="current-password" required>
  34.                                     <div class="form-control-icon">
  35.                                         <i class="bi bi-shield-lock"></i>
  36.                                     </div>
  37.                                 </div>
  39.                             <input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">
  40.                                
  41.                             <div class="form-check form-check-lg d-flex align-items-end">
  42.                                 <input class="form-check-input me-2" type="checkbox" value="" id="flexCheckDefault">
  43.                                      <label class="form-check-label text-gray-600" for="flexCheckDefault">
  44.                                         Rester connecté
  45.                                     </label>
  46.                                 </div>
  47.                              
  48.                             <button class="btn btn-primary btn-block btn-lg shadow-lg mt-5" type="submit">
  49.                                 Connexion
  50.                             </button>
  51.                         </form>
  52.           
  53.             <div class="text-center mt-5 text-lg fs-4">
  54.                 <p><a class="font-bold" href="auth-forgot-password.html">Mot de passe oublié ?</a></p>
  55.             </div>
  56.         </div>
  57.     </div>
  58.     <div class="col-lg-7 d-none d-lg-block">
  59.         <div id="auth-right">
  61.         </div>
  62.     </div>
  63. </div>
  65.     </div>
  67. {% endblock %}