{% extends "base.html" %}
{% from "_page_header.html" import page_header %}
{% block content %}
{{ page_header(title, "Decision ledger for model and system profile deployments. Every row is an immutable comparison/activation decision: which baseline and candidate profile were compared, whether the activation gate passed, and whether the resulting Qdrant alias change was later rolled back. Activating a new candidate profile is an ops-tool action, not a browser form -- this screen shows the audit trail and lets you reverse an activation.") }}

<section aria-labelledby="decisions-heading" class="glass-panel rounded-lg overflow-hidden flex flex-col">
  <h2 id="decisions-heading" class="sr-only">Recent activation decisions</h2>
  {% if not decisions %}
  <p role="status" class="text-body-sm font-body-sm text-on-surface-variant p-lg text-center">No profile activation decisions have been recorded yet.</p>
  {% else %}
  <div class="overflow-x-auto">
    <table class="w-full text-left border-collapse">
      <caption class="sr-only">Profile comparison and activation decisions</caption>
      <thead class="bg-[#0F172A] border-b border-[#1E293B]">
        <tr>
          <th scope="col" class="py-sm px-md text-label-caps font-label-caps text-on-surface-variant uppercase tracking-wider">Created</th>
          <th scope="col" class="py-sm px-md text-label-caps font-label-caps text-on-surface-variant uppercase tracking-wider">Dataset</th>
          <th scope="col" class="py-sm px-md text-label-caps font-label-caps text-on-surface-variant uppercase tracking-wider">Baseline &rarr; Candidate</th>
          <th scope="col" class="py-sm px-md text-label-caps font-label-caps text-on-surface-variant uppercase tracking-wider">Gate</th>
          <th scope="col" class="py-sm px-md text-label-caps font-label-caps text-on-surface-variant uppercase tracking-wider">Status</th>
          <th scope="col" class="py-sm px-md text-label-caps font-label-caps text-on-surface-variant uppercase tracking-wider text-right">Action</th>
        </tr>
      </thead>
      <tbody class="divide-y divide-[#1E293B] text-code-sm font-code-sm text-on-surface">
        {% for decision in decisions %}
        <tr class="table-row-hover transition-colors">
          <th scope="row" class="py-md px-md text-on-surface-variant">{{ decision.created_at.isoformat() }}</th>
          <td class="py-md px-md">{{ decision.dataset_id }} / {{ decision.dataset_version }}</td>
          <td class="py-md px-md">{{ decision.baseline_profile.index_collection_version }} &rarr; <span class="text-on-surface font-semibold">{{ decision.candidate_profile.index_collection_version }}</span></td>
          <td class="py-md px-md">
            {% if decision.gate.passed %}
            <span class="inline-flex items-center gap-xs px-2 py-1 rounded-full bg-tertiary-container/10 border border-tertiary-container/20 text-tertiary text-label-caps font-label-caps uppercase">passed</span>
            {% else %}
            <span class="inline-flex items-center gap-xs px-2 py-1 rounded-full bg-error-container/20 border border-error/30 text-error text-label-caps font-label-caps uppercase">failed</span>
            {% endif %}
            {% if decision.gate.regressions %}
            <span class="text-on-surface-variant">({{ decision.gate.regressions | length }} regression(s))</span>
            {% endif %}
          </td>
          <td class="py-md px-md">
            {% if decision.rolled_back %}
              <span class="inline-flex items-center gap-xs text-on-surface-variant"><span class="material-symbols-outlined text-[16px]" aria-hidden="true">undo</span>rolled back</span>
            {% elif decision.activated %}
              <span class="inline-flex items-center gap-xs text-primary"><span class="material-symbols-outlined text-[16px]" aria-hidden="true">bolt</span>activated</span>
            {% else %}
              <span class="inline-flex items-center gap-xs text-on-surface-variant"><span class="material-symbols-outlined text-[16px]" aria-hidden="true">block</span>rejected</span>
            {% endif %}
          </td>
          <td class="py-md px-md text-right">
            {% if decision.activated and not decision.rolled_back %}
            <form
              method="post"
              action="/admin/profiles/{{ decision.id }}/rollback"
              data-confirm="Roll back this activation? The Qdrant alias will revert to the previous collection."
            >
              <button type="submit" class="btn-ghost inline-flex items-center gap-xs px-md py-xs rounded-DEFAULT text-code-sm font-headline-md">Roll back</button>
            </form>
            {% else %}
              <span class="text-on-surface-variant">&mdash;</span>
            {% endif %}
          </td>
        </tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
  {% endif %}
</section>
{% endblock %}