{% extends "base.html" %}

{% block content %}
<main class="page-grid">
  <section class="card">
    <h2>Manual gates</h2>
    {% if manual_gates %}
    <p class="muted">Human handoff and approval artifacts across runs.</p>
    {% else %}
    <p class="muted">No manual gates yet.</p>
    {% endif %}
  </section>

  <section class="card">
    <table>
      <thead>
        <tr>
          <th>Gate id</th>
          <th>Run</th>
          <th>Task</th>
          <th>Status</th>
          <th>Question</th>
        </tr>
      </thead>
      <tbody>
        {% for record in manual_gates %}
        <tr>
          <td><a href="/manual-gates/{{ record.gate.gate_id }}">{{ record.gate.gate_id }}</a></td>
          <td><a href="/runs/{{ record.run_id }}">{{ record.run_id }}</a></td>
          <td>{{ record.task_id }}</td>
          <td>{{ record.gate.status.value }}</td>
          <td>
            {% if record.human_request %}
            {{ record.human_request.question }}
            {% else %}
            -
            {% endif %}
          </td>
        </tr>
        {% endfor %}
      </tbody>
    </table>
  </section>
</main>
{% endblock %}