{% extends "base.html" %}
{% block content %}
<section class="hero">
  <h1>Scan history</h1>
  <p class="muted">
    Adversarial scans you've run on this machine. Live scans appear at the top.
  </p>
</section>

<section class="card launcher" aria-labelledby="launch-heading">
  <h2 id="launch-heading">Launch a scan</h2>
  <p class="muted">Scans are launched via the CLI. The dashboard streams progress live.</p>
  <div class="cmd-block">
    <pre class="code"><code id="launch-cmd">agent-guardian scan --system-prompt prompt.txt --model gemini:gemini-3.5-flash --mode fast</code></pre>
    <button type="button" class="btn-copy" data-copy-target="launch-cmd" aria-label="Copy command to clipboard">Copy</button>
  </div>
</section>

<section id="scan-list-section" aria-labelledby="history-heading">
  <div class="section-head">
    <h2 id="history-heading" class="section-title">Recent scans ({{ scans|length }})</h2>
    <div class="refresh-controls">
      {# Tester report #15 — band filter dropdown. Hides scans whose
         BAND column does not match the selected value (empty = show all). #}
      <label class="band-filter-controls" for="band-filter">
        <span class="band-filter-label">Band:</span>
        <select id="band-filter" class="band-filter-select">
          <option value="">All bands</option>
          <option value="excellent">Excellent</option>
          <option value="good">Good</option>
          <option value="warning">Warning</option>
          <option value="poor">Poor</option>
          <option value="critical">Critical</option>
          <option value="not_evaluated">Not evaluated</option>
        </select>
      </label>
      <button type="button" id="refresh-scans" class="btn-refresh" title="Refresh the scan list">↻ Refresh</button>
      <label class="auto-refresh"><input type="checkbox" id="auto-refresh-scans"> Auto-refresh</label>
    </div>
  </div>
  <div id="scan-list-body">
  {% if scans %}
  <div class="table-wrap">
    <table class="table">
      <thead>
        <tr>
          <th scope="col">Status</th>
          <th scope="col">Scan</th>
          <th scope="col">Target</th>
          <th scope="col">AIVSS</th>
          <th scope="col">Band</th>
          <th scope="col">Findings</th>
          <th scope="col">When</th>
          <th scope="col"><span class="visually-hidden">Actions</span></th>
        </tr>
      </thead>
      <tbody>
        {% for s in scans %}
        <tr data-row-scan-id="{{ s.scan_id }}" data-row-band="{{ (s.band or '')|lower }}">
          <td>
            {% if s.status == 'running' %}
            <span class="pill pill-running">live</span>
            {% elif s.status == 'failed' %}
            <span class="pill pill-failed" title="Scan did not finish — re-run">failed</span>
            {% else %}
            <span class="pill pill-done">done</span>
            {% endif %}
          </td>
          <td>
            <a href="/scan/{{ s.scan_id }}" class="mono">{{ s.scan_id }}</a>
          </td>
          <td class="muted truncate" title="{{ s.target_ref or '' }}">
            {% if s.target_ref %}{{ s.target_mode }}: {{ s.target_ref }}{% else %}—{% endif %}
          </td>
          <td>
            {% if s.status == 'completed' and s.aivss is not none %}
            <span class="aivss aivss-{{ (s.band or '')|lower }}">{{ s.aivss }}</span>
            {% else %}<span class="muted">—</span>{% endif %}
          </td>
          <td>
            {% if s.status == 'completed' and s.band %}<span class="pill pill-band-{{ s.band|lower }}">{{ s.band }}</span>{% else %}<span class="muted">—</span>{% endif %}
          </td>
          <td>{% if s.status == 'completed' and s.findings_count is not none %}{{ s.findings_count }}{% else %}<span class="muted">—</span>{% endif %}</td>
          <td class="muted">{% if s.created_at %}<time class="localtime" datetime="{{ s.created_at.isoformat() }}">{{ s.created_at.strftime('%Y-%m-%d %H:%M') }}</time>{% else %}—{% endif %}</td>
          <td>
            <button type="button" class="btn-delete" data-scan-id="{{ s.scan_id }}"
                    title="Delete this scan" aria-label="Delete scan {{ s.scan_id }}">Delete</button>
          </td>
        </tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
  {% else %}
  <div class="card empty">
    <p>No scans yet. Run <code>agent-guardian scan</code> in another terminal.</p>
  </div>
  {% endif %}
  </div>
</section>
<script type="module" src="/static/home.js"></script>
{% endblock %}