{% extends "online/base.html" %}
{% block title %}Registro{% endblock %}
{% block content %}
<section class="server-auth" aria-labelledby="register-title">
  <p class="eyebrow">NUEVO JUGADOR</p>
  <h1 id="register-title">Crear una cuenta</h1>
  {% if registration_closed %}
    <div class="notice notice-warning" role="status">El registro está cerrado temporalmente.</div>
  {% else %}
  <p>Después podrás elegir cualquier universo público con plazas. No reutilices una contraseña de otro servicio.</p>
  <form method="post" class="server-form">
    <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
    <label for="username">Nombre de usuario</label>
    <input id="username" name="username" minlength="3" maxlength="30" pattern="[A-Za-z0-9][A-Za-z0-9_.-]{2,29}" autocomplete="username" required autofocus>
    <small>De 3 a 30 caracteres: letras, números, punto, guion o guion bajo.</small>
    <label for="email">Correo electrónico</label>
    <input id="email" name="email" type="email" maxlength="254" autocomplete="email" required>
    <label for="password">Contraseña</label>
    <input id="password" name="password" type="password" minlength="12" maxlength="128" autocomplete="new-password" required>
    <small>Entre 12 y 128 caracteres.</small>
    <label for="password-confirm">Repetir contraseña</label>
    <input id="password-confirm" name="password_confirm" type="password" minlength="12" maxlength="128" autocomplete="new-password" required>
    <label class="check-label"><input type="checkbox" name="age_confirmed" value="1" required> Confirmo que tengo al menos {{ site.minimum_age }} años.</label>
    <label class="check-label"><input type="checkbox" name="terms" value="1" required> Acepto las <a href="{{ url_for('online_terms') }}" target="_blank">condiciones del servicio</a>.</label>
    <label class="check-label"><input type="checkbox" name="privacy" value="1" required> He leído la <a href="{{ url_for('online_privacy_notice') }}" target="_blank">información de privacidad</a>.</label>
    <button class="button button-primary" type="submit">Crear cuenta</button>
  </form>
  {% endif %}
</section>
{% endblock %}