{# T55 admin scans list — terminal-brutalist re-skin.                     #}
{# Filter bar (GET form, serializes to URL query params) + mono data      #}
{# table + sort-toggle headers + pagination footer.                       #}
{% extends "admin_layout.html" %}
{% from 'partials/help_tooltip.html' import tip, tip_styles %}

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

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

{% macro status_pill(status) -%}
  {%- if status == 'success' -%}
    <span class="t55-pill ok">success</span>
  {%- elif status == 'errored' -%}
    <span class="t55-pill danger">errored</span>
  {%- elif status == 'cancelled' -%}
    <span class="t55-pill muted">cancelled</span>
  {%- elif status == 'soft_deleted' -%}
    <span class="t55-pill warn">soft-deleted</span>
  {%- else -%}
    <span class="t55-pill muted">{{ status }}</span>
  {%- endif -%}
{%- endmacro %}

{# Sort-toggle URL builder. Preserves every other filter param via       #}
{# ``filter_query`` so clicking a header doesn't reset the filter bar.   #}
{% macro sort_header(label, col, current_sort, current_order, filter_query) -%}
  {% set next_order = 'asc' if (current_sort == col and current_order == 'desc') else ('desc' if current_sort == col else 'desc') %}
  {% set indicator = '' %}
  {% if current_sort == col and current_order == 'asc' %}{% set indicator = ' ▲' %}{% endif %}
  {% if current_sort == col and current_order == 'desc' %}{% set indicator = ' ▼' %}{% endif %}
  <a href="?{{ filter_query }}&sort={{ col }}&order={{ next_order }}">{{ label }}{{ indicator }}</a>
{%- endmacro %}

{% block content %}
{{ tip_styles() }}
<div class="t55-eyebrow">02 — scans</div>
<h1 class="t55-h1">Scan ledger. <span class="em">{{ result.total_count }} rows.</span></h1>
<p class="t55-lede">Filterable, sortable, paginated. All scans across every tenant — production + admin + sandbox sources. Click [view] to jump to the per-scan debug page.</p>

{# ===================== Filter bar ===================== #}
<form method="get" action="/admin/scans" class="t55-filter-bar">
  <div class="t55-field">
    <label class="t55-label" for="filter-user">user email</label>
    <input id="filter-user" type="text" name="user" value="{{ filt.user_email or '' }}" placeholder="user@example.com" class="t55-input" style="width: 220px;">
  </div>
  <div class="t55-field">
    <label class="t55-label" for="filter-domain">domain</label>
    <input id="filter-domain" type="text" name="domain" value="{{ filt.domain or '' }}" placeholder="example.com" class="t55-input" style="width: 180px;">
  </div>
  <div class="t55-field">
    <label class="t55-label" for="filter-from">from</label>
    <input id="filter-from" type="date" name="from" value="{{ filt.date_from.isoformat() if filt.date_from else '' }}" class="t55-input">
  </div>
  <div class="t55-field">
    <label class="t55-label" for="filter-to">to</label>
    <input id="filter-to" type="date" name="to" value="{{ filt.date_to.isoformat() if filt.date_to else '' }}" class="t55-input">
  </div>
  <div class="t55-field">
    <span class="t55-label">status</span>
    <div style="display: flex; gap: 12px; align-items: center; font-size: 11px; color: var(--ink-2);">
      {% for s in ['success', 'errored', 'cancelled', 'soft_deleted'] %}
        <label style="display: inline-flex; align-items: center; gap: 4px; cursor: pointer;">
          <input type="checkbox" name="status" value="{{ s }}" class="t55-checkbox" {% if filt.statuses and s in filt.statuses %}checked{% endif %}>
          <span>{{ 'soft-deleted' if s == 'soft_deleted' else s }}</span>
        </label>
      {% endfor %}
    </div>
  </div>
  <div class="t55-field">
    <span class="t55-label">options</span>
    <label style="display: inline-flex; align-items: center; gap: 6px; font-size: 11px; color: var(--ink-2); cursor: pointer;">
      <input type="checkbox" name="include_deleted" value="1" class="t55-checkbox" {% if filt.include_deleted %}checked{% endif %}>
      <span>include soft-deleted</span>
    </label>
    <label style="display: inline-flex; align-items: center; gap: 6px; font-size: 11px; color: var(--ink-2); cursor: pointer; margin-top: 4px;">
      <input type="checkbox" name="include_in_progress" value="1" class="t55-checkbox" {% if filt.include_in_progress %}checked{% endif %}>
      <span>include in-progress</span>{{ tip("By default the ledger hides scans whose status is pending / processing / awaiting_confirmation / awaiting_validation. Check this to surface them too (super-admin debugging). Direct per-scan debug URLs always resolve regardless of this toggle.") }}
    </label>
  </div>

  {# Preserve sort + order across form submission. #}
  <input type="hidden" name="sort" value="{{ filt.sort_by }}">
  <input type="hidden" name="order" value="{{ filt.sort_order }}">

  <div class="t55-btn-row" style="margin-left: auto;">
    <button type="submit" class="t55-btn primary">apply</button>
    <a href="/admin/scans" class="t55-btn">reset</a>
  </div>
</form>

{# ===================== Data table ===================== #}
<section class="t55-card">
  <div class="t55-card-head">
    <span class="t55-card-title">results</span>
    <span class="t55-pill muted">{{ result.rows|length }} of {{ result.total_count }}</span>
  </div>
  <div class="t55-table-wrap">
    {% if not result.rows %}
      <div class="t55-empty">// No scans found.</div>
    {% else %}
      <table class="t55-table">
        <thead>
          <tr>
            <th>scan id</th>
            <th>{{ sort_header('created', 'created_at', filt.sort_by, filt.sort_order, filter_query) }}</th>
            <th>owner</th>
            <th>{{ sort_header('domain', 'target_domain', filt.sort_by, filt.sort_order, filter_query) }}</th>
            <th>template</th>
            <th>status</th>
            <th class="t55-num">{{ sort_header('cost', 'cost_usd', filt.sort_by, filt.sort_order, filter_query) }}</th>
            <th class="t55-num">actions</th>
          </tr>
        </thead>
        <tbody>
          {% for row in result.rows %}
            <tr>
              <td class="t55-mono-xs">{{ row.scan_id_short }}</td>
              <td style="white-space: nowrap; color: var(--ink-2);">{{ row.created_at.strftime('%Y-%m-%d %H:%M') }}</td>
              <td style="max-width: 14em; overflow: hidden; text-overflow: ellipsis;">{{ row.owner_email or '(anonymous)' }}</td>
              <td style="max-width: 14em; overflow: hidden; text-overflow: ellipsis;">{{ row.target_domain or '-' }}</td>
              <td>{{ row.starter_template or '-' }}</td>
              <td>{{ status_pill(row.status) }}</td>
              <td class="t55-num">${{ '%.4f'|format(row.cost_usd) }}</td>
              <td class="t55-num">
                <a href="/debug/scans/{{ row.scan_id }}" class="t55-btn">view</a>
              </td>
            </tr>
          {% endfor %}
        </tbody>
      </table>
    {% endif %}
  </div>
</section>

{# ===================== Pagination footer ===================== #}
{% if result.rows %}
  {% set start = ((result.page - 1) * result.page_size) + 1 %}
  {% set end = start + result.rows|length - 1 %}
  <div style="display: flex; justify-content: space-between; align-items: center; font-size: 11px; color: var(--ink-3); margin-top: 4px;">
    <div>
      // showing
      <strong style="color: var(--ink);">{{ start }}</strong>–<strong style="color: var(--ink);">{{ end }}</strong>
      of <strong style="color: var(--ink);">{{ result.total_count }}</strong>
    </div>
    <div class="t55-btn-row">
      {% if result.page > 1 %}
        <a href="?{{ filter_query }}&sort={{ filt.sort_by }}&order={{ filt.sort_order }}&page={{ result.page - 1 }}" class="t55-btn">&larr; prev</a>
      {% else %}
        <span class="t55-btn" style="opacity: 0.4; cursor: not-allowed;">&larr; prev</span>
      {% endif %}
      <span style="padding: 6px 12px; color: var(--ink-3);">page {{ result.page }}</span>
      {% if result.has_more %}
        <a href="?{{ filter_query }}&sort={{ filt.sort_by }}&order={{ filt.sort_order }}&page={{ result.page + 1 }}" class="t55-btn">next &rarr;</a>
      {% else %}
        <span class="t55-btn" style="opacity: 0.4; cursor: not-allowed;">next &rarr;</span>
      {% endif %}
    </div>
  </div>
{% endif %}
{% endblock %}