{#
  GET /admin/profiles/history — crate::pages::admin::table_definition::ui::HistoryPage

  Read-only, so there is nothing here to swap and no panel fragment beside it.
  A table in the selection narrows the history to that table; the loader is
  what applies that, by passing its id to the backend.
#}
{% extends "ui/base.html" %}

{% block title %}{{ nav.tr("td-history-title") }}{% endblock %}

{% block content %}
<main>
  {% include "pages/admin/table_definition/context.html" %}

  <section class="panel">
    <h2>{{ nav.tr("td-history-heading") }}</h2>
    {% if page.history.is_empty() %}
      {% if page.selection.has_table() %}
        <p class="hint">{{ nav.tr_args("td-history-empty", [("scope", page.selection.table.clone())]) }}</p>
      {% else %}
        <p class="hint">{{ nav.tr("td-history-empty-this-profile") }}</p>
      {% endif %}
    {% else %}
      <table class="builder-table">
        <thead><tr><th>{{ nav.tr("td-col-table") }}</th><th>{{ nav.tr("td-col-was") }}</th><th>{{ nav.tr("td-col-is") }}</th><th>{{ nav.tr("td-col-when") }}</th></tr></thead>
        <tbody>
          {% for entry in page.history %}
            <tr>
              <td><code>{{ entry.table_name }}</code></td>
              <td><code>{{ entry.old_column_name }}</code></td>
              <td><code>{{ entry.new_column_name }}</code></td>
              <td>{{ entry.created_at }}</td>
            </tr>
          {% endfor %}
        </tbody>
      </table>
    {% endif %}
  </section>
</main>
{% endblock %}