{% extends 'front/base.html.twig' %}
{% block title %}{{ Globals.getCompany().name }} :: Mot de passe oublié{% endblock %}

{% block stylesheets %}
  {{ parent() }}
  {# optionnel: réutiliser login.css pour avoir une carte propre #}
  <link rel="stylesheet" href="{{ asset('front/assets/css/login.css') }}">
{% endblock %}

{% block body %}
<main class="main" id="app">

  <section class="pt-50 pb-50">
    <div class="container">
      <div class="row justify-content-center">
        <div class="col-12 col-lg-6">

          <div class="login_wrap widget-taber-content p-30 background-white border-radius-10">
            <div class="padding_eight_all bg-white">

              <div class="heading_s1">
                <h3 class="mb-10">Mot de passe oublié</h3>
              </div>

              <p class="font-sm mb-30">
                Saisissez votre adresse e-mail. Nous vous enverrons un lien pour réinitialiser votre mot de passe.
              </p>

              <div class="mb-3 auth-field">
                <span class="auth-field-icon"><i class="fi-rs-envelope"></i></span>
                <input type="email"
                       required
                       name="email"
                       placeholder="E-mail"
                       v-model="user.email"
                       autocomplete="email"
                       @keyup.enter="passwordRequest()">
              </div>

              <div class="mb-3">
                <button type="button"
                        class="btn btn-fill-out btn-block hover-up w-100"
                        @click="passwordRequest()"
                        :disabled="disabled">
                  Envoyer le lien de réinitialisation
                </button>
              </div>

              <div class="text-center mt-3">
                <a href="{{ path('user_login') }}" class="small text-muted">Retour à la connexion</a>
            </div>


            </div>
          </div>

        </div>
      </div>
    </div>
  </section>

</main>
{% endblock %}

{% block javascripts %}
  {{ parent() }}
  <script src="{{ asset('front/assets/scripts/user/passwordRequest.js') }}"></script>
{% endblock %}