templates/users/login.html.twig line 1

  1. {% extends 'base.html.twig' %}
  3. {% block title %}Connexion{% endblock %}
  5. {% block body %}
  6.     <div class="bg-light">
  7.         <div class="container">
  8.             <div class="row">
  9.                 <div class="d-flex align-items-center justify-content-center" style="height: 50vh;">
  10.                     <div class="col-lg-6 col-md-8 col-12 shadow-sm border p-2 mt-4 bg-white rounded">
  11.                         <div class="card-header">
  12.                             <h4 class="text-center">Connexion</h4>
  13.                         </div>
  14.                         <div class="card-body pt-2">
  15.                             <form action="{{ path('login') }}" method="post" class="mobile-login-display">
  16.                                 <div class="form-group pb-2">
  17.                                     <label class="pb-2">Login</label>
  18.                                     <input class="form-control" type="text" id="username" name="_username"
  19.                                            value="{{ last_username }}"/>
  20.                                 </div>
  21.                                 <div class="form-group pb-2">
  22.                                     <label class="pb-2 d-block">
  23.                                         Mot de passe
  24.                                         <a class="float-end" href="{{ path('motDePasseRecuperation') }}">Mot de passe oublié</a>
  25.                                     </label>
  26.                                     <input class="form-control" type="password" id="password" name="_password"/>
  27.                                 </div>
  28.                                 <input type="hidden" name="_target_path" value="{{ path('app_home') }}"/>
  29.                                 {% if error %}
  30.                                     <div class="text-danger">
  31.                                         {{ error.message() }} <br>
  32.                                         {{ error.messageKey|trans(error.messageData, 'security') }}
  33.                                     </div>
  34.                                 {% endif %}
  35.                                 <div class="d-flex justify-content-left">
  36.                                     <a href="/inscription">Pas de compte ? inscription ici</a>
  37.                                 </div>
  38.                                 <div class="col-12 text-center mt-3">
  39.                                     <button type="submit" class="btn btn-outline-primary" value="Connexion">Connexion</button>
  40.                                     <button type="reset" class="btn btn-outline-danger" value="Connexion">Annuler</button>
  41.                                 </div>
  42.                             </form>
  43.                         </div>
  45.                     </div>
  46.                 </div>
  47.             </div>
  48.         </div>
  49.     </div>
  50. {% endblock %}