templates/admin/unauthenticated/security/recover_password/change_password_enter_email.html.twig line 1

Open in your IDE?
  1. {% extends '/admin/unauthenticated/layout/base.html.twig' %}
  3. {% import '/admin/components/helpers_macro.html.twig' as helpers %}
  5. {% block title %}
  6.     Change password
  7. {% endblock %}
  10. {% block content %}
  12.     {% if app.user %}
  13.         <div class="mb-3">
  14.             <p class="login-box-msg mb-0">You are logged in as <strong>{{ app.user.username }}</strong></p>
  15.             <a href="#" class="btn btn-outline-info btn-block">Logout</a>
  16.         </div>
  17.     {% endif %}
  19.     {{ helpers.notifications_error() }}
  21.     <div id="containerChangePasswordCredential">
  22.         <p class="login-box-msg mb-0">We need to know who you are.</p>
  23.         <p class="text-center"> Please enter your email. An email will be sent to you indicating the steps you must
  24.             follow to update your password.</p>
  25.         <form id="formChangePasswordGetEmail" novalidate name="formChangePasswordGetEmail">
  26.             <div class="form-group">
  27.                 <div class="input-group">
  28.                     <input type="email"
  29.                            name="email"
  30.                            required
  31.                            class="form-control"
  32.                            placeholder="Enter your email"
  33.                            minlength="2"
  34.                            maxlength="255"
  35.                            help="If you are a member then the steps to change your password will be send to this email.">
  36.                     <div class="input-group-append">
  37.                         <div class="input-group-text">
  38.                             <span class="fas fa-envelope"></span>
  39.                         </div>
  40.                     </div>
  41.                 </div>
  42.             </div>
  43.             <div class="row mb-2">
  44.                 <!-- /.col -->
  45.                 <div class="col-12">
  46.                     <input type="hidden" name="g-recaptcha-response">
  47.                     <button type="submit"
  48.                             data-url="{{ path('bo_change_password_send_link') }}"
  49.                             class="btn btn-primary btn-block">
  50.                         {{ helpers.buttonSpinner() }}
  51.                         Send link
  52.                     </button>
  53.                 </div>
  54.                 <!-- /.col -->
  55.             </div>
  56.             <div class="text-center mb-4">
  57.                 <p class="mb-0">
  58.                     <a href="{{ path('bo_login') }}" class="text-center">Go to login</a>
  59.                 </p>
  60.             </div>
  62.             <div class="row">
  63.                 <div class="col text-center">
  64.                     {{ helpers.recaptchaV3Description() }}
  65.                 </div>
  66.             </div>
  67.         </form>
  68.     </div>
  71.     <div id="changePasswordEmailSentSuccessfully" class="d-none">
  72.         <p class="text-center p-3 bg-gradient-success">Email sent successfully.</p>
  73.         <p class="text-center">Please go to your email inbox and follow the steps to update your password.</p>
  74.         <div class="mt-2 text-center">
  75.             <p class="mb-0">
  76.                 <a href="{{ path('bo_login') }}" class="text-center">Go to login</a>
  77.             </p>
  78.         </div>
  79.     </div>
  80.     <div id="changePasswordEmailError" class="d-none">
  81.         <p class="text-center p-3 bg-danger">Password change failed.</p>
  82.         <p class="text-center">An error occurred changing the password. Please try later or send an email to
  83.             <a href="mailto:{{ support_email}}">{{ support_email}}</a>
  84.         </p>
  85.         <div class="mt-2 text-center">
  86.             <p class="mb-0">
  87.                 <a href="{{ path('bo_login') }}" class="text-center">Go to login</a>
  88.             </p>
  89.         </div>
  90.     </div>
  91. {% endblock %}
  94. {% block js %}
  95.     {{ parent() }}
  97.     <script src="{{ asset('/app/admin/js/unauthenticated/security/ChangePassword/ChangePasswordGetEmailFormValidator.js') }}"></script>
  98.     <script src="{{ asset('/app/admin/js/unauthenticated/security/ChangePassword/ChangePasswordGetEmailForm.js') }}"></script>
  99.     <script>
  100.         (new ChangePasswordGetEmailForm()).init();
  101.     </script>
  103. {% endblock %}