{% extends "base.html" %}
{% from "components/status_badge.html" import status_badge %}

{% block title %}Runs — Energizados Web Console{% endblock %}

{% block content %}
<h2 class="app-hero__title mb-3">📊 Runs History</h2>

<!-- Filter controls -->
<div class="mb-3">
    <a href="/runs?status=success" class="btn btn-sm btn-outline-success">✅ Success</a>
    <a href="/runs?status=partial" class="btn btn-sm btn-outline-warning">⚠️ Partial</a>
    <a href="/runs?status=failed" class="btn btn-sm btn-outline-danger">❌ Failed</a>
    <a href="/runs" class="btn btn-sm btn-outline-secondary">🔄 All</a>
</div>

<!-- Runs grouped by run_type (mirrors project_detail by-type tables) -->
{% set type_meta = {
    "etl": {"icon": "bi-database", "label": "ETL"},
    "eda": {"icon": "bi-bar-chart", "label": "EDA"},
    "inference": {"icon": "bi-lightning", "label": "Inference"},
    "training": {"icon": "bi-cpu", "label": "Training"}
} %}

{% if runs %}
{% for bucket in run_type_buckets %}
{% set truns = run_groups[bucket] %}
{% if truns %}
<section class="app-card mb-3" data-run-type="{{ bucket }}">
    <div class="app-card__header">
        <h3 class="app-card__title app-card__title--sm">
            <i class="bi {{ type_meta[bucket].icon }} me-1"></i>{{ type_meta[bucket].label }}
        </h3>
        <span class="app-card__count">{{ truns|length }} run{{ '' if truns|length == 1 else 's' }}</span>
    </div>
    <div class="table-responsive">
        <table class="table table-hover align-middle mb-0">
            <thead>
                <tr>
                    <th>Run ID</th>
                    <th>Status</th>
                    {% if bucket == "training" %}
                    <th>Models</th>
                    <th>AUC</th>
                    <th>F1</th>
                    {% else %}
                    <th>Output</th>
                    {% endif %}
                    <th>Duration</th>
                    <th>Timestamp</th>
                    <th>Actions</th>
                </tr>
            </thead>
            <tbody>
                {% for run in truns %}
                <tr>
                    <td><code class="small">{{ run.run_id }}</code></td>
                    <td>{{ status_badge(run.status) }}</td>
                    {% if bucket == "training" %}
                    <td>{{ run.model_types|join(", ") }}</td>
                    <td>{% if run.run_type == "training" %}{{ "%.3f"|format(run.val_auc) if run.val_auc else "—" }}{% endif %}</td>
                    <td>{% if run.run_type == "training" %}{{ "%.3f"|format(run.val_f1) if run.val_f1 else "—" }}{% endif %}</td>
                    {% else %}
                    <td>{% set out = run_outputs.get(run.run_id) %}{% if out %}<a href="/runs/{{ run.run_id }}">{{ out }}</a>{% endif %}</td>
                    {% endif %}
                    <td>{{ "%.1f"|format(run.duration_seconds) }}s</td>
                    <td class="small">{{ run.timestamp[:19] }} UTC</td>
                    <td>
                        <a href="/runs/{{ run.run_id }}" class="btn btn-sm btn-primary">
                            👁️ View
                        </a>
                    </td>
                </tr>
                {% endfor %}
            </tbody>
        </table>
    </div>
</section>
{% endif %}
{% endfor %}
{% else %}
<div class="app-empty">ℹ️ No runs found.</div>
{% endif %}
{% endblock %}