{% extends "base.html" %}
{% from "_form_helpers.html" import field %}
{% block title %}Crear cuenta - Memodoc{% endblock %}
{% block content %}
<div class="card">
  <h1>Crear cuenta gratis</h1>
  <p>
    Después de crear tu cuenta, agregas el primer perfil: puede ser el tuyo o el de
    la persona que cuidas (tu madre, tu padre, etc.). Puedes agregar más adelante.
  </p>
  <form method="post" novalidate>
    {{ form.hidden_tag() }}
    {% if form.csrf_token.errors %}
      <p class="flash flash-danger">Tu sesión expiró, intenta de nuevo.</p>
    {% endif %}

    {{ field(form.email, placeholder="tucorreo@ejemplo.com") }}
    {{ field(form.password) }}
    {{ field(form.confirm_password) }}

    <p style="margin-top: 1rem;">
      {{ form.accepted_terms(id="accepted_terms") }}
      <label for="accepted_terms">
        Acepto la <a href="{{ url_for('legal.privacy') }}" target="_blank">política de privacidad y consentimiento</a>
      </label>
    </p>
    {% if form.accepted_terms.errors %}
      <ul class="field-errors">
        {% for error in form.accepted_terms.errors %}
          <li class="flash flash-danger">{{ error }}</li>
        {% endfor %}
      </ul>
    {% endif %}

    <button type="submit">Crear cuenta</button>
  </form>
  <p>¿Ya tienes cuenta? <a href="{{ url_for('auth.login') }}">Inicia sesión</a></p>
</div>
{% endblock %}