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

{% block title %}Add table{% endblock %}
{% block eyebrow %}Table definition{% endblock %}
{% block heading %}Add table{% endblock %}
{% block lead %}<p>Build the table one column at a time, the same way the terminal client does.</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>
{% endblock %}