{% extends "base.html" %}
{% block title %}runs · watchmen{% endblock %}
{% block content %}

<h1 class="text-2xl font-semibold mb-6">Run history</h1>

{% if runs %}
<div class="wm-card wm-card-table tabular">
  <table>
    <thead>
      <tr>
        <th>#</th>
        <th>Started</th>
        <th>Ended</th>
        <th>Project</th>
        <th>Kind</th>
        <th>Status</th>
        <th>Cost</th>
        <th>Notes</th>
      </tr>
    </thead>
    <tbody>
      {% for r in runs %}
      <tr>
        <td class="text-xs text-gray-500">{{ r.id }}</td>
        <td class="text-xs text-gray-700 font-mono">{{ r.started_at[:19] }}</td>
        <td class="text-xs text-gray-700 font-mono">{{ r.ended_at[:19] if r.ended_at else "running" }}</td>
        <td class="text-sm"><a href="/p/{{ r.project_key }}" class="text-blue-600">{{ r.project_key }}</a></td>
        <td class="text-sm">{{ r.kind }}</td>
        <td class="text-sm">
          {% if r.status == 'ok' %}<span class="wm-pill wm-pill-ok">✓ ok</span>
          {% elif r.status == 'running' %}<span class="wm-pill wm-pill-running">● running</span>
          {% else %}<span class="wm-pill wm-pill-fail">✗ {{ r.status }}</span>{% endif %}
        </td>
        <td class="text-xs text-gray-600">{{ "$%.2f"|format(r.cost_estimate_usd) if r.cost_estimate_usd else "" }}</td>
        <td class="text-xs text-gray-600">{{ r.notes or "" }}</td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
</div>
{% else %}
<div class="text-sm text-gray-500">No runs recorded yet.</div>
{% endif %}

{% endblock %}