import { CategoryForm } from "@/components/dashboard/catalog/CategoryForm";
import { getAllCategories } from "@/actions/catalog";

export default async function CreateCategoryPage() {
  const response = await getAllCategories({});
  const categories = (response.success ? response.data : [])
    .filter((c): c is { id: string; name: string } => !!c.id && !!c.name)
    .map(c => ({
      id: c.id,
      name: c.name
    }));

  return (
    <div className="max-w-screen-2xl mx-auto px-4 sm:px-6 lg:px-8 py-10">
      <div className="mb-8 text-center">
        <h1 className="text-2xl font-bold">Kategorie erstellen</h1>
        <p className="text-muted-foreground">
          Erstellen Sie eine neue Kategorie für Ihren Katalog.
        </p>
      </div>
      <CategoryForm categories={categories} />
    </div>
  );
}