// Admin categories management. Server component fetches the full
// list (including deactivated ones), client component below handles
// the create/edit/deactivate interactions.

import { categoryService } from '@/lib/services/category.service';
import { CategoryManager } from './CategoryManager';

export const dynamic = 'force-dynamic';

export default async function AdminCategoriesPage() {
  const categories = await categoryService.listAll();
  return (
    <div className="mx-auto max-w-4xl space-y-6">
      <header>
        <h1 className="text-xl font-semibold text-gray-900">Manage Categories</h1>
        <p className="mt-1 text-sm text-gray-500">
          Add new product categories or deactivate ones the team no longer supports.
        </p>
      </header>
      <CategoryManager initial={categories.map((c) => ({
        id: c.id,
        name: c.name,
        slug: c.slug,
        isActive: c.isActive,
        sortOrder: c.sortOrder,
        questionCount: c._count.questions,
      }))} />
    </div>
  );
}