{#
  The invoice-template page's body —
  crate::pages::admin::table_definition::ui::TemplateFragment.
#}
{% include "pages/admin/table_definition/feedback.html" %}

{% if !page.generated.is_empty() %}
  <section class="panel">
    <h2>{{ nav.tr("td-template-created-tables") }}</h2>
    <table class="builder-table">
      <thead><tr><th>{{ nav.tr("td-col-table") }}</th><th>{{ nav.tr("td-col-collection") }}</th><th>{{ nav.tr("td-col-parent") }}</th></tr></thead>
      <tbody>
        {% for generated in page.generated %}
          <tr>
            <td><code>{{ generated.table_name }}</code></td>
            <td>{% if generated.collection_path.is_empty() %}<span class="hint">{{ nav.tr("td-root") }}</span>{% else %}<code>{{ generated.collection_path }}</code>{% endif %}</td>
            <td>{% if generated.parent_table_name.is_empty() %}<span class="hint">—</span>{% else %}<code>{{ generated.parent_table_name }}</code>{% endif %}</td>
          </tr>
        {% endfor %}
      </tbody>
    </table>
  </section>
{% endif %}

<section class="panel">
  <h2>{{ nav.tr("td-template-create-heading") }}</h2>
  <p class="hint">{{ nav.tr("td-template-hint")|safe }}</p>
  <form hx-post="/admin/tables/from-template"
        hx-target="#table-panel" hx-swap="innerHTML"
        hx-disabled-elt="button[type=submit]">
    <input type="hidden" name="profile" value="{{ page.selection.profile }}">
    <div class="form-grid">
      <label>{{ nav.tr("td-table-name") }}
        <input name="table_name" value="{{ page.invoice.table_name }}" placeholder="invoice">
      </label>
      <label>{{ nav.tr("td-row-display-columns") }}
        <input name="row_display_columns" value="{{ page.invoice.row_display_columns }}" placeholder="number, issued_on">
        <small>{{ nav.tr("td-row-display-hint") }}</small>
      </label>
      <label class="wide">{{ nav.tr("td-template-source") }}
        <textarea name="typst_source" rows="10" placeholder="#let komp_ac_fields = (&#10;  &quot;sidlo.nazov&quot;,&#10;  &quot;people[].name&quot;,&#10;)">{{ page.invoice.typst_source }}</textarea>
      </label>
    </div>
    <div class="form-actions">
      <button type="submit">{{ nav.tr("td-template-create-button") }}</button>
    </div>
  </form>
</section>