{% extends 'crochet/base.html' %}
{% load i18n %}

{% block title %}{% trans 'Ajustes de la cuenta' %}{% endblock %}

<!-- Igual que pattern.html: la cabecera X-CSRFToken que exige Django en
     todo POST, leída del propio csrf_token en vez de la cookie (ver
     _account_email_form.html/_account_password_form.html, que llegan por
     hx-post). -->
{% block body_attrs %} hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'{% endblock %}

{% block extra_css %}
  {% include 'crochet/_platform_assets.html' %}
{% endblock %}

{% block content %}
  <main class="max-w-lg mx-auto px-4 py-8 flex flex-col gap-8">
    <h1 class="text-2xl font-semibold">{% trans 'Ajustes de la cuenta' %}</h1>

    <section class="card bg-base-100 shadow border border-base-300">
      <div class="card-body">
        <h2 class="card-title text-lg">{% trans 'Email' %}</h2>
        {% include 'crochet/_account_email_form.html' %}
      </div>
    </section>

    <section class="card bg-base-100 shadow border border-base-300">
      <div class="card-body">
        <h2 class="card-title text-lg">{% trans 'Cambiar contraseña' %}</h2>
        {% include 'crochet/_account_password_form.html' %}
      </div>
    </section>

    <a href="{% url 'crochet:account_home' %}" class="link link-primary">{% trans 'Volver a mis patrones' %}</a>
  </main>
{% endblock %}