templates/reset_password/request.html.twig line 1

  1. {% extends 'base.login.html.twig' %}
  3. {# {% block title %}{{ title }} {% endblock %} #}
  5. {% block stylesheets %}
  7. {% endblock %}
  10. {% block body %}
  12. <div class="container">
  13.     <div class="row justify-content-center align-items-center height-self-center vh-100">
  14.         <div class="col-lg-5 col-md-12 align-self-center">
  15.             <div class="user-login-card bg-body">
  16.                 <p>
  17.                     {{"Veuillez saisir votre nom d'utilisateur ou votre adresse e-mail. Vous recevrez un lien pour créer un nouveau mot de passe par e-mail." | trans}}
  18.                 </p>
  19.                 <form novalidate="novalidate" id="kt_password_reset_form"  method="post" action="{{path('app_forgot_password_request')}}">
  20.                     <div class="fv-row mb-5">
  21.                         <label class="text-white fw-500 mb-2">{{"Adresse e-mail" | trans}}</label>
  22.                         <input type="text" class="form-control rounded-0" name="email" required="">
  23.                     </div>
  24.                    
  25.                     <div class="iq-button">
  26.                         <button id="kt_password_reset_submit" class="btn text-uppercase position-relative">
  27.                             <span class="indicator-label"><i class="fa-solid fa-floppy-disk me-2"></i>{{"Réinitialiser le mot de passe"| trans}}</span>
  28.                             <span class="indicator-progress">{{"En cours"| trans}}
  29.                             <span class="spinner-border spinner-border-sm align-middle ms-2"></span></span>
  30.                         </button>
  31.                     </div>
  32.                     <div class="seperator d-flex justify-content-center align-items-center">
  33.                         <span class="line"></span>
  34.                     </div>     
  35.                     <div class="iq-button">
  36.                         <a href="{{path('app_login')}}" class="btn text-uppercase position-relative">
  37.                             <span class="button-text">{{"Se connecter" | trans}}</span>
  38.                             <i class="fa-solid fa-play"></i>
  39.                         </a>
  40.                     </div>
  41.                 </form>
  42.             </div>
  43.         </div>
  44.     </div>
  45.   </div>
  47. {% endblock %}
  49. {% block javascripts %} 
  51. <script>
  52.     const loginUrl                             =     "{{ path('app_login')}}";
  54.     const _msg_invalid                        =     '{{"Désolé, il semble que un ou plusieurs champs obligatoires sont incorrects, veuillez bien renseigner."| trans}}';
  55.     const _msg_ok                            =     '{{"Ok,j\'ai compris"| trans}}';
  56.     const _msg_email_invalid                =     '{{"La valeur n\'est pas une adresse e-mail valide"| trans}}';
  57.     const _msg_email_required                 =     '{{"L\'adresse mail est requise"| trans}}'; 
  58.     const _msg_password_required            =     '{{"Le mot de passe est requis"| trans}}'; 
  61. </script>
  63. <script src="{{ asset('vitrine/js/auth/reset-password.js') }}"></script>
  64.    
  65. {% endblock %}