import { redirect } from "next/navigation";
import { Tags } from "lucide-react";
import CategoryManager from "./category-manager";
import { getCurrentRole } from "@/lib/auth";
import { getCategories } from "@db/queries/categories";
import { PageHeader } from "@/components/ui";

export const metadata = { title: "Categories · Admin" };

export default async function CategoriesPage() {
  const { isAdmin } = await getCurrentRole();
  if (!isAdmin) redirect("/dashboard");

  const categories = await getCategories();

  return (
    <div className="max-w-2xl space-y-6">
      <PageHeader
        icon={Tags}
        title="Event categories"
        description="Categories appear on event pages and let fans filter by scene."
      />
      <CategoryManager initial={categories} />
    </div>
  );
}