templates/login/index.html.twig line 1

Open in your IDE?
  1. {% extends 'security.html.twig' %}
  3. {% block stylesheets %}
  4.     <link rel="stylesheet" href="{{ asset('assets/css/reset-password.css') }}">
  5. {% endblock %}
  8. {% block body %}
  9.     <div class="container test">
  10.         <div class="row justify-content-center align-items-center authentication authentication-basic h-100">
  11.             <div class="col-xxl-4 col-xl-5 col-lg-5 col-md-6 col-sm-8 col-12">
  12.                 <div class="my-5 d-flex justify-content-center">
  13.                     <a href="{{ path('app_login') }}">
  14.                         <img src="{{ asset('assets/images/brand-logos/desktop-dark.png') }}" alt="logo"
  15.                              class="desktop-logo">
  16.                     </a>
  17.                 </div>
  18.                 <div class="card custom-card">
  19.                     <div class="card-body p-5">
  20.                         <p class="h4 fw-semibold mb-4 text-center">Se connecter</p>
  21.                         {% if error %}
  22.                             <div class="text-danger">
  23.                                 {{ error.message()|trans }}
  24.                             </div>
  25.                         {% endif %}
  26.                         <form action="{{ path('app_login') }}" method="post">
  27.                             <div class="row gy-3">
  28.                                 <div class="col-xl-12">
  29.                                     <label for="username" class="form-label text-default float-start">Nom
  30.                                         d'utilisateur</label>
  31.                                     <input type="text" class="form-control form-control-lg" id="username"
  32.                                            name="_username" value="{{ last_username }}" placeholder="nom@exemple.com" required>
  33.                                 </div>
  34.                                 <div class="col-xl-12 mb-2">
  35.                                     <label for="password" class="form-label text-default d-block float-start">Mot de
  36.                                         passe</label>
  37.                                     <div class="input-group mb-3">
  38.                                         <div class="input-group">
  39.                                             <input type="password" class="form-control form-control-lg" id="password"
  40.                                                    name="_password" placeholder="Mot de passe" required>
  41.                                             <button class="btn btn-light" type="button"
  42.                                                     onclick="createpassword('password',this)" id="button-addon2"><i
  43.                                                         class="ri-eye-off-line align-middle"></i></button>
  44.                                         </div>
  45.                                     </div>
  46.                                     <a href="{{ path('app_forgot_password_request') }}"
  47.                                        class=" text-danger mt-4 text-end fs-14">Mot de passe oublié ?</a>
  48.                                     <div class="mt-3">
  49.                                         <div class="checkbox mb-2 d-flex">
  50.                                             <label class="fs-14">
  51.                                                 <input type="checkbox" value="remember-me" name="_remember_me" checked>
  52.                                                 Se souvenir de moi
  53.                                             </label>
  54.                                         </div>
  55.                                     </div>
  56.                                 </div>
  58.                                 <input type="hidden" name="_target_path" value="{{ path('home') }}"/>
  59.                                 <input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">
  61.                                 <div class="col-xl-12 d-grid mt-2">
  62.                                     <button class="btn btn-lg btn-shiny" type="submit">Connexion</button>
  63.                                 </div>
  64.                             </div>
  65.                         </form>
  66.                         <div class="mt-4 mb-4 position-relative d-flex justify-content-center" style=" margin: 50px 0 15px; text-align: center; border-top: 1px solid #e0e0e0;">
  67.                             <b class="position-absolute bg-white px-2" style="bottom: -.6em">ou</b>
  68.                         </div>
  69.                         <div class="btn btn-lg btn-primary col-12 center-align mt-2">
  70.                             <a class="py-2 text-white text-decoration-none" href="{{ path('connect_google') }}"
  71.                                style="text-transform:none">
  72.                                 <div class="d-flex align-content-center justify-content-center">
  73.                                     <i class="bi bi-google mx-2"></i>
  74.                                     Se connecter avec Google
  75.                                 </div>
  76.                             </a>
  77.                         </div>
  78.                         <p class="mt-3 mb-1 text-muted">&copy; 2017–2022</p>
  79.                     </div>
  80.                 </div>
  81.             </div>
  82.         </div>
  83.     </div>
  84. {% endblock %}
  86. {% block javascripts %}
  87. {% endblock %}