<section class="auth-section">
  <div class="container auth-container">
    <div class="auth-card">
      <h1 class="auth-title">Créer un compte</h1>
      <p class="auth-sub">Gratuit et rapide. Vous choisirez votre offre juste après.</p>

      <%- include('partials/form-errors', { errors: errors }) %>

      <form action="/register/" method="post" class="form" id="registerForm" novalidate>
        <input type="hidden" name="_csrf" value="<%= csrfToken %>" />
        <div class="field">
          <label for="name">Nom / pseudo</label>
          <input type="text" id="name" name="name" autocomplete="name" required
                 value="<%= values.name || '' %>" maxlength="80" />
        </div>
        <div class="field">
          <label for="email">Adresse email</label>
          <input type="email" id="email" name="email" autocomplete="email" required
                 value="<%= values.email || '' %>" maxlength="190" />
        </div>
        <div class="field">
          <label for="password">Mot de passe</label>
          <input type="password" id="password" name="password" autocomplete="new-password" required minlength="8" />
          <small class="field-hint">8 caractères minimum.</small>
        </div>
        <div class="field">
          <label for="password_confirm">Confirmer le mot de passe</label>
          <input type="password" id="password_confirm" name="password_confirm" autocomplete="new-password" required minlength="8" />
        </div>
        <div class="field-check">
          <input type="checkbox" id="accept_terms" name="accept_terms" required />
          <label for="accept_terms">
            Je certifie être <strong>majeur (+18 ans)</strong> et j'accepte les
            <a href="/legal/cgv" target="_blank" rel="noopener">CGV</a>,
            les <a href="/legal/cgu" target="_blank" rel="noopener">CGU</a> et la
            <a href="/legal/confidentialite" target="_blank" rel="noopener">politique de confidentialité</a>.
          </label>
        </div>
        <button type="submit" class="btn btn-primary btn-block">Créer mon compte</button>
      </form>

      <p class="auth-switch">Déjà inscrit&nbsp;? <a href="/login">Se connecter</a></p>
    </div>
  </div>
</section>
