{% extends "online/base.html" %}
{% block title %}Iniciar sesión{% endblock %}
{% block content %}
<section class="server-auth" aria-labelledby="login-title">
  <p class="eyebrow">CUENTA DE JUGADOR</p>
  <h1 id="login-title">Iniciar sesión</h1>
  <p>Entra en tus universos. El modo servidor no permite activar trampas.</p>
  <form method="post" class="server-form">
    <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
    <label for="login-language">Idioma</label>
    <select id="login-language" name="language">
      {% for code, language in LANGUAGES.items() %}
      <option value="{{ code }}" {% if code == current_language %}selected{% endif %}>{{ language.native_name }}</option>
      {% endfor %}
    </select>
    <small>Se ha elegido según tu navegador. Puedes cambiarlo antes de entrar.</small>
    <label for="identity">Usuario o correo electrónico</label>
    <input id="identity" name="identity" autocomplete="username" required autofocus>
    <label for="password">Contraseña</label>
    <input id="password" name="password" type="password" autocomplete="current-password" required>
    <button class="button button-primary" type="submit">Iniciar sesión</button>
  </form>
  <p><a href="{{ url_for('online_forgot_password') }}">He olvidado mi contraseña</a></p>
  {% if site.require_email_verification == '1' %}
  <details class="server-card">
    <summary>No he recibido el correo de verificación</summary>
    <form method="post" action="{{ url_for('online_resend_verification') }}" class="server-form">
      <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
      <label for="verification-identity">Usuario o correo electrónico</label>
      <input id="verification-identity" name="identity" autocomplete="username" required>
      <button class="button" type="submit">Reenviar verificación</button>
    </form>
  </details>
  {% endif %}
  <p>¿Aún no tienes cuenta? <a href="{{ url_for('online_register') }}">Crear una cuenta</a>.</p>
</section>
{% endblock %}