templates/reset_password/request.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  2. {% block title %}
  3.     
  4.     {{ ('title' ~ lang ) |trans({}, 'messages') }}
  5. {% endblock %}
  6. {% block body %}
  7.     {% for flash_error in app.flashes('reset_password_error') %}
  8.         <div class="alert alert-danger" role="alert">{{ flash_error }}</div>
  9.     {% endfor %}
  10.     <h1>{{ ('resetpass' ~ lang ) |trans({}, 'messages') }}</h1>
  11.     {{ form_start(requestForm) }}
  12.     {{ form_row(requestForm.email) }}
  13.     <div>
  14.             <p>
  15.                 <small>
  16.                     {{ ('resetpassmsg' ~ lang ) |trans({}, 'messages') }}
  17.                 </small>
  18.             </p>
  19.         </div>
  20.         <p> 
  21.             {{ ('reintmpmsg' ~ lang ) |trans({}, 'messages') }}
  22.         </p>
  23.     {{ form_row(requestForm.submit) }}
  24.     <div class="g-recaptcha" data-sitekey="{{'6LdmQtgqAAAAALSJ3wkLBrrtXPiCzB0XGPYU-A8W'}}"
  25.     data-callback="onReCaptchaSuccess" ></div>
  26.    {{ form_row(requestForm.captcha) }}
  27.        <input type="hidden" id="recaptcha_token" name="g-recaptcha-response">
  28.         
  29.     {{ form_end(requestForm) }}
  30.     <script src="https://www.google.com/recaptcha/api.js" async defer></script>
  31.     <script>
  32.        
  33.         document.addEventListener('DOMContentLoaded', function() {
  34.             var recaptchaScript = document.createElement('script');
  35.             recaptchaScript.src = 'https://www.google.com/recaptcha/api.js';
  36.             recaptchaScript.async = true;
  37.             recaptchaScript.defer = true;
  38.             document.head.appendChild(recaptchaScript);
  39.             
  40.         });
  41.         function onReCaptchaSuccess(token) {
  42.             console.log('reCAPTCHA succeeded with token:', token);
  43.             document.getElementById('recaptcha_token').value = token;
  44.         }
  45.         
  46.         
  47.     </script>
  48.     
  49. {% endblock %}