import { eq } from 'drizzle-orm';
import { notFound } from 'next/navigation';
import ProjectForm from '@/components/admin/project-form';
import AdminLayout from '@/components/layout/admin-layout';
import { db } from '@/db/drizzle';
import { project } from '@/db/schema';

export default async function EditProjectPage({ params }: { params: { id: string } }) {
  const { id } = params as { id: string };

  const projectData = await db
    .select()
    .from(project)
    .where(eq(project.id, params.id))
    .limit(1)
    .then((rows) => rows[0]);

  if (!projectData) {
    notFound();
  }

  return (
    <AdminLayout>
      <div className="flex flex-1 flex-col space-y-8 p-8">
        <div className="flex items-center justify-between space-y-2">
          <div>
            <h2 className="font-bold text-2xl tracking-tight">Edit Project</h2>
            <p className="text-muted-foreground">
              Edit the details of your project.
            </p>
          </div>
        </div>
        <ProjectForm initialData={projectData} />
      </div>
    </AdminLayout>
  );
}