import { notFound } from 'next/navigation';
import ProductForm from '@/components/admin/ProductForm';
import { listCategories, listProducts } from '@/lib/db';

export const dynamic = 'force-dynamic';

export default async function EditProduct({ params }: { params: Promise<{ id: string }> }) {
  const { id: rawId } = await params;
  const id = decodeURIComponent(rawId);
  const [categories, products] = await Promise.all([listCategories(true), listProducts(true)]);
  const product = products.find((p) => p.id === id);
  if (!product) notFound();

  return (
    <div className="space-y-6">
      <header>
        <h1 className="font-display text-3xl">Ürünü düzenle</h1>
        <p className="mt-1.5 text-sm text-cocoa-500">{product.name}</p>
      </header>
      <ProductForm product={product} categories={categories} />
    </div>
  );
}