{% extends "#{theme.getParameter('KT_THEME_LAYOUT_DIR')}/_auth.html.twig" %}

{% block page_title %}MILQUI{% endblock %}

{% block content %}

<form class="form w-100" novalidate="novalidate" id="kt_password_reset_form"
  data-kt-redirect-url="authentication/layouts/creative/new-password.html" action="#">

  {% include 'pages/auth/partials/_headerForm.html.twig' %}

  <div class="separator border-gray-200"></div>
  <div class="text-center my-8">
    <h1 class="text-muted fs-4 fw-bolder">¿Olvidaste tu contraseña?</h1>
    <label class="fs-7 text-muted">¡Vamos a recuperarla!</label>
  </div>
  <div class="form-floating mb-8">
    <input type="email" class="form-control form-control-sm fs-6" name="username" id="inputUsername" placeholder=""
      autocomplete="off" />
    <label for="username" class="fs-7 required">Escribe tu cuenta de correo</label>
  </div>
  <div class="d-flex flex-wrap justify-content-center pb-lg-0">
    <button type="button" id="kt_password_reset_submit" class="btn btn-primary btn-sm me-8">
      <span class="indicator-label">Enviarme las instrucciones</span>
      <span class="indicator-progress">Espere un momento...
        <span class="spinner-border spinner-border-sm align-middle ms-2"></span></span>
    </button>
    <a href="/signin" class="btn btn-light-primary btn-sm">Cancelar</a>
  </div>
</form>

{% endblock %}