{# T55 admin evals index — terminal-brutalist re-skin.                    #}
{# Lists scans with at least one llm_evals row.                           #}
{% extends "admin_layout.html" %}

{% block page_title %}admin :: evals{% endblock %}

{% block breadcrumb %}
  <a href="/admin/dashboard">admin</a><span class="sep">/</span>
  <span class="here">evals</span>
{% endblock %}

{% block content %}
<div class="t55-eyebrow">07 — evals</div>
<h1 class="t55-h1">Side-by-side. <span class="em">{{ rows|length }} scans evaluated.</span></h1>
<p class="t55-lede">Multi-model evals on production scans. Each row is one scan with at least one <code>llm_evals</code> result. Click [matrix] to see prompt &times; model breakdown. Cap-aware: today's spend versus the configured daily ceiling is in the strip below.</p>

<section class="t55-card">
  <div class="t55-card-head">
    <span class="t55-card-title">budget &amp; controls</span>
    <span class="t55-pill {% if (today_usd or 0.0) >= (cap_usd or 0.0) %}danger{% else %}muted{% endif %}">
      today: ${{ '%.4f'|format(today_usd or 0.0) }} / ${{ '%.2f'|format(cap_usd or 0.0) }}
    </span>
  </div>
  <div class="t55-btn-row">
    <button type="button" data-action="open-eval-modal" class="t55-btn primary">start new eval</button>
    <a href="/admin/scans" class="t55-btn">browse scans &rarr;</a>
  </div>
</section>

<section class="t55-card">
  <div class="t55-card-head"><span class="t55-card-title">scans with evals</span></div>
  <div class="t55-table-wrap">
    {% if not rows %}
      <div class="t55-empty">
        // No evals recorded yet. Open a scan from
        <a href="/admin/scans" style="color: var(--accent);">/admin/scans</a>
        and click "Evals" on its debug page, or jump straight to
        <code>/admin/evals/&lt;scan_id&gt;</code> to start a fresh batch.
      </div>
    {% else %}
      <table class="t55-table">
        <thead>
          <tr>
            <th>scan</th>
            <th>target</th>
            <th>owner</th>
            <th class="t55-num">evals</th>
            <th class="t55-num">total cost</th>
            <th>last eval</th>
            <th class="t55-num">action</th>
          </tr>
        </thead>
        <tbody>
          {% for row in rows %}
            <tr>
              <td class="t55-mono-xs">{{ row.scan_id_short }}</td>
              <td style="max-width: 20em; overflow: hidden; text-overflow: ellipsis;">{{ row.target_url }}</td>
              <td style="max-width: 14em; overflow: hidden; text-overflow: ellipsis;">{{ row.owner_email or '(anonymous)' }}</td>
              <td class="t55-num">{{ row.eval_count }}</td>
              <td class="t55-num">${{ '%.4f'|format(row.total_cost) }}</td>
              <td style="white-space: nowrap; font-size: 11px; color: var(--ink-3);">{{ row.last_eval_at }}</td>
              <td class="t55-num">
                <a href="/admin/evals/{{ row.scan_id }}" class="t55-btn">matrix</a>
              </td>
            </tr>
          {% endfor %}
        </tbody>
      </table>
    {% endif %}
  </div>
</section>

{# T48.1: shared modal for "Start new eval". select-scan mode -- the      #}
{# index page doesn't pin a scan id, so the picker is visible.            #}
{% with mode='select-scan' %}
  {% include 'partials/eval_new_modal.html' %}
{% endwith %}
{% endblock %}