{% extends "base.html" %}
{% block title %}Crear cuenta — GhostGram{% endblock %}
{% block content %}
<div class="auth-card">
  <h2>Crear cuenta gratis</h2>
  {% if error %}<div class="error-msg">{{ error }}</div>{% endif %}
  <form method="POST">
    <div class="field">
      <label>Usuario</label>
      <input type="text" name="username" autocomplete="username" required>
    </div>
    <div class="field">
      <label>Nombre para mostrar</label>
      <input type="text" name="display_name" autocomplete="name">
    </div>
    <div class="field">
      <label>Contraseña</label>
      <input type="password" name="password" autocomplete="new-password" required>
    </div>
    <button type="submit" class="btn" style="width:100%">Crear cuenta</button>
  </form>
  <a href="{{ url_for('login') }}" class="muted-link">¿Ya tienes cuenta? Inicia sesión</a>
</div>
{% endblock %}