import { notFound } from "next/navigation";
import { requireAdminPage } from "@/lib/require-admin-page";
import { AdminNav } from "@/components/admin/AdminNav";
import { ProductForm } from "@/components/admin/ProductForm";
import { getProducts } from "@/lib/db";

export default function EditProductPage({ params }: { params: { id: string } }) {
  requireAdminPage();
  const product = getProducts().find((p) => p.id === params.id);
  if (!product) notFound();

  return (
    <div>
      <AdminNav />
      <div className="mx-auto max-w-6xl px-4 py-8 sm:px-6">
        <h1 className="font-display text-2xl font-bold text-brand-ink">Edit product</h1>
        <div className="mt-6">
          <ProductForm product={product} />
        </div>
      </div>
    </div>
  );
}