templates/security/login.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Connexion{% endblock %}
  5. {% block body %}
  6.     <div class="container-fluid position-relative p-0">
  7.         <div class="container-fluid bg-primary py-5 bg-header" style="margin-bottom: 90px;">
  8.             <div class="row py-5">
  9.                 <div class="col-12 pt-lg-5 mt-lg-5 text-center">
  10.                     <h1 class="display-4 text-white animated zoomIn">Se connecter</h1>
  11.                     <a href="{{ path('home') }}" class="h5 text-white">Accueil</a>
  12.                     <i class="far fa-circle text-white px-2"></i>
  13.                     <a href="" class="h5 text-white">Connexion</a>
  14.                 </div>
  15.             </div>
  16.         </div>
  17.     </div>
  19.     <!-- Contact Start -->
  20.     <div class="container-fluid py-5 wow" data-wow-delay="0.1s">
  21.         <div class="container py-5">
  22.             <div class="section-title text-center position-relative pb-3 mb-5 mx-auto" style="max-width: 600px;">
  23.                 <h5 class="fw-bold text-primary text-uppercase">Se connecter</h5>
  24.                 <h1 class="mb-0">Renseignez vos informations</h1>
  25.             </div>
  26.             <div class="row g-5 " style="display: flex; justify-content: center;">
  27.                 <div class="col-lg-6 " data-wow-delay="0.3s">
  28.                     <form method="post">
  29.                         {% if error %}
  30.                             <div class="alert alert-danger">{{ error.messageKey|trans(error.messageData, 'security') }}</div>
  31.                         {% endif %}
  33.                         {% if app.user %}
  34.                             <div class="mb-3">
  35.                                 Vous êtes connecté(e) en tant que {{ app.user.username }}, <a href="{{ path('app_logout') }}">Logout</a>
  36.                             </div>
  37.                         {% endif %}
  38.                         <div class="row g-3" style="display: flex; justify-content: center;">
  39.                             <div class="col-md-12">
  40.                                 <input type="email"  name="email" id="inputEmail" class="form-control border-0 bg-light px-4" value="{{ last_username }}" placeholder="Email" autocomplete="email" required autofocus style="height: 55px;" >
  41.                             </div>
  42.                             <div class="col-md-12">
  43.                                 <input type="password" name="password" id="inputPassword" class="form-control border-0 bg-light px-4" placeholder="Mot de passe" style="height: 55px;" autocomplete="current-password" required>
  44.                             </div>
  45.                             <input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">
  46.                             <div class="col-md-12">
  47.                                  <p class="mt-3">Vous n'êtes pas inscrit ? <a href="{{ path('register') }}">Créez un compte ici</a></p>
  48.                             </div>
  49.                             <div class="col-12">
  50.                                 <button class="btn btn-primary w-100 py-3" type="submit">Se connecter</button>
  51.                             </div>
  52.                         </div>
  53.                     </form>
  54.                 </div>
  55.             </div>
  56.         </div>
  57.     </div>
  58.     <!-- Contact End -->
  60. {% endblock %}