import { DataTable } from "@/components/admin/DataTable";
import { AdminPageHeader, AdminTextCell } from "@/components/admin/AdminPresentation";
import { prisma } from "@/lib/prisma";

export default async function CategoriesPage() {
  const rows = await prisma.category.findMany({ include: { parent: true } });
  return (
    <section>
      <AdminPageHeader title="Categories" subtitle="Review storefront category structure and parent relationships." />
      <DataTable headers={["Name", "Slug", "Parent"]} rows={rows.map((c) => [
        <AdminTextCell key="name" value={c.name} className="max-w-[240px] font-black" />,
        <AdminTextCell key="slug" value={c.slug} className="max-w-[220px] text-[#666]" />,
        <AdminTextCell key="parent" value={c.parent?.name || "-"} className="max-w-[220px]" />
      ])} />
    </section>
  );
}