templates/security/login.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Se connecter{% endblock %}
  5. {% block main %}
  6. <div class="auth-page-wrapper pt-5">
  7.    {# Background log #}
  8.     <div class="auth-one-bg-position auth-one-bg" id="auth-particles">
  9.         <div class="bg-overlay"></div>
  10.         <div class="shape">
  11.             <svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink"
  12.                  viewBox="0 0 1440 120">
  13.                 <path d="M 0,36 C 144,53.6 432,123.2 720,124 C 1008,124.8 1296,56.8 1440,40L1440 140L0 140z"></path>
  14.             </svg>
  15.         </div>
  16.     </div>
  18.     <div class="auth-page-content">
  19.         <div class="container">
  20.             <div class="row">
  21.                 <div class="col-lg-12">
  22.                     <div class="text-center mt-sm-5 mb-4 text-white-50">
  23.                         <div>
  24.                             <a href="/" class="d-inline-block auth-logo">
  25.                                 <img src="{{ asset('images/logo-sisat.png') }}" alt="" height="70">
  26.                             </a>
  27.                         </div>
  28.                         <p class="mt-3 fs-15 fw-medium">L'affretement d'autocars par excellence</p>
  29.                     </div>
  30.                 </div>
  31.             </div>
  32.             {# authentification #}
  33.             <div class="row justify-content-center">
  34.                 <div class="col-md-8 col-lg-6 col-xl-5">
  35.                     <div class="card mt-4">
  36.                         <div class="card-body p-4">
  37.                             <div class="text-center mt-2">
  38.                                 <h5 class="text-primary">Bon retour !</h5>
  39.                                 {% for group,messages in app.flashes %}
  40.                                     {% for message in messages %}
  41.                                         <div class="alert alert-{{ group }}" role="alert">{{ message }}
  42.                                         </div>
  43.                                     {% endfor %}
  44.                                 {% endfor %}
  46.                                 {% if app.user %}
  47.                                     {% if app.user.isVerified == false %}
  48.                                         <div class="alert alert-warning alert-dismissible mail-not-vefified" role="alert">
  49.                                             <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
  50.                                             <div class="alert-message">
  51.                                                 <strong>Votre compte n'est pas activé</strong>,<br> <a href="{{ path('app_forgot_password_request') }}">renvoyer le lien d'activation</a>
  52.                                             </div>
  53.                                         </div>
  54.                                     {% endif %}
  55.                                     <div class="mb-3">
  56.                                         <p>
  57.                                             Connecté en temps que {{ app.user.userIdentifier }},<br>
  58.                                             <a href="{{ path('app_logout') }}">Se déconnecter</a>
  59.                                         </p>
  61.                                     </div>
  62.                                 {% endif %}
  63.                             </div>
  64.                             <div class="p-2 mt-4">
  65.                                 {% if not app.user %}
  66.                                 {# ******************************************* User non log  ****************************************** #}
  67.                                 <p class="text-muted">Connectez-vous pour continuer sur sisat.fr</p>
  68.                                 <form method="post">
  69.                                     {% if error %}
  70.                                         <div class="alert alert-danger">Association mail / mot de passe invalide
  71.                                             !
  72.                                         </div>
  73.                                     {% endif %}
  74.                                     {% if app.user %}
  75.                                         <div class="mb-3">
  76.                                             You are logged in as {{ app.user.userIdentifier }}, <a
  77.                                                     href="{{ path('app_logout') }}">Logout</a>
  78.                                         </div>
  79.                                     {% endif %}
  80.                                     <div class="mb-3">
  81.                                         <label for="inputEmail">Email</label>
  82.                                         <input type="email" value="{{ last_username }}" name="email"
  83.                                                id="inputEmail" class="form-control" autocomplete="email"
  84.                                                required autofocus>
  85.                                     </div>
  86.                                     <div class="mb-3">
  87.                                         <div class="float-end">
  88.                                             <a href="{{ path('app_forgot_password_request') }}" class="text-muted">Mot de passe oublié ?</a>
  89.                                         </div>
  90.                                         <label for="inputPassword">Password</label>
  91.                                         <input type="hidden" name="_csrf_token"
  92.                                                value="{{ csrf_token('authenticate') }}" >
  93.                                         <div class="position-relative auth-pass-inputgroup mb-3">
  94.                                             <input type="password" name="password" id="inputPassword"
  95.                                                    class="form-control pe-5 password-input" autocomplete="current-password" required >
  97.                                             {# Bouton pour afficher le mot de passe en clair #}
  98.                                             <button class="btn btn-link position-absolute end-0 top-0 text-decoration-none text-muted password-addon"
  99.                                                     type="button" id="password-addon">
  100.                                                 <i class="ri-eye-fill align-middle"></i>
  101.                                             </button>
  102.                                         </div>
  103.                                     </div>
  105.                                     {# TODO SE SOUVENIR DE MOI  #}
  106.                                     {#  <div class="form-check"> #}
  107.                                     {#  <input class="form-check-input" type="checkbox" value="" id="auth-remember-check"> #}
  108.                                     {#  <label class="form-check-label" for="auth-remember-check">Se souvenir de moi</label> #}
  109.                                     {#   </div> #}
  110.                                     <input type="hidden" name="_csrf_token"
  111.                                            value="{{ csrf_token('authenticate') }}">
  112.                                     <div class="mt-4">
  113.                                         <button class="btn btn-success w-100" type="submit">Connexion</button>
  114.                                     </div>
  115.                                     {# ************************************************************************************* #}
  116.                                 </form>
  117.                                 {% endif %}
  118.                             </div>
  119.                         </div>
  120.                     </div>
  121.                     {% if not app.user %}
  122.                     <div class="d-flex justify-content-sm-center">
  123.                         <h6>Pas de compte ? </h6>
  124.                         <u><a href="{{ path('app_register') }}" class="p-2"> S'inscrire </a></u>
  125.                     </div>
  126.                     {% endif %}
  127.                 </div>
  128.             </div>
  129.         </div>
  130.     </div>
  131. </div>
  132. {% endblock %}