{# GET /admin/import — crate::pages::import_export::import::ui::ImportPage #}
{% extends "ui/form_page.html" %}
{% import "ui/alert.html" as alert %}

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

{% block form %}
<form hx-post="/admin/import" hx-target="#submission-status" hx-swap="innerHTML"
      hx-disabled-elt="button[type=submit]">
  {% include "pages/import_export/import/fields.html" %}
  <div id="submission-status" aria-live="polite">
    {%- if let Some(message) = page.error %}{% call alert::error(nav.locale, nav.tr("import-error-title"), message) %}{% endcall %}{% endif -%}
  </div>
  <div class="form-actions">
    <a href="/">{{ nav.tr("common-cancel") }}</a>
    {# Rewrites the header rows and puts the result back in the textarea. It
       imports nothing: the file that gets imported is the one the user can see
       and has had the chance to read. #}
    <button type="button" hx-post="/admin/import/normalize" hx-include="closest form"
            hx-target="#import-fields" hx-swap="outerHTML"
            title="{{ nav.tr("import-normalize-hint") }}">{{ nav.tr("import-normalize") }}</button>
    <button type="submit">{{ nav.tr("import-import-rows") }}</button>
  </div>
</form>
{% include "pages/import_export/table_picker.html" %}
{% endblock %}