<%- include('partials/header') %>

<div class="head-row">
  <h1>Mon compte</h1>
</div>

<% if (ok) { %><p class="saved-note">✓ Mot de passe modifié. Il sera demandé à votre prochaine connexion.</p><% } %>
<% if (err) { %><p class="saved-note" style="background:#FDECEA;color:#8B1A10">⚠ <%= err %></p><% } %>

<p class="muted">Compte connecté : <strong><%= email %></strong></p>
<p class="muted">Choisissez un mot de passe d'au moins 10 caractères, que vous êtes seul à connaître. Personne d'autre — y compris le prestataire — n'y a accès : seule une empreinte chiffrée est conservée.</p>

<form class="adm-form" method="post" action="/admin/compte/motdepasse" autocomplete="off">
  <h2 class="form-section">Changer le mot de passe</h2>

  <label>Mot de passe actuel
    <input type="password" name="actuel" required autocomplete="current-password">
  </label>

  <label>Nouveau mot de passe (10 caractères minimum)
    <input type="password" name="nouveau" required minlength="10" autocomplete="new-password">
  </label>

  <label>Confirmer le nouveau mot de passe
    <input type="password" name="confirm" required minlength="10" autocomplete="new-password">
  </label>

  <button class="btn-primary" type="submit">Enregistrer le nouveau mot de passe</button>
</form>

<%- include('partials/footer') %>
