{% extends "_base.html" %}
{% block title %}Run history — yt-shorts-trends{% endblock %}
{% block content %}
<h1>Run history</h1>
<p class="muted">Last 50 runs, newest first.</p>
<form method="get" action="/jobs" class="window-selector">
  <label for="status">Status:</label>
  <select name="status" id="status">
    <option value="" {% if selected_status is none %}selected{% endif %}>All</option>
    {% for s in allowed_statuses %}
      <option value="{{ s }}" {% if selected_status == s %}selected{% endif %}>{{ s }}</option>
    {% endfor %}
  </select>

  <label for="platform">Platform:</label>
  <select name="platform" id="platform">
    <option value="" {% if selected_platform is none %}selected{% endif %}>All</option>
    {% for p in allowed_platforms %}
      <option value="{{ p }}" {% if selected_platform == p %}selected{% endif %}>{{ p }}</option>
    {% endfor %}
  </select>

  <label for="date_from">From:</label>
  <input type="date" name="date_from" id="date_from" value="{{ selected_date_from }}">

  <label for="date_to">To:</label>
  <input type="date" name="date_to" id="date_to" value="{{ selected_date_to }}">

  <button type="submit">Apply</button>
  <a href="/jobs">Clear</a>
</form>
{% if not rows %}
  <p class="empty-state">No runs yet. Submit one from <a href="/runs/new">Run now</a> or <a href="/channel/new">Channel analysis</a>.</p>
{% else %}
<table class="jobs-table">
  <thead>
    <tr>
      <th>Run</th><th>State</th><th>Mode</th><th>Platform</th>
      <th>Started</th><th>Last seen</th><th>Exit</th><th></th>
    </tr>
  </thead>
  <tbody>
    {% for r in rows %}
    <tr data-state="{{ r.state }}" data-run-id="{{ r.run_id }}">
      <td><a href="/jobs/{{ r.run_id }}">{{ r.run_id }}</a></td>
      <td><span class="state-badge state-{{ r.state }}">{{ r.state }}</span></td>
      <td>{{ r.mode }}</td>
      <td>{% set _plat = r.platform %}{% include '_partials/platform_badge.html' %}</td>
      <td>{{ r.started_at }}</td>
      <td>{{ r.last_heartbeat or '—' }}</td>
      <td>{{ r.exit_code if r.exit_code is not none else '—' }}</td>
      <td>
        {% if r.state in ['pending','running'] %}
        <form method="post" action="/jobs/{{ r.run_id }}/cancel" style="display:inline">
          <button type="submit">Cancel</button>
        </form>
        {% endif %}
      </td>
    </tr>
    {% endfor %}
  </tbody>
</table>
<script src="/static/jobs.js" defer></script>
{% endif %}
{% endblock %}