{% extends "base.html.jinja" %}

{% block content %}
<section class="max-w-4xl mx-auto px-4 pt-12">
    <div class="flex items-center justify-between mb-8">
        <div>
            <a href="/orgs/{{ org_name }}/projects" class="text-sm text-gray-500 hover:text-gray-700">&larr; {{ org_name }}</a>
            <h1 class="text-2xl font-bold mt-1">{{ project_name }}</h1>
        </div>
    </div>

    <h2 class="font-bold text-lg mb-4">Recent releases</h2>

    {% if artifacts %}
    <div class="space-y-4">
        {% for artifact in artifacts %}
        <div class="p-4 border border-gray-200 rounded-lg">
            <div class="flex items-center justify-between">
                <div>
                    <p class="font-medium">{{ artifact.title }}</p>
                    {% if artifact.description %}
                    <p class="text-sm text-gray-600 mt-1">{{ artifact.description }}</p>
                    {% endif %}
                </div>
                <div class="text-right text-sm text-gray-500">
                    <p class="font-mono">{{ artifact.slug }}</p>
                    <p>{{ artifact.created_at }}</p>
                </div>
            </div>
        </div>
        {% endfor %}
    </div>
    {% else %}
    <div class="p-6 border border-gray-200 rounded-lg text-center">
        <p class="text-gray-600">No releases yet.</p>
        <p class="text-sm text-gray-400 mt-2">Create a release with <code class="bg-gray-100 px-1 rounded">forest release create</code></p>
    </div>
    {% endif %}
</section>
{% endblock %}