import { prisma } from "@/lib/db";
import { parseSpecFields } from "@/lib/serialize";
import { ProductForm } from "@/components/admin/ProductForm";

export const dynamic = "force-dynamic";

export default async function NewProductPage() {
  const categories = await prisma.category.findMany({
    orderBy: { sortOrder: "asc" },
  });
  const options = categories.map((c) => ({
    id: c.id,
    name: c.name,
    specFields: parseSpecFields(c.specFields),
  }));

  return (
    <div className="space-y-4">
      <div>
        <a href="/admin/products" className="text-sm text-slate-400 hover:text-brand-600">
          ← Back to products
        </a>
        <h2 className="mt-1 text-lg font-bold text-slate-900">New product</h2>
      </div>
      <ProductForm categories={options} />
    </div>
  );
}