<%- include('../partials/head', { title, bodyClass: 'auth-page' }) %>
<%- include('../partials/app-header', { hideGlobalProBanner: true }) %>

<main class="auth-shell auth-zs-shell">
  <section class="auth-card auth-zs-card">
    <h1>Crea tu cuenta</h1>
    <p>Crea tu cuenta TopStats en unos segundos.</p>
    <form method="post" action="/inscription" class="auth-zs-form">
      <input type="text" name="name" autocomplete="name" required placeholder="Nombre">
      <input type="email" name="email" autocomplete="email" required placeholder="Correo electrónico">
      <input type="password" name="password" autocomplete="new-password" minlength="8" required placeholder="Contraseña (mín. 8 caracteres)">
      <input type="text" name="affiliate_code" autocomplete="off" placeholder="Código de afiliado (opcional)" value="<%= typeof req !== 'undefined' && req.query?.ref ? req.query.ref : '' %>">
      <label class="auth-zs-check">
        <input type="checkbox" name="terms" value="1" required>
        <span>Acepto las condiciones de uso y la política de privacidad.</span>
      </label>
      <button class="auth-zs-cta auth-zs-main-action" type="submit">Crear mi cuenta</button>
    </form>
    <a class="auth-zs-login" href="/connexion">¿Ya eres miembro? Entrar</a>
  </section>
</main>
<%- include('../partials/footer') %>
