templates/reset_password/request.html.twig line 1

  1. {% extends 'base_auth.html.twig' %}
  3. {% block title %} Réinitialiser votre mot de passe {% endblock %}
  5. {% block body %}
  6. <!-- **************** MAIN CONTENT START **************** -->
  7. <main>
  8.     <section class="p-0 d-flex align-items-center position-relative overflow-hidden">
  10.         <div class="container-fluid">
  11.             <div class="row">
  12.                 <!-- left -->
  13.                 <div class="col-12 col-lg-6 d-md-flex align-items-center justify-content-center bg-primary bg-opacity-10 vh-lg-100 d-none d-md-block">
  14.                     <div class="p-3 p-lg-5">
  15.                         <!-- Title -->
  16.                         <div class="text-center">
  17.                             <h2 class="fw-bold">Acheter des followers</h2>
  18.                             <p class="mb-0 h6 fw-light"> DES LIKES, DES VUES ET PLUS ENCORE SUR: INSTAGRAM, TIKTOK, TWITCH, YOUTUBE, FACEBOOK, TWITTER ET AUTRES RÉSEAUX SOCIAUX</p>
  19.                         </div>
  20.                         <!-- SVG Image -->
  21.                         <img src="assets/images/element/02.svg" class="mt-5" alt="">
  22.                         <!-- Info -->
  23.                         <div class="d-sm-flex mt-5 align-items-center justify-content-center">
  24.                             <!-- Avatar group -->
  25.                             <ul class="avatar-group mb-2 mb-sm-0">
  26.                                 <li class="avatar avatar-sm">
  27.                                     <img class="avatar-img rounded-circle" src="assets/images/avatar/01.jpg" alt="avatar">
  28.                                 </li>
  29.                                 <li class="avatar avatar-sm">
  30.                                     <img class="avatar-img rounded-circle" src="assets/images/avatar/02.jpg" alt="avatar">
  31.                                 </li>
  32.                                 <li class="avatar avatar-sm">
  33.                                     <img class="avatar-img rounded-circle" src="assets/images/avatar/03.jpg" alt="avatar">
  34.                                 </li>
  35.                                 <li class="avatar avatar-sm">
  36.                                     <img class="avatar-img rounded-circle" src="assets/images/avatar/04.jpg" alt="avatar">
  37.                                 </li>
  38.                             </ul>
  39.                             <!-- Content -->
  40.                             <p class="mb-0 h6 fw-light ms-0 ms-sm-3">Plus de 10,000 clients nous font confiance!.</p>
  41.                         </div>
  42.                     </div>
  43.                 </div>
  46.                 <!-- Right -->
  47.                 <div class="col-12 col-lg-6 d-flex justify-content-center">
  48.                     <div class="row my-5">
  49.                         <div class="col-sm-10 col-xl-12 m-auto ">
  51.                             {% for flash_error in app.flashes('reset_password_error') %}
  52.                                 <div class="alert alert-danger" role="alert">{{ flash_error }}</div>
  53.                             {% endfor %}
  55.                             <!-- Title -->
  56.                             <span class="mb-0 fs-1 align-items-center">🤔</span>
  57.                             <h1 class="fs-2 align-items-center">Réinitialiser votre mot de passe</h1>
  58.                             <h5 class="fw-light mb-4 align-items-center">Pour recevoir un nouveau mot de passe, saisissez votre adresse Ã©lectronique ci-dessous.</h5>
  60.                             <!-- Form START -->
  62.                             <!-- Email -->
  63.                             <div class="mb-4">
  64.                                 {{ form_start(requestForm) }}
  65.                                 <div class="mb-4">
  66.                                     <label for="exampleInputEmail1" class="form-label">Adresse email *</label>
  67.                                     <div class="input-group input-group-lg">
  68.                                         <span class="input-group-text bg-light rounded-start border-0 text-secondary px-3"><i class="bi bi-envelope-fill"></i></span>
  69.                                         <div class="form-error">
  70.                                             {{ form_errors(requestForm.email) }}
  71.                                         </div>
  72.                                         {{ form_widget(requestForm.email, {'attr': {'class': 'form-control border-0 bg-light rounded-end ps-1', 'placeholder': "Adresse email"} }) }}
  73.                                     </div>
  74.                                 </div>
  75.                                 <div>
  76.                                     <small>
  77.                                         Entrez votre adresse e-mail et nous vous enverrons un lien pour réinitialiser votre mot de passe.
  78.                                         lien pour réinitialiser votre mot de passe.
  79.                                     </small>
  80.                                 </div>
  81.                             </div>
  82.                             <!-- Button -->
  83.                             <div class="align-items-center">
  84.                                 <div class="d-grid">
  85.                                     <button class="btn btn-primary mb-0" type="submit">Réinitialiser le mot de passe</button>
  86.                                 </div>
  87.                             </div>
  88.                             {{ form_end(requestForm) }}
  89.                             <!-- Form END -->
  91.                             <div class="row">
  92.                                 <!-- Divider with text -->
  93.                                 <div class="position-relative my-4">
  94.                                     <hr>
  95.                                     <p class="small position-absolute top-50 start-50 translate-middle bg-body px-5"></p>
  96.                                 </div>
  98.                                 <!-- Social btn -->
  99.                                 <div class="col-xxl-3 d-grid">
  100.                                 </div>
  101.                                 <div class="col-xxl-6 d-grid">
  102.                                     <a href="{{ path('app_defaut') }}" class="btn bg-success mb-2 mb-xxl-0 text-white"><i class="fab fa fa-arrow-left text-white me-2"></i> retour accueil</a>
  103.                                 </div>
  104.                                 <!-- Social btn -->
  105.                                 <div class="col-xxl-3 d-grid">
  106.                                 </div>
  107.                             </div>
  108.                         </div>
  109.                     </div> <!-- Row END -->
  111.                 </div>
  112.             </div> <!-- Row END -->
  114.         </div>
  115.     </section>
  116. </main>
  121. {% endblock %}