{% extends "base.html" %}

{% block content %}
<div class="max-w-4xl mx-auto">

    <div class="flex items-center gap-3 mb-6">
        <span class="text-3xl">⚔</span>
        <div>
            <h1 class="text-3xl font-semibold tracking-tight">The Armory</h1>
            <p class="text-forge-muted text-sm">The Hall of Tempered Blades — every successful forging you have completed.</p>
        </div>
    </div>

    {% if tempered %}
        <div class="space-y-4">
            {% for ex in tempered %}
            <div class="forge-card border border-forge-iron rounded-2xl p-5">
                <div class="flex items-start justify-between">
                    <div>
                        <div class="font-semibold text-lg">{{ ex.agent_name }} <span class="text-sm text-forge-muted">v{{ ex.agent_version }}</span></div>
                        <div class="text-xs text-forge-muted font-mono mt-0.5">{{ ex.trace_id }}</div>
                    </div>
                    <div class="text-right">
                        <div class="text-emerald-400 text-xs font-mono tracking-widest">TEMPERED</div>
                        <div class="text-xs text-forge-muted mt-1">
                            {{ ex.finished_at.strftime('%Y-%m-%d %H:%M') if ex.finished_at else ex.started_at.strftime('%Y-%m-%d %H:%M') }}
                        </div>
                    </div>
                </div>

                <div class="mt-4 flex gap-6 text-sm">
                    <div>
                        <span class="text-forge-muted text-xs">ACTIONS</span><br>
                        <span class="font-semibold text-forge-gold">{{ ex.n_proposed_actions }}</span>
                    </div>
                    <div>
                        <span class="text-forge-muted text-xs">VIOLATIONS</span><br>
                        <span class="font-semibold {% if ex.n_violations > 0 %}text-amber-400{% else %}text-emerald-400{% endif %}">{{ ex.n_violations }}</span>
                    </div>
                </div>

                <div class="mt-4 text-xs">
                    <a href="/api/executions/{{ ex.trace_id }}" target="_blank"
                       class="text-forge-ember hover:underline">View full forging record →</a>
                </div>
            </div>
            {% endfor %}
        </div>
    {% else %}
        <div class="forge-card border border-forge-iron rounded-2xl p-12 text-center">
            <div class="text-forge-gold text-4xl mb-4">🛡️</div>
            <div class="text-xl font-semibold mb-2">No tempered blades yet</div>
            <p class="text-forge-muted max-w-xs mx-auto">
                Successfully complete a forging on the Anvil and it will appear here as a proven, tempered blade.
            </p>
            <a href="/run" class="inline-block mt-6 text-sm text-forge-ember hover:underline">Go to the Anvil →</a>
        </div>
    {% endif %}

</div>
{% endblock %}