<section class="auth-section">
  <div class="container auth-container">
    <div class="auth-card">
      <h1 class="auth-title">Mot de passe oublié</h1>

      <% if (typeof sent !== 'undefined' && sent) { %>
        <div class="notice notice-success">
          Si un compte est associé à cette adresse, vous recevrez un email contenant un lien
          de réinitialisation. Pensez à vérifier vos courriers indésirables.
        </div>
        <p class="auth-switch"><a href="/login">Retour à la connexion</a></p>
      <% } else { %>
        <p class="auth-sub">Indiquez votre email pour recevoir un lien de réinitialisation.</p>
        <%- include('partials/form-errors', { errors: errors }) %>
        <form action="/forgot-password" method="post" class="form" novalidate>
          <input type="hidden" name="_csrf" value="<%= csrfToken %>" />
          <div class="field">
            <label for="email">Adresse email</label>
            <input type="email" id="email" name="email" autocomplete="email" required
                   value="<%= values.email || '' %>" />
          </div>
          <button type="submit" class="btn btn-primary btn-block">Envoyer le lien</button>
        </form>
        <p class="auth-switch"><a href="/login">Retour à la connexion</a></p>
      <% } %>
    </div>
  </div>
</section>
