templates/security/login.html.twig line 1

  1. {% extends 'base.html.twig' %}
  3. {% block title %}
  4.     Authentification
  5. {% endblock %}
  7. {% block body %}
  8.     <div class="auth-page-wrapper pt-5">
  9.         <!-- auth page bg -->
  10.         <div class="auth-one-bg-position auth-one-bg" id="auth-particles">
  11.             <div class="bg-overlay"></div>
  12.             <div class="shape">
  13.                 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
  14.                      viewBox="0 0 1440 120">
  15.                     <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>
  16.                 </svg>
  17.             </div>
  18.         </div>
  19.         <!-- auth page content -->
  20.         <div class="auth-page-content">
  21.             <div class="container">
  22.                 <div class="row">
  23.                     <div class="col-lg-12">
  24.                         <div class="text-center mt-sm-5 mb-4 text-white-50">
  25.                             <div>
  26.                                 <a href="{{ path('app_home') }}" class="d-inline-block auth-logo">
  27.                                     <img src="{{ asset('build/assets/images/logo-light.png') }}" alt="">
  28.                                 </a>
  29.                             </div>
  30.                             <p class="mt-3 fs-36 fw-medium text-light">
  31.                                 {{ get_env("APP_NAME") }}
  32.                             </p>
  33.                         </div>
  34.                     </div>
  35.                 </div>
  36.                 <!-- end row -->
  37.                 <div class="row justify-content-center">
  38.                     <div class="col-md-8 col-lg-6 col-xl-5">
  39.                         <div class="card mt-4">
  40.                             <div class="card-body p-4">
  41.                                 {% if avis_maintenance %}
  42.                                     <div class="alert alert-warning" role="alert">
  43.                                         L'application sera suspendue pour maintenance.<br/>
  44.                                         Merci de votre compréhension.
  45.                                     </div>
  46.                                 {% endif %}
  47.                                 {% for type, messages in app.flashes() %}
  48.                                     {% for message in messages %}
  49.                                         <div class="alert alert-{{ type }} alert-dismissible alert-solid alert-label-icon fade show" role="alert">
  50.                                             <i class="ri-check-double-line label-icon"></i> {{ message }}
  51.                                             <button type="button" class="btn-close btn-close-white" data-bs-dismiss="alert"
  52.                                                     aria-label="Close"></button>
  53.                                         </div>
  55.                                     {% endfor %}
  56.                                 {% endfor %}
  57.                                 <div class="text-center mt-2">
  58.                                     <h5 class="text-primary">
  59.                                         Authentification
  60.                                     </h5>
  61.                                     <p class="text-muted">
  62.                                         Munissez vous de vos accès pour vous connecter.
  63.                                     </p>
  64.                                 </div>
  65.                                 <div class="text-center mt-2">
  66.                                     {% if error %}
  67.                                         <div class="alert alert-danger" role="alert">
  68.                                             {{ error.messageKey|trans(error.messageData, 'security') }}
  69.                                         </div>
  70.                                     {% endif %}
  71.                                 </div>
  73.                                 <div class="p-2 mt-4">
  74.                                     <form method="post">
  75.                                         <div class="mb-3">
  76.                                             <label for="inputUsername" class="form-label">Identifiant :</label>
  77.                                             <input type="text" value="{{ last_username }}" name="username" id="inputUsername" class="form-control" autocomplete="username" required autofocus>
  78.                                         </div>
  79.                                         <div class="mb-3">
  80.                                             <div class="float-end">
  81.                                                 <a href="#" class="text-muted">Mot de passe oublié?</a>
  82.                                             </div>
  83.                                             <label class="form-label" for="inputPassword">Mon mot de passe</label>
  84.                                             <div class="position-relative auth-pass-inputgroup mb-3">
  85.                                                 <input type="password" name="password" id="inputPassword" class="form-control pe-5 password-input" autocomplete="current-password" required>
  86.                                                 <button class="btn btn-link position-absolute end-0 top-0 text-decoration-none text-muted password-addon" type="button" id="password-addon">
  87.                                                     <i class="ri-eye-fill align-middle"></i>
  88.                                                 </button>
  89.                                             </div>
  90.                                         </div>
  91.                                         <div class="form-check">
  92.                                             <input class="form-check-input" type="checkbox" name="_remember_me" id="auth-remember-check">
  93.                                             <label class="form-check-label" for="auth-remember-check">Se souvenir de moi</label>
  94.                                         </div>
  95.                                         <div class="mt-4">
  96.                                             <button class="btn btn-success w-100" type="submit">
  97.                                                 Connexion
  98.                                             </button>
  99.                                         </div>
  100.                                         <div class="col-12 col-lg-12 text-center mt-3">
  101.                                             <!-- <p class="mb-0">
  102.                                                 Vous n'avez pas de compte ? <a href="{{ path('app_register') }}">S'inscrire</a>
  103.                                             </p> -->
  104.                                         </div>
  105.                                         <input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}"/>
  106.                                     </form>
  107.                                 </div>
  108.                             </div>
  109.                             <!-- end card body -->
  110.                         </div>
  111.                         <!-- end card -->
  112.                     </div>
  113.                 </div>
  114.                 <!-- end row -->
  115.             </div>
  116.             <!-- end container -->
  117.         </div>
  118.         <!-- end auth page content -->
  120.         <!-- footer -->
  121.         <footer class="footer">
  122.             <div class="container-fluid">
  123.                 <div class="row">
  124.                     <div class="col-lg-12">
  125.                         <div class="text-center">
  126.                             <p class="mb-0 mt-4 text-muted">
  127.                                 © {{ "now"|date("Y") }} <b class="text-primary">{{ get_env("APP_NAME") }}</b>. Crafted with <span class="text-danger">&hearts;</span> by
  128.                                 <a href="{{ get_env("APP_EDITOR_LINK") }}" target="_blank" class="text-decoration-none">{{ get_env("APP_EDITOR_NAME") }}</a>.<br>
  129.                                 <small>Env: <b class="text-primary">{{ get_env("APP_ENV") }}</b> - APP Version: <b class="text-primary">{{ get_env("APP_VERSION") }}</b> - PHP Version: <b class="text-primary">{{ get_php_version() }}</b></small>
  130.                             </p>
  131.                         </div>
  132.                     </div>
  133.                 </div>
  134.             </div>
  135.         </footer>
  136.         <!-- end Footer -->
  137.     </div>
  138.     <!-- end auth-page-wrapper -->
  139. {% endblock %}