templates/security/login.html.twig line 1

Open in your IDE?
  1. {% extends 'layout.html.twig' %}
  3. {% block title %}Connexion {{ parent() }}{% endblock %}
  4. {% block h1 %}Accès sécurisé{% endblock %}
  6. {% block body %}
  7. <section class="content container d-flex align-items-end" id="login">
  8.     
  9.     {% if app.user %}
  10.         <div class="mb-3">
  11.             Vous êtes déjà identifié, <a href="{{ path('app_logout') }}">déconnexion</a>
  12.         </div>
  13.     {% endif %}
  14.     
  15.         <div class="row justify-content-center w100">
  16.             <div class="col-7">
  17.                 <div id="illus_connexion">
  18.                     <h1 class="text-start w60">Entrez dans votre espace sécurisé</h1>
  19.                 </div>
  20.             </div>
  21.             <div class="col-5">
  22.                 
  23.                     <div id="login_form" class="bg-white h100 w75 pt-5">
  24.                         <div class="container">
  25.                             {% if error %}
  26.                                 <div class="alert alert-danger">{{ error.messageKey|trans(error.messageData, 'security') }}</div>
  27.                             {% endif %}
  28.                             <form method="post" class="container">
  29.                                 <div class="row mb-3">
  30.                                     <div class="col">
  31.                                         <input type="email" value="{{ last_username }}" name="email" id="inputEmail" placeholder="Identifiant" class="form-control" autocomplete="off" required autofocus>
  32.                                     </div>
  33.                                 </div>
  34.                                 <div class="row mb-3">
  35.                                     <div class="col">
  36.                                         <input type="password" name="password" id="inputPassword" placeholder="Mot de passe" class="form-control" autocomplete="current-password" required>
  37.                                     </div>
  38.                                 </div>
  39.                                 
  40.                                 <div class="row text-center mb-4">
  41.                                     <div class="col text-start">
  42.                                         <div class="checkbox">
  43.                                             <label>
  44.                                                 <input type="checkbox" name="_remember_me"> Se souvenir de moi
  45.                                             </label>
  46.                                         </div>
  47.                                     </div>
  48.                                 </div>
  49.                                 <div class="row text-center mb-5">
  50.                                     <div class="col text-start">
  51.                                         <a href="{{ path('app_forgotten') }}">Mot de passe oublié</a>
  52.                                     </div>
  53.                                 </div>
  54.                                 <div class="row text-center my-5">
  55.                                     <div class="col">
  56.                                         <button class="btn btn-secondary w100" href="{{ path('app_login') }}" type="submit" >
  57.                                             <i class="fa-regular fa-user"></i> Connexion
  58.                                         </button>
  59.                                     </div>
  60.                                 </div>
  62.                                 <div class="row text-center my-5">
  63.                                     <div class="col">
  64.                                         <p class="grey fw-bold mb-2">Vous n'avez pas encore de compte ?</p>
  65.                                         <button class="btn btn-primary-regular w100" href="{{ path('app_login') }}" type="submit"><i class="fa-regular fa-pen-to-square"></i>S'inscrire</button>
  66.                                     </div>
  67.                                 </div>
  68.                                 
  69.                                 <input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">
  70.                             </form>
  71.                         </div>
  72.                     </div>
  73.                 
  74.             </div>
  75.         </div>
  76. </section>
  77. {% endblock %}