{% extends "base.html" %}
{% block title %}Downloads{% endblock %}

{% block content %}
<div class="flex items-center justify-between mb-6">
    <h1 class="text-xl font-semibold text-white">Agent Downloads</h1>
    <div class="text-sm text-gray-500">{{ agents | length }} agents</div>
</div>

{% if not agents %}
<div class="text-center text-gray-600 py-16">No builds registered yet. Builds will appear here after GitHub Actions workflows complete.</div>
{% else %}

<div class="grid grid-cols-1 lg:grid-cols-2 gap-4">
    {% for slug, agent in agents.items() %}
    <div class="card rounded-lg p-4">
        <div class="flex items-center justify-between mb-3">
            <h3 class="text-sm font-semibold text-white">{{ agent.name }}</h3>
            <span class="text-xs text-gray-500">{{ agent.builds | length }} build{{ 's' if agent.builds | length != 1 }}</span>
        </div>

        {% for build in agent.builds[:3] %}
        <div class="flex items-center justify-between py-2 {% if not loop.last %}border-b border-gray-800{% endif %}">
            <div class="flex-1 min-w-0">
                <div class="flex items-center gap-2">
                    {% if build.platform == 'linux' %}
                    <span class="text-xs">🐧</span>
                    {% elif build.platform == 'macos' %}
                    <span class="text-xs">🍎</span>
                    {% elif build.platform == 'windows' %}
                    <span class="text-xs">🪟</span>
                    {% endif %}
                    <span class="text-xs font-mono text-blue-400">{{ build.version }}</span>
                    {% if loop.first %}
                    <span class="text-[10px] px-1.5 py-0.5 rounded bg-green-500/20 text-green-400">latest</span>
                    {% endif %}
                </div>
                <div class="text-[10px] text-gray-600 mt-0.5">
                    {{ build.filename }}
                    {% if build.file_size %}
                    &middot; {{ (build.file_size / 1048576) | round(1) }}MB
                    {% endif %}
                    &middot; {{ build.built_at | timeago }}
                    {% if build.commit_sha %}
                    &middot; <span class="font-mono">{{ build.commit_sha[:7] }}</span>
                    {% endif %}
                </div>
            </div>
            <a href="{{ build.download_url }}" target="_blank"
               class="ml-3 px-3 py-1 bg-blue-600 hover:bg-blue-500 text-white text-xs rounded transition flex items-center gap-1 shrink-0">
                <svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4"/>
                </svg>
                Download
            </a>
        </div>
        {% endfor %}

        {% if agent.builds | length > 3 %}
        <div class="text-xs text-gray-600 mt-2 text-center">
            + {{ agent.builds | length - 3 }} older build{{ 's' if agent.builds | length - 3 != 1 }}
        </div>
        {% endif %}
    </div>
    {% endfor %}
</div>
{% endif %}
{% endblock %}