templates/division/auth/password-reset-request.html.twig line 1

Open in your IDE?
  1. {% extends 'layout/default.html.twig' %}
  3. {% block contentBlock %}
  4.     <script src="https://www.google.com/recaptcha/api.js?render={{ recaptcha_v3_site_key }}"></script>
  6.     <div class="passwordResetPage">
  7.         <div class="container my-5 my-lg-5 my-md-5">
  8.             <div class="row">
  9.                 <div class="col-lg-5 offset-lg-1">
  10.                     {% if not success %}
  11.                         <h1 class="font-weight-bold font-italic mb-4 mb-lg-4 mb-md-4">{{ 'Forgot your password?' | trans }}</h1>
  12.                         <h3 class="font-weight-bold">{{ 'Retrieve your password here.' | trans }}</h3>
  13.                         <p class="mb-4 mb-lg-4 mb-md-4">{{ 'Please enter your email address below. You will receive a link to reset your password.' | trans }}</p>
  14.                         {{ form_start(form,{'attr': {'novalidate': 'novalidate', 'id': 'password-reset-request-form-type'}}) }}
  15.                             <div class="d-flex flex-column mb-3 mb-lg-3 mb-md-3 w-75 {{ form_errors(form._email) ? 'input-error' }}">
  16.                                 <div class="ml-3 ml-lg-3 ml-md-3">
  17.                                     {{ form_label(form._email) }}
  18.                                 </div>
  20.                                 {{ form_widget(form._email) }}
  21.                                 {{ form_errors(form._email) }}
  22.                             </div>
  23.                             <div class="d-flex flex-column mb-3 mb-lg-3 mb-md-3 align-items-start">
  24.                                 {{ form_widget(form._submit) }}
  25.                             </div>
  26.                         {{ form_end(form) }}
  28.                         <p class="mt-4 mt-lg-4 mt-md-4">{{ 'Remember the password?' | trans }}
  29.                             <a href="{{ path('login', {'division': getSiteDivision()}) }}">Login now</a>
  30.                         </p>
  31.                     {% else %}
  32.                         <h1 class="font-weight-bold font-italic mb-4 mb-lg-4 mb-md-4">{{ 'Link sent.' | trans }}</h1>
  33.                         <p>
  34.                            {{ 'Link for password recovery has been sent.' | trans }}
  35.                             <br>
  36.                            {{ 'Please check your E-mail inbox.' | trans }}
  37.                         </p>
  38.                     {% endif %}
  39.                 </div>
  40.             </div>
  41.         </div>
  42.     </div>
  44.     <script>
  45.     $("#password-reset-request-form-type button[type=submit]").on('click', function(e) {
  46.         e.preventDefault();
  47.         grecaptcha.ready(function() {
  48.             let action = document.getElementById('action').value;
  49.             grecaptcha.execute('{{ recaptcha_v3_site_key }}', { action: action })
  50.             .then(function(token) {
  51.                 // add token value to form
  52.                 document.getElementById('g-recaptcha-response').value = token;
  53.                 $('#password-reset-request-form-type').submit();
  54.             });
  55.         });
  56.     });
  57.     </script>
  58. {% endblock %}