templates/reset_password/auth-pass-reset-basic.html.twig line 1

Open in your IDE?
  1. {{ include('partials/main.html.twig') }}
  2. <head>
  3.     {{ include('partials/title-meta.html.twig', {title: 'Réinitialisation du mot de passe'}) }}
  4.     {{ include('partials/head-css.html.twig') }}
  5. </head>
  6. <body>
  7.     <div class="auth-page-wrapper pt-5">
  8.         <!-- auth page bg -->
  9.         <div class="auth-one-bg-position auth-one-bg" id="auth-particles">
  10.             <div class="bg-overlay"></div>
  11.             <div class="shape">
  12.                 <svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" 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>
  17.         <!-- auth page content -->
  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="/images/qr-viti-code.png" alt="logo site" height="20">
  26.                                 </a>
  27.                             </div>
  28.                             <p class="mt-3 fs-15 fw-medium">Création de QR Code et informations de cuvées</p>
  29.                         </div>
  30.                     </div>
  31.                 </div>
  32.                 <!-- end row -->
  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">Mot de passe oublié ?</h5>
  39.                                     <p class="text-muted">Vous pouvez réinitialiser votre mot de passe</p>
  40.                                     <lord-icon src="https://cdn.lordicon.com/rhvddzym.json" trigger="loop" colors="primary:#0ab39c" class="avatar-xl"></lord-icon>
  41.                                 </div>
  42.                                 <div class="alert alert-borderless alert-warning text-center mb-2 mx-2" role="alert">
  43.                                     Entrez votre email et les instructions vous seront envoyées!
  44.                                 </div>
  45.                                 <div class="p-2">
  46.                                     {{ form_start(requestForm) }}
  47.                                         <div class="mb-4">
  48.                                             <label class="form-label">Email</label>
  49.                                             <input type="email" class="form-control" name='{{ field_name(requestForm.email) }}' id="email" placeholder="Entrez votre email">
  50.                                         </div>
  51.                                         <div class="text-center mt-4">
  52.                                             <button class="btn btn-success w-100" type="submit">Envoyer le lien de réinitialisation</button>
  53.                                         </div>
  54.                                     {{ form_end(requestForm) }}<!-- end form -->
  55.                                 </div>
  56.                             </div>
  57.                             <!-- end card body -->
  58.                         </div>
  59.                         <!-- end card -->
  60.                         <div class="mt-4 text-center">
  61.                             <p class="mb-0">Attendez, je me souviens de mon mot de passe... <a href="{{ path('app_login')}}" class="fw-semibold text-primary text-decoration-underline"> Cliquez ici </a> </p>
  62.                         </div>
  63.                     </div>
  64.                 </div>
  65.                 <!-- end row -->
  66.             </div>
  67.             <!-- end container -->
  68.         </div>
  69.         <!-- end auth page content -->
  70.         <!-- footer -->
  71.         <footer class="footer">
  72.             <div class="container">
  73.                 <div class="row">
  74.                     <div class="col-lg-12">
  75.                         <div class="text-center">
  76.                             <p class="mb-0 text-muted">&copy;
  77.                                 <script>document.write(new Date().getFullYear())</script> GestionCuvées. Iti-Conseil
  78.                             </p>
  79.                         </div>
  80.                     </div>
  81.                 </div>
  82.             </div>
  83.         </footer>
  84.         <!-- end Footer -->
  85.     </div>
  86.     <!-- end auth-page-wrapper -->
  87.     {{ include('partials/vendor-scripts.html.twig') }}
  88.     <!-- particles js -->
  89.     <script src="/libs/particles.js/particles.js"></script>
  90.     <!-- particles app js -->
  91.     <script src="/js/pages/particles.app.js"></script>
  92. </body>
  93. </html>