---
import Layout from '@/layouts/AdminLayout.astro';
import SiteDashboard from '@/components/admin/sites/SiteDashboard';
import { Button } from '@/components/ui/button';
import { ArrowLeft } from 'lucide-react';

const { siteId } = Astro.params;
---

<Layout title="Manage Site | Spark Launchpad">
  <div class="h-screen flex flex-col">
    <div class="border-b border-zinc-800 bg-zinc-950 p-4 flex items-center gap-4">
        <a href="/admin/sites">
            <Button variant="ghost" size="icon" class="text-zinc-400 hover:text-white">
                <ArrowLeft className="h-4 w-4" />
            </Button>
        </a>
        <div>
            <h1 class="text-xl font-bold text-white tracking-tight">Site Management</h1>
            <p class="text-xs text-zinc-500 font-mono">ID: {siteId}</p>
        </div>
    </div>
    
    <div class="flex-1 overflow-auto p-8">
        <SiteDashboard client:only="react" siteId={siteId!} />
    </div>
  </div>
</Layout>
