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-dark.png') }}" alt="">
  28.                                 </a>
  29.                             </div>
  30.                             <p class="mt-3 fs-5 fw-medium text-light">
  31.                                 {{ get_env("APP_DESCRIPTION") }}
  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 sur <b>{{ get_env("APP_NAME") }}</b>.
  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="inputEmail" class="form-label">Adresse mail :</label>
  77.                                             <div class="input-group">
  78.                                                 <input type="text" value="{{ last_username }}" name="email" id="inputEmail" class="form-control" autocomplete="email" placeholder="Votre adresse mail" aria-label="Votre adresse mail" aria-describedby="basic-addon2" required autofocus>
  79.                                                 <span class="input-group-text" id="basic-addon2">
  80.                                                     @winxo.com
  81.                                                 </span>
  82.                                             </div>
  83.                                         </div>
  84.                                         <div class="mb-3">
  85.                                             <div class="float-end">
  86.                                                 <a href="#" class="text-muted">Mot de passe oublié?</a>
  87.                                             </div>
  88.                                             <label class="form-label" for="inputPassword">Mon mot de passe</label>
  89.                                             <div class="position-relative auth-pass-inputgroup mb-3">
  90.                                                 <input type="password" name="password" id="inputPassword" class="form-control pe-5 password-input" autocomplete="current-password" required>
  91.                                                 <button class="btn btn-link position-absolute end-0 top-0 text-decoration-none text-muted password-addon" type="button" id="password-addon">
  92.                                                     <i class="ri-eye-fill align-middle"></i>
  93.                                                 </button>
  94.                                             </div>
  95.                                         </div>
  96.                                         <div class="form-check">
  97.                                             <input class="form-check-input" type="checkbox" name="_remember_me" id="auth-remember-check">
  98.                                             <label class="form-check-label" for="auth-remember-check">Se souvenir de moi</label>
  99.                                         </div>
  100.                                         <div class="mt-4">
  101.                                             <button class="btn btn-success w-100" type="submit">
  102.                                                 Connexion
  103.                                             </button>
  104.                                         </div>
  105.                                         <div class="col-12 col-lg-12 text-center mt-3">
  106.                                             <!-- <p class="mb-0">
  107.                                                 Vous n'avez pas de compte ? <a href="{{ path('app_register') }}">S'inscrire</a>
  108.                                             </p> -->
  109.                                         </div>
  110.                                         <input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}"/>
  111.                                     </form>
  112.                                 </div>
  113.                             </div>
  114.                             <!-- end card body -->
  115.                         </div>
  116.                         <!-- end card -->
  117.                     </div>
  118.                 </div>
  119.                 <!-- end row -->
  120.             </div>
  121.             <!-- end container -->
  122.         </div>
  123.         <!-- end auth page content -->
  125.         <!-- footer -->
  126.         <footer class="footer">
  127.             <div class="container-fluid">
  128.                 <div class="row">
  129.                     <div class="col-lg-12">
  130.                         <div class="text-center">
  131.                             <p class="mb-0 mt-4 text-muted">
  132.                                 © {{ "now"|date("Y") }} <b class="text-primary">{{ get_env("APP_NAME") }}</b>. Crafted with <span class="text-danger">&hearts;</span> by
  133.                                 <a href="{{ get_env("APP_EDITOR_LINK") }}" target="_blank" class="text-decoration-none">{{ get_env("APP_EDITOR_NAME") }}</a>.<br>
  134.                                 <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>
  135.                             </p>
  136.                         </div>
  137.                     </div>
  138.                 </div>
  139.             </div>
  140.         </footer>
  141.         <!-- end Footer -->
  142.     </div>
  143.     <!-- end auth-page-wrapper -->
  144. {% endblock %}