templates/reset_password/request.html.twig line 1

Open in your IDE?
  1. {% extends 'security.html.twig' %}
  3. {% block title %}Réinitialiser le mot de passe{% endblock %}
  5. {% block content %}
  6.     <div {{ stimulus_controller('security--resetPassword') }}>
  7.         {{ form_start(requestForm, {'attr':{'class':'form w-100','novalidate':'novalidate','data-security--resetPassword-target':'requestForm'}}) }}
  8.         <div class="refonte-login custom-card-body bg-body rounded p-10 p-lg-15 mx-auto">
  9.             <div class="mb-5 container-logo ">
  10.                 <a href="{{ path('app_login') }}">
  11.                     {% if company is defined and company is not null and company.logoName is not null %}
  12.                         <img style="max-width: 192px;height: auto;max-height: 75px;" width="auto" src="{{ asset('/uploads/images/company/') }}{{ company.logoName }}" class="app-logo" alt="my flow logo">
  13.                     {% else %}
  14.                         <img src="{{ asset('build/media/logo-myflow.png') }}" class="app-logo" alt="my flow logo" width="192"><br>
  15.                             <span class="slogan">More than just a marketplace</span>
  16.                     {% endif %}
  17.                 </a>
  18.                 <svg width="28" height="28" viewbox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
  19.                     <g clip-path="url(#clip0_1_42)">
  20.                         <path d="M28 14.1058L18.5578 18.7662L14.0031 28L9.30844 18.48L0 13.8911L9.44222 9.23067L14.0031 0L18.6978 9.51689L28 14.1058Z" fill="#F676BD" fill-opacity="0.42"/>
  21.                     </g>
  22.                     <defs>
  23.                         <clipPath id="clip0_1_42">
  24.                             <rect width="28" height="28" fill="white"/>
  25.                         </clipPath>
  26.                     </defs>
  27.                 </svg>
  28.                 <h1 class="color-second">Mot de passe oublié ?
  29.                 </h1>
  30.                 <p class="color-second">Entrez votre adresse email pour<br/> réinitialiser votre mot de passe</p>
  31.             </div>
  32.             {# <div class="text-center mb-10">
  33.                 <h1 class="titillium-web-bold text-dark mb-3">Mot de passe oublié ?</h1>
  34.                 <div class="text-gray-400 fw-bold fs-4">Entrez votre adresse email pour réinitialiser votre mot de passe</div>
  35.             </div> #}
  37.             <div class="fv-row mb-10 position-center form-login" style="flex-direction: column;margin: auto;align-items: center;text-align: center;">
  38.                 {{ form_widget(requestForm.email, {'attr':{'class': requestForm.email.vars.errors|length ? 'form-control is-invalid custom-input-size':'form-control custom-input-size'}}) }}
  39.                 {{ form_errors(requestForm.email) }}
  40.             </div>
  42.             <div class="d-flex flex-wrap justify-content-center pb-lg-0">
  43.                 <button type="button" id="kt_password_reset_submit" class="titillium-web-bold btn btn-lg btn-primary-custom fw-bolder me-4" {{ stimulus_action('security--resetPassword', 'submitRequestForm') }}>
  44.                     <span class="indicator-label">Soumettre</span>
  45.                     <span class="indicator-progress">Envoi en cours...
  46.                     <span class="spinner-border spinner-border-sm align-middle ms-2"></span>
  47.                 </span>
  48.                 </button>
  49.                 <a href="{{ path('app_login') }}" class="titillium-web-bold btn btn-lg btn-light-primary fw-bolder">Annuler</a>
  50.             </div>
  52.             {{ form_end(requestForm) }}
  53.         </div>
  54.     </div>
  55. {% endblock %}