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

{% block content %}
<section class="max-w-4xl mx-auto px-4 pt-12">
    <div class="mb-8">
        <h1 class="text-2xl font-bold">Projects</h1>
    </div>

    {% if projects %}
    <div class="space-y-4">
        {% for project in projects %}
        <a href="/orgs/{{ org_name }}/projects/{{ project }}" class="block p-6 border border-gray-200 rounded-lg hover:border-gray-400">
            <h2 class="font-bold text-lg">{{ project }}</h2>
        </a>
        {% endfor %}
    </div>
    {% else %}
    <div class="p-6 border border-gray-200 rounded-lg text-center">
        <p class="text-gray-600">No projects yet.</p>
        <p class="text-sm text-gray-400 mt-2">Deploy with <code class="bg-gray-100 px-1 rounded">forest release create</code></p>
    </div>
    {% endif %}
</section>
{% endblock %}
