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

export const dynamic = 'force-dynamic';

export default async function EditCategory({ 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 category = categories.find((c) => c.id === id);
  if (!category) notFound();

  const count = products.filter((p) => p.category_id === category.id).length;

  return (
    <div className="space-y-6">
      <header>
        <h1 className="font-display text-3xl">Kategoriyi düzenle</h1>
        <p className="mt-1.5 text-sm text-cocoa-500">
          {category.name} · {count} ürün
        </p>
      </header>
      <CategoryForm category={category} productCount={count} />
    </div>
  );
}