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

{% block content %}
<div class="page-header">
  <div>
    <p class="muted text-sm" style="margin-bottom:0.25rem"><a href="/ui/flows">Flows</a> / {{ project }}</p>
    <h1>{{ flow_name }}</h1>
  </div>
  <div class="actions">
    {% if flow_spec %}
    <form method="post" action="/ui/flows/{{ project }}/{{ flow_name }}/run" style="display:inline">
      <input type="hidden" name="_csrf" value="{{ request.state.csrf_token }}">
      <button type="submit" class="btn btn-primary">Launch Run</button>
    </form>
    {% else %}
    <button class="btn btn-ghost" disabled>Launch Run</button>
    {% endif %}
  </div>
</div>

{% if not flow_spec %}
<div class="card" style="border-color: rgba(255,92,92,0.3)">
  <p class="muted text-sm">Flow not found in the current directory.</p>
</div>
{% else %}
<div class="card">
  <table>
    <tbody>
      <tr><td class="muted" style="width:160px">Schedule</td><td>{{ flow_spec.schedule or '—' }}</td></tr>
      <tr><td class="muted">Next Run</td><td>{{ flow_spec.schedule | next_run }}</td></tr>
      <tr><td class="muted">Entrypoint</td><td class="mono">{{ flow_spec.entrypoint }}</td></tr>
    </tbody>
  </table>
</div>
{% endif %}

<h2 class="mt-3" style="font-size:1rem;font-weight:600">Runs</h2>

{% if runs %}
<div class="card table-wrap mt-1">
  <table>
    <thead>
      <tr>
        <th>Run ID</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><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 mt-1">
  <p class="muted">No runs yet for this flow.</p>
</div>
{% endif %}
{% endblock %}