{% 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>
            <h1 class="text-2xl font-bold">Welcome, {{ user.username }}</h1>
            <p class="text-sm text-gray-600 mt-1">{{ user.emails[0] if user.emails }}</p>
        </div>
        <div class="flex gap-3">
            <a href="/settings/tokens" class="px-4 py-2 text-sm border border-gray-300 rounded-md hover:border-gray-400">
                API Tokens
            </a>
            <form method="POST" action="/logout">
                <input type="hidden" name="_csrf" value="{{ csrf_token }}">
                <button type="submit" class="px-4 py-2 text-sm border border-gray-300 rounded-md hover:border-gray-400">
                    Sign out
                </button>
            </form>
        </div>
    </div>

    <div class="p-6 border border-gray-200 rounded-lg mb-6">
        <p class="text-sm text-gray-500">
            Forage is in early access. Container deployments and the component registry
            are under active development. You can manage your API tokens now and deploy
            once the platform is live.
        </p>
    </div>

    <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
        <div class="p-6 border border-gray-200 rounded-lg">
            <h2 class="font-bold text-lg mb-4">Projects</h2>
            <p class="text-sm text-gray-600">No projects yet. Deploy your first forest.cue manifest to get started.</p>
        </div>

        <div class="p-6 border border-gray-200 rounded-lg">
            <h2 class="font-bold text-lg mb-4">Organisations</h2>
            <p class="text-sm text-gray-600">You're not part of any organisation yet.</p>
        </div>
    </div>

    <div class="mt-8 p-6 border border-gray-200 rounded-lg">
        <h2 class="font-bold text-lg mb-4">Quick start</h2>
        <div class="bg-gray-950 rounded-md p-4 text-sm font-mono text-gray-300">
            <pre><span class="text-gray-500"># Install forest CLI</span>
cargo install forest

<span class="text-gray-500"># Create a project</span>
forest init my-project --component forage/service

<span class="text-gray-500"># Deploy</span>
forest release create --env dev</pre>
        </div>
    </div>
</section>
{% endblock %}