{% extends "base.html" %}
{% block title %}Runs — Repster{% endblock %}

{% block content %}
<div class="page-header">
  <h1>Runs</h1>
</div>

{% if runs %}
<div class="card table-wrap">
  <table>
    <thead>
      <tr>
        <th>Run ID</th>
        <th>Project</th>
        <th>Flow</th>
        <th>Status</th>
        <th>Started</th>
        <th>Rows</th>
      </tr>
    </thead>
    <tbody>
      {% for run in runs %}
      <tr>
        <td><a href="/ui/runs/{{ run.run_id }}" class="mono">{{ run.run_id[:12] }}</a></td>
        <td>{{ run.project }}</td>
        <td><a href="/ui/flows/{{ run.project }}/{{ run.flow }}">{{ run.flow }}</a></td>
        <td>
          <span class="badge badge-{{ run.status }}">{{ run.status }}</span>
        </td>
        <td class="muted text-sm">{{ run.started_at | fmtts }}</td>
        <td class="muted">{{ run.rows_loaded or '—' }}</td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
</div>
{% else %}
<div class="card">
  <p class="muted">No runs yet.</p>
</div>
{% endif %}
{% endblock %}