{% extends "base.html" %}
{% block title %}Ansible Runs — Fabled Scryer{% endblock %}
{% block content %}
<div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;">
    <h1 class="page-title" style="margin-bottom:0;">Ansible Runs</h1>
    <a href="/ansible/browse" class="btn">Browse Playbooks</a>
</div>
{% if not runs %}
<div class="card">
    <p style="color:var(--text-muted);">No runs yet. <a href="/ansible/browse">Browse playbooks</a> to begin.</p>
</div>
{% else %}
<div class="card-flush">
<table class="table">
    <thead>
        <tr>
            <th>Playbook</th>
            <th>Source</th>
            <th>Status</th>
            <th>Started</th>
            <th></th>
        </tr>
    </thead>
    <tbody>
    {% for run in runs %}
    {% set status_color = {"running": "var(--yellow)", "success": "var(--green)", "failed": "var(--red)", "interrupted": "var(--orange)"}.get(run.status.value, "var(--text-muted)") %}
    <tr>
        <td style="font-size:0.9rem;">{{ run.playbook_path }}</td>
        <td style="color:var(--text-muted);font-size:0.9rem;">{{ run.source_name }}</td>
        <td>
            <span style="color:{{ status_color }};font-size:0.85rem;font-weight:bold;">{{ run.status.value.upper() }}</span>
        </td>
        <td style="color:var(--text-muted);font-size:0.85rem;">{{ run.started_at.strftime("%Y-%m-%d %H:%M") }}</td>
        <td class="td-actions">
            <a href="/ansible/runs/{{ run.id }}" class="btn btn-sm btn-ghost">View</a>
        </td>
    </tr>
    {% endfor %}
    </tbody>
</table>
</div>
{% endif %}
{% endblock %}