{% load i18n crispy_forms_tags %}
{% comment %}
  The unified post-login card, swapped in by ``ConjuntoLoginView`` once
  credentials are valid and at least one ``IPostLoginFormSection``
  applies (tenant pick, workplace pick, ...). The user identity is held
  in the session as pending-login state until this form is submitted.

  ``section_forms`` is a list of ``(section, form)`` pairs in weight
  order. The form posts to ``login-complete`` (HTMX), which resolves the
  tenant, validates every section, calls ``login()`` and runs each
  section's ``apply()`` before redirecting to the original ``next`` URL.

  The outer id ``cj-login-card`` matches the credentials-card swap
  target so this partial replaces it cleanly via ``hx-swap="outerHTML"``.
{% endcomment %}
<div class="card card-md" id="cj-login-card">
    <div class="card-body">
        <h2 class="h2 text-center mb-4">{% translate "Almost there" %}</h2>
        <form method="post"
              action="{% url 'login-complete' %}"
              hx-post="{% url 'login-complete' %}"
              hx-target="#cj-login-card"
              hx-swap="outerHTML"
              hx-disabled-elt="find button[type=submit]">
            {% csrf_token %}
            {% for section, form in section_forms %}
                <div class="cj-post-login-section mb-3" data-section="{{ section.slug }}">
                    {% if section.title %}
                        <div class="form-label fw-bold">{{ section.title }}</div>
                    {% endif %}
                    {{ form|crispy }}
                </div>
            {% endfor %}
            <div class="form-footer">
                <button type="submit" class="btn btn-primary w-100">{% translate "Continue" %}</button>
            </div>
        </form>
    </div>
</div>
{% for section, form in section_forms %}{{ form.media }}{% endfor %}