<?php $title = 'Mot de passe oublié'; $base = rtrim(App\Core\Config::baseUrl(), '/'); ?>

<div class="mb-4">
  <h1 class="h4 fw-bold mb-1" style="color:var(--auth-text);letter-spacing:-.02em;">Mot de passe oublié</h1>
  <p class="mb-0" style="color:var(--auth-muted);font-size:.9rem;">Renseignez votre email pour recevoir un lien de réinitialisation.</p>
</div>
<?php if (!empty($sent)): ?>
  <div class="alert alert-success small" role="alert">
    Si un compte existe avec cette adresse, un email de réinitialisation vient d'être envoyé.
  </div>
  <p class="small mb-3">Consultez votre boîte de réception et suivez le lien reçu. Le lien expire dans 1 heure.</p>
  <a href="<?= htmlspecialchars($base) ?>/login" class="btn btn-outline-primary btn-sm"><i class="fas fa-arrow-left"></i> Retour connexion</a>
<?php else: ?>
  <form method="post" action="<?= htmlspecialchars($base) ?>/password/forgot" class="needs-validation" novalidate>
    <div class="mb-3">
      <label for="fpEmail" class="form-label">Adresse email</label>
      <input type="email" class="form-control" id="fpEmail" name="email" required placeholder="exemple@domaine.com">
      <div class="invalid-feedback">Email requis.</div>
    </div>
    <div class="d-grid">
      <button class="btn btn-primary" type="submit"><i class="fas fa-envelope me-1"></i> Envoyer le lien</button>
    </div>
    <div class="mt-3 text-center small">
      <a href="<?= htmlspecialchars($base) ?>/login" class="text-decoration-none">Retour à la connexion</a>
    </div>
  </form>
  <script>
  (function(){ const f=document.querySelector('form.needs-validation'); if(!f) return; f.addEventListener('submit',e=>{ if(!f.checkValidity()){ e.preventDefault(); e.stopPropagation(); } f.classList.add('was-validated'); }); })();
  </script>
<?php endif; ?>