{#
  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>Tables created from the template</h2>
    <table class="builder-table">
      <thead><tr><th>Table</th><th>Collection</th><th>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">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>Create tables from an invoice template</h2>
  <p class="hint">
    Reads the <code>#let komp_ac_fields = (…)</code> contract out of a Typst
    template. A path that matches an existing table and column becomes a
    reference to it; anything else becomes a TEXT column to refine later, and
    every <code>[]</code> becomes a child table.
  </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>Table name
        <input name="table_name" value="{{ page.invoice.table_name }}" placeholder="invoice">
      </label>
      <label>Row display columns
        <input name="row_display_columns" value="{{ page.invoice.row_display_columns }}" placeholder="number, issued_on">
        <small>Comma-separated, and only for the root table.</small>
      </label>
      <label class="wide">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">Create from template</button>
    </div>
  </form>
</section>