{#
  The heading and action switcher shared by the table-definition pages.
  Every one of them carries a `page` (crate::pages::admin::table_definition::
  state::TableDefinitionPageState), whose `active` says which is open.

  These are deliberately separate pages, for the same reason the permission
  sections are: adding columns, presenting them, dropping a table, copying a
  profile and reading its rename history are different decisions. Which links
  appear follows how much has been selected — the table-wide ones need a
  table, the profile-wide ones only a profile.
#}
<section class="heading">
  <div>
    <p class="eyebrow">
      {%- if page.selection.has_table() %}{{ page.selection.scope_label(nav.locale) }}{% else %}{{ nav.tr("td-eyebrow-table-definition") }}{% endif -%}
    </p>
    <h1>
      {%- if page.selection.has_table() %}{{ page.selection.table }}{% else %}{{ page.selection.scope_label(nav.locale) }}{% endif -%}
    </h1>
    <p>
      {%- if let Some(detail) = page.detail -%}
        {{ nav.tr_count("td-columns-count", "count", detail.columns.len() as i64) }} · {{ nav.tr("td-identified-by") }}
        {%- if detail.row_display_columns.is_empty() %} {{ nav.tr("td-its-id") }}
        {%- else %} {{ detail.row_display_columns|join(", ") }}{% endif -%}
        {%- if let Some(summary) = page.selected_table() -%}
          {%- if !summary.depends_on.is_empty() %} · {{ nav.tr("td-depends-on-prefix") }} {{ summary.depends_on|join(", ") }}{% endif -%}
        {%- endif -%}
        .
      {%- else -%}
        {{ nav.tr("td-acts-on-profile") }}
      {%- endif -%}
    </p>
  </div>
  <div class="actions">
    <a href="/admin{% if page.selection.has_table() %}{{ page.selection.query() }}{% else %}{{ page.selection.profile_query() }}{% endif %}">{{ nav.tr("ui-back-to-admin-panel") }}</a>
  </div>
</section>

<nav class="tabs" aria-label="{{ nav.tr("td-tab-aria") }}">
  {% if page.selection.has_table() %}
    {% if page.table_is_writable() %}
      <a href="/admin/tables/columns/add{{ page.selection.query() }}" class="tab {% if page.is("add-columns") %}selected{% endif %}" {% if page.is("add-columns") %}aria-current="page"{% endif %}>
        <span>{{ nav.tr("td-tab-add-columns") }}</span><small>{{ nav.tr("td-tab-add-columns-sub") }}</small>
      </a>
      <a href="/admin/tables/presentation{{ page.selection.query() }}" class="tab {% if page.is("presentation") %}selected{% endif %}" {% if page.is("presentation") %}aria-current="page"{% endif %}>
        <span>{{ nav.tr("td-tab-presentation") }}</span><small>{{ nav.tr("td-tab-presentation-sub") }}</small>
      </a>
      <a href="/admin/tables/delete{{ page.selection.query() }}" class="tab {% if page.is("delete") %}selected{% endif %}" {% if page.is("delete") %}aria-current="page"{% endif %}>
        <span>{{ nav.tr("td-tab-delete") }}</span><small>{{ nav.tr("td-tab-delete-sub") }}</small>
      </a>
    {% endif %}
    <a href="/permissions/grants" class="tab">
      <span>{{ nav.tr("td-tab-access") }}</span><small>{{ nav.tr("td-tab-access-sub") }}</small>
    </a>
  {% endif %}
  {% if page.selection.has_profile() && !page.selection.is_global() %}
    <a href="/admin/profiles/copy{{ page.selection.profile_query() }}" class="tab {% if page.is("copy") %}selected{% endif %}" {% if page.is("copy") %}aria-current="page"{% endif %}>
      <span>{{ nav.tr("td-tab-copy") }}</span><small>{{ nav.tr("td-tab-copy-sub") }}</small>
    </a>
    <a href="/admin/tables/from-template{{ page.selection.profile_query() }}" class="tab {% if page.is("template") %}selected{% endif %}" {% if page.is("template") %}aria-current="page"{% endif %}>
      <span>{{ nav.tr("td-tab-template") }}</span><small>{{ nav.tr("td-tab-template-sub") }}</small>
    </a>
    <a href="/admin/profiles/history{{ page.selection.profile_query() }}" class="tab {% if page.is("history") %}selected{% endif %}" {% if page.is("history") %}aria-current="page"{% endif %}>
      <span>{{ nav.tr("td-tab-history") }}</span><small>{{ nav.tr("td-tab-history-sub") }}</small>
    </a>
  {% endif %}
</nav>

{% if page.selection.has_table() && !page.table_is_writable() %}
  <section class="panel">
    <h2>{{ nav.tr("td-backend-managed-title") }}</h2>
    <p class="hint">{{ nav.tr("td-backend-managed-hint")|safe }}</p>
  </section>
{% endif %}