{% extends "base.html" %}
{% block title %}Voxint — runs{% endblock %}
{% block body %}
<h1>Runs</h1>
<p class="muted">Execution history, newest first. Review state applies to completed runs.</p>

<form method="post" action="/submit" enctype="multipart/form-data" class="upload">
  <input type="hidden" name="submission_id" value="{{ submission_id }}">
  <input type="hidden" name="csrf_token" value="{{ csrf_submit }}">
  <label>Upload media
    <input type="file" name="file" required>
  </label>
  <button type="submit">Submit for transcription</button>
</form>

{% if ytdlp_enabled %}
<form method="post" action="/fetch" class="upload">
  {# Independent submission id from the upload form's, so the two never collide
     on a shared source_path; a double-submit of this form stays idempotent. #}
  <input type="hidden" name="submission_id" value="{{ fetch_submission_id }}">
  <input type="hidden" name="csrf_token" value="{{ csrf_fetch }}">
  <label>Fetch from URL
    <input type="url" name="url" placeholder="https://…" required>
  </label>
  <button type="submit">Fetch &amp; transcribe</button>
</form>
{% else %}
<p class="muted">URL ingestion is disabled.</p>
{% endif %}

<form method="get" action="/runs" class="filters">
  <label>Status
    <select name="status">
      <option value="">all</option>
      {% for s in statuses %}
      <option value="{{ s.value }}"{% if status == s %} selected{% endif %}>{{ s.value }}</option>
      {% endfor %}
    </select>
  </label>
  <label>Review
    <select name="review">
      <option value="">all</option>
      {% for r in reviews %}
      <option value="{{ r.value }}"{% if review == r %} selected{% endif %}>{{ r.value }}</option>
      {% endfor %}
    </select>
  </label>
  <label>Transcript
    <input type="search" name="q" value="{{ filters.q or "" }}"
           placeholder='words, "a phrase", -excluded, this OR that'>
  </label>
  <label>Speaker
    <select name="speaker">
      <option value="">all</option>
      {% for sp in facet_speakers %}
      <option value="{{ sp.id }}"{% if filters.speaker_id == sp.id %} selected{% endif %}>
        {{- sp.display_name }}{% if sp.deleted_at %} (archived){% endif -%}
      </option>
      {% endfor %}
    </select>
  </label>
  <label>Source
    <input type="text" name="source" value="{{ filters.source or "" }}" placeholder="path contains…">
  </label>
  <label>From (UTC)
    <input type="date" name="created_from"
           value="{{ filters.created_from.isoformat() if filters.created_from else "" }}">
  </label>
  <label>To (UTC)
    <input type="date" name="created_to"
           value="{{ filters.created_to.isoformat() if filters.created_to else "" }}">
  </label>
  <button type="submit">Filter</button>
</form>

{% if not page.items %}
<p>No runs match these filters{% if filters.q %} and search{% endif %}.</p>
{% else %}
<table>
  <thead>
    <tr><th>Run</th><th>Status</th><th>Review</th><th>Media</th><th>Created</th></tr>
  </thead>
  <tbody>
    {% for it in page.items %}
    <tr>
      <td><a href="/runs/{{ it.run_id }}"><code>{{ it.run_id.hex[:8] }}</code></a></td>
      <td><span class="pill {{ it.status }}">{{ it.status }}</span></td>
      <td>
        {% if it.status == "completed" %}
          {% if it.label_count == 0 %}<span class="pill muted">no speakers</span>
          {% elif it.unresolved_count > 0 %}<span class="pill unresolved">needs ruling ({{ it.unresolved_count }})</span>
          {% else %}<span class="pill human">resolved</span>{% endif %}
        {% else %}<span class="muted">—</span>{% endif %}
        {% if it.claim_live %}<span class="pill grounded">claimed{% if it.claimed_by %} · {{ it.claimed_by }}{% endif %}</span>{% endif %}
      </td>
      <td>
        {# Source title from the acquisition metadata (issue #36); uploads and
           pre-capture runs fall back to the media path. #}
        {% if it.title %}{{ it.title }}<br><code class="muted">{{ it.source_path }}</code>
        {% else %}<code>{{ it.source_path }}</code>{% endif %}
      </td>
      <td>{{ it.created_at.strftime("%Y-%m-%d %H:%M") }}</td>
    </tr>
    {% if it.snippet %}
    <tr class="snippet">
      {# snippet.html is server-escaped with only our <mark> injected — see
         runs_query._render_headline; transcript text itself is never trusted. #}
      <td colspan="5" class="muted">
        ⏱ {{ "%d:%02d" | format(it.snippet.start_seconds // 60, it.snippet.start_seconds % 60) }}
        — {{ it.snippet.html }}
      </td>
    </tr>
    {% endif %}
    {% endfor %}
  </tbody>
</table>
{% endif %}

{% if next_url %}
<p><a href="{{ next_url }}">Older →</a></p>
{% endif %}
{% endblock %}