{% extends "ui/base_ui.html" %}

{% block title %}Runs - ATP Platform{% endblock %}

{% block content %}
<h2>Runs</h2>
<p>{{ total }} run{{ "s" if total != 1 else "" }} recorded</p>

<table>
    <thead>
        <tr>
            <th>Run ID</th>
            <th>Benchmark</th>
            <th>Agent</th>
            <th>Status</th>
            <th>Score</th>
            <th>Tasks</th>
            <th>Started</th>
            <th>Duration</th>
            <th>Actions</th>
        </tr>
    </thead>
    <tbody>
        {% for run, benchmark_name, tasks_count in runs %}
        <tr>
            <td>
                <a href="/ui/runs/{{ run.id }}">#{{ run.id }}</a>
            </td>
            <td>
                {% if run.benchmark_id %}
                <a href="/ui/benchmarks/{{ run.benchmark_id }}">{{ benchmark_name or "—" }}</a>
                {% else %}
                —
                {% endif %}
            </td>
            <td>{{ run.agent_name or "—" }}</td>
            <td>
                {% set s = run.status %}
                {% if s == "COMPLETED" %}
                <mark style="background:var(--pico-color-green-550,#2d9e5f);color:#fff;padding:2px 8px;border-radius:4px;">{{ s }}</mark>
                {% elif s == "IN_PROGRESS" %}
                <mark style="background:var(--pico-color-azure-550,#1b6bb0);color:#fff;padding:2px 8px;border-radius:4px;">{{ s }}</mark>
                {% elif s == "FAILED" %}
                <mark style="background:var(--pico-color-red-550,#c0392b);color:#fff;padding:2px 8px;border-radius:4px;">{{ s }}</mark>
                {% elif s == "CANCELLED" %}
                <mark style="background:#6c757d;color:#fff;padding:2px 8px;border-radius:4px;">{{ s }}</mark>
                {% else %}
                <mark style="background:#aaa;color:#fff;padding:2px 8px;border-radius:4px;">{{ s }}</mark>
                {% endif %}
            </td>
            <td>
                {% if run.total_score is not none %}
                {{ "%.1f"|format(run.total_score) }}
                {% else %}
                —
                {% endif %}
            </td>
            <td>{{ run.current_task_index }}/{{ tasks_count or run.total_score or "?" }}</td>
            <td>
                {% if run.started_at %}
                {{ run.started_at.strftime("%Y-%m-%d %H:%M") }}
                {% else %}
                —
                {% endif %}
            </td>
            <td>
                {% if run.finished_at and run.started_at %}
                    {% set duration = (run.finished_at - run.started_at).total_seconds() %}
                    {% if duration >= 3600 %}
                        {{ "%.0f"|format(duration / 3600) }}h {{ "%.0f"|format((duration % 3600) / 60) }}m
                    {% elif duration >= 60 %}
                        {{ "%.0f"|format(duration / 60) }}m {{ "%.0f"|format(duration % 60) }}s
                    {% else %}
                        {{ "%.0f"|format(duration) }}s
                    {% endif %}
                {% elif run.status == "IN_PROGRESS" %}
                    running...
                {% else %}
                    —
                {% endif %}
            </td>
            <td>
                {% if run.status == "IN_PROGRESS" %}
                <button
                    hx-post="/ui/runs/{{ run.id }}/cancel"
                    hx-target="closest tr"
                    hx-swap="outerHTML"
                    style="padding:2px 10px;font-size:0.85em;"
                    onclick="return confirm('Cancel run #{{ run.id }}?')">
                    Cancel
                </button>
                {% else %}
                —
                {% endif %}
            </td>
        </tr>
        {% else %}
        <tr>
            <td colspan="9" style="text-align:center;color:var(--pico-muted-color,#888);">No runs yet.</td>
        </tr>
        {% endfor %}
    </tbody>
</table>

{% if total_pages > 1 %}
<nav>
    <ul>
        {% for p in range(1, total_pages + 1) %}
        <li>
            {% if p == page %}
            <a href="#" aria-current="page"><strong>{{ p }}</strong></a>
            {% else %}
            <a href="/ui/runs?page={{ p }}">{{ p }}</a>
            {% endif %}
        </li>
        {% endfor %}
    </ul>
</nav>
{% endif %}
{% endblock %}