templates/front/layout/forgot-password.html.twig line 1

Open in your IDE?
  1. {% extends 'front/base.html.twig' %}
  2. {% block seo %}
  3.     {% include 'front/partials/seo.html.twig' %}
  4.     {% include 'front/partials/social.html.twig' %}
  5. {% endblock seo %}
  6. {% block stylesheet %}{{ parent() }}{% endblock stylesheet %}
  7. {% block layout %}
  8.     <div class="overflow-hidden relative w-full flex">
  9.         <div class="fluid-grid reset-password-form w-full lg:pt-13">
  10.             {% include 'front/partials/breadcrumb.html.twig' with {theme: 'dark' } %}
  11.             <div class="row pt-8 pb-12 lg:pb-26">
  12.                 <div class="col-12 lg-col-6 xl-col-4 lg-col-offset-2 relative">
  13.                     <a href="{{ page_url('login','front') }}" class="button-back icon-center">
  14.                         <svg width="18" height="18">
  15.                             <use href="#icon-arrow-left" xlink:href="#icon-arrow-left"/>
  16.                         </svg>
  17.                         <span class="sr-only">Retour</span>
  18.                     </a>
  19.                     <h1 class="title--M text-violet-dark font-semibold mb-6">Mot de passe oublié ?</h1>
  20.                     <p class="paragraph paragraph--L text-violet-dark mb-8">Entrez votre adresse mail pour réinitialiser votre mot de passe.<br/>Un email vous sera envoyé.</p>
  21.                     {% if success is not null %}
  22.                         {% if success == true %}
  23.                             <p class="form__success mb-6">Un email vient d'être envoyé à l'adresse mail renseignée.</p>
  24.                         {% else %}
  25.                             <p class="form__error-big mb-6">Cette adresse mail n'est associée à aucun compte.</p>
  26.                         {% endif %}
  27.                     {% endif %}
  28.                     <form class="form" js-form-validation action="{{ path('front_security_forgot_password') }}" method="post">
  29.                         <div class="form__row" js-form-validation-field-wrapper>
  30.                             <label for="email" class="form__label" for="password">
  31.                                 Adresse mail <sup>*</sup>
  32.                             </label>
  33.                             <input id="email" placeholder="Votre adresse mail" class="text-input text-input--white" required js-form-validation-field data-validation-type="email" type="email" name="{{ form.email.fullName }}">
  34.                             <input type="hidden" name="forgot_password[token]" value="{{ csrf_token('forgot_password') }}"/>
  35.                         </div>
  36.                         <button type="submit" class="button button--arrow button--rounded button--orange mt-4" type="button">
  37.                         <span class="font-weight-bold">Envoyer l'email</span>
  38.                             <svg width="12" height="12" class="picto icon ml-2 flex-shrink-0">
  39.                                 <use href="#icon-arrow" xlink:href="#icon-arrow"></use>
  40.                             </svg>
  41.                         </button>
  42.                     </form>
  43.                 </div>
  44.             </div>
  45.         </div>
  46.     </div>
  47. {% endblock layout %}
  48. {% block javascript %}{{ parent() }}{% endblock javascript %}