{# GET /admin/tables/new — crate::pages::add_table::ui::AddTablePage #}
{% extends "ui/form_page.html" %}

{% block title %}{{ nav.tr("add-table-title") }}{% endblock %}
{% block eyebrow %}{{ nav.tr("add-table-eyebrow") }}{% endblock %}
{% block heading %}{{ nav.tr("add-table-title") }}{% endblock %}
{% block lead %}<p>{{ nav.tr("add-table-lead") }}</p>{% endblock %}

{% block form %}
{#
  One form holds the whole draft. `#builder` is what every interaction swaps,
  so the form element itself — and therefore the submit target — survives.
#}
<form id="table-form" hx-post="/admin/tables" hx-target="#builder" hx-swap="innerHTML"
      hx-disabled-elt="button[type=submit]">
  <div id="builder" aria-live="polite">
    {% include "pages/add_table/builder.html" %}
  </div>
</form>

<datalist id="currency-codes">
  {% for code in currency_codes %}<option value="{{ code }}"></option>{% endfor %}
</datalist>
<datalist id="rate-source-ids">
  {% for source in page.rate_sources %}<option value="{{ source }}"></option>{% endfor %}
</datalist>
{% endblock %}