{% extends "conjunto/app_base.html" %}
{% load i18n %}

{% block content %}
  <div class="card">
    <div class="card-body">
      {% comment %}
        The stepper lives inside #wizard-body (rendered by _step_form.html) so
        it is swapped in lock-step on HTMX navigation. It must NOT also be
        included here: on a full-page load that renders it twice, and an outer
        copy would go stale on every partial swap.
      {% endcomment %}
      <div id="wizard-body" hx-target="this" hx-swap="innerHTML">
        {% include "conjunto/wizard/_step_form.html" %}
      </div>
    </div>
  </div>
{% endblock %}