{# T48 per-scan evals matrix page. Extends the admin layout + renders   #}
{# the shared `evals_matrix.html` partial.                              #}
{% extends "admin_layout.html" %}

{% block page_title %}Evals -- {{ scan_id[:8] }}{% endblock %}

{% block breadcrumb %}
  <span class="text-gray-500">Admin</span>
  <span class="px-1.5 text-gray-300">/</span>
  <a href="/admin/evals" class="text-gray-500 hover:text-gray-700">Evals</a>
  <span class="px-1.5 text-gray-300">/</span>
  <span class="text-gray-900 font-medium">{{ scan_id[:8] }}</span>
{% endblock %}

{% block content %}
<div class="space-y-6">

  <header class="bg-white border border-gray-200 rounded-lg shadow-sm p-6">
    <div class="flex flex-wrap items-start justify-between gap-4">
      <div class="min-w-0">
        <h1 class="text-xl font-semibold text-gray-900 mb-1">
          Eval matrix
          <code class="text-base font-mono text-gray-700">{{ scan_id }}</code>
        </h1>
        <div class="text-sm text-gray-600 flex flex-wrap items-center gap-x-3 gap-y-1">
          <span>Target: <code class="font-mono text-gray-800">{{ target_url }}</code></span>
          {% if owner_email %}
            <span class="text-gray-400">&middot;</span>
            <span>Owner: <code class="font-mono text-gray-800">{{ owner_email }}</code></span>
          {% endif %}
        </div>
      </div>
      <div class="flex items-center gap-2">
        <a href="/debug/scans/{{ scan_id }}" class="text-sm text-blue-600 hover:underline">Debug page &rarr;</a>
      </div>
    </div>
  </header>

  {% include 'partials/evals_matrix.html' %}

  {# T48.1: shared eval-new modal. fixed-scan mode -- scan id is the #}
  {# page's scan_id, so the picker is hidden. Included once at the    #}
  {# page level so it isn't duplicated if the matrix partial ever     #}
  {# renders multiple times.                                          #}
  {% with mode='fixed-scan', fixed_scan_id=scan_id %}
    {% include 'partials/eval_new_modal.html' %}
  {% endwith %}

</div>
{% endblock %}