templates/reset_password/request.html.twig line 1

Open in your IDE?
  1. {% extends 'layout.html.twig' %}
  2. {% block title %}Reset your password{% endblock %}
  3. {% block main_content %}
  4. {% for flash_error in app.flashes('reset_password_error') %}
  5. <div class="alert alert-danger" role="alert">{{ flash_error }}</div>
  6. {% endfor %}
  7. <div class="card col-5 mx-auto mt-5 shadow-lg">
  8. <div class="card-body">
  9. <h2 class="">Restablecer contraseña</h2>
  10. <p class="card-text mb-4 text-muted">
  11. Para restablecer su contraseña. Ingrese la dirección de correo electrónico o usuario asociado con su cuenta y le enviaremos un enlace para restablecer su contraseña.
  12. </p>
  13. <div class="row login">
  14. {{ form_start(requestForm, {'attr': {'class': 'needs-validation', 'novalidate': true}}) }}
  15. {{ form_row(requestForm.email) }}
  16. <div class="d-grid">
  17. <button class="btn btn-warning">Restablecer contraseña</button>
  18. </div>
  19. {{ form_end(requestForm) }}
  20. </div>
  21. </div>
  22. </div>
  23. <script>
  24. (function() {
  25. 'use strict';
  26. window.addEventListener('load', function() {
  27. const emailInput = document.getElementById('{{ requestForm.email.vars.id }}');
  28. if (emailInput) {
  29. emailInput.focus();
  30. }
  31. var forms = document.getElementsByClassName('needs-validation');
  32. var validation = Array.prototype.filter.call(forms, function(form) {
  33. form.addEventListener('submit', function(event) {
  34. if (form.checkValidity() === false) {
  35. event.preventDefault();
  36. event.stopPropagation();
  37. }
  38. form.classList.add('was-validated');
  39. }, false);
  40. });
  41. }, false);
  42. })();
  43. </script>
  44. {% endblock %}