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

{% block title %}Execution #{{ execution.id }} - ATP Platform{% endblock %}

{% block content %}
<h2>Execution #{{ execution.id }}</h2>

<div class="stat-cards">
    <div class="stat-card">
        <div class="label">Status</div>
        <div class="value">
            {% set s = execution.status %}
            {% if s == "completed" %}
            <mark class="status-badge" style="background:var(--pico-color-green-550,#2d9e5f);">{{ s }}</mark>
            {% elif s == "running" %}
            <mark class="status-badge" style="background:var(--pico-color-azure-550,#1b6bb0);">{{ s }}</mark>
            {% elif s == "failed" %}
            <mark class="status-badge" style="background:var(--pico-color-red-550,#c0392b);">{{ s }}</mark>
            {% else %}
            <mark class="status-badge" style="background:#aaa;">{{ s }}</mark>
            {% endif %}
        </div>
    </div>
    <div class="stat-card">
        <div class="label">Success Rate</div>
        <div class="value">
            {% if execution.total_tests > 0 %}
            {{ "%.1f"|format(execution.success_rate * 100) }}%
            {% else %}
            —
            {% endif %}
        </div>
    </div>
    <div class="stat-card">
        <div class="label">Tests</div>
        <div class="value">{{ execution.passed_tests }} / {{ execution.total_tests }}</div>
    </div>
    <div class="stat-card">
        <div class="label">Runs/Test</div>
        <div class="value">{{ execution.runs_per_test }}</div>
    </div>
    <div class="stat-card">
        <div class="label">Duration</div>
        <div class="value">
            {% if execution.duration_seconds is not none %}
                {% set duration = execution.duration_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 execution.status == "running" %}
                running...
            {% else %}
                —
            {% endif %}
        </div>
    </div>
</div>

<div class="run-meta">
    Suite: <strong>{{ execution.suite_name }}</strong>
    &middot; Agent: <strong>{{ execution.agent_name or "—" }}</strong>
    {% if execution.model %}
    &middot; Model: <strong>{{ execution.model }}</strong>
    {% endif %}
    {% if execution.adapter %}
    &middot; Adapter: <strong>{{ execution.adapter }}</strong>
    {% endif %}
    {% if execution.started_at %}
    &middot; Started: {{ execution.started_at.strftime("%Y-%m-%d %H:%M") }}
    {% endif %}
    &middot; Execution #{{ execution.id }}
</div>

<h3>Test Results</h3>
{% include "ui/partials/execution_tests.html" %}

{% if failure_breakdown.failed_runs > 0 %}
<h3>Failure Causes</h3>
<p>{{ failure_breakdown.failed_runs }} / {{ failure_breakdown.total_runs }} runs failed</p>
<table>
    <thead>
        <tr>
            <th>Status</th>
            <th>Count</th>
            <th>Sample Errors</th>
        </tr>
    </thead>
    <tbody>
        {% for cause in failure_breakdown.causes %}
        <tr>
            <td>{{ cause.status }}</td>
            <td>{{ cause.count }}</td>
            <td>
                {% if cause.sample_errors %}
                <ul style="margin:0;padding-left:1.2em;">
                    {% for err in cause.sample_errors %}
                    <li>{{ err }}</li>
                    {% endfor %}
                </ul>
                {% else %}
                —
                {% endif %}
            </td>
        </tr>
        {% endfor %}
    </tbody>
</table>
{% endif %}
{% endblock %}