import Link from "next/link";
import { getEventCategories } from "@/lib/api/events";
import { getUsers } from "@/lib/api/admin";
import { EventForm } from "@/components/admin/event-form";

export default async function NewAdminEventPage() {
  const [{ data: categories }, { data: organizers }] = await Promise.all([
    getEventCategories(),
    getUsers({ role: "organizer" }),
  ]);

  return (
    <div className="max-w-xl">
      <Link href="/admin/events" className="text-sm font-medium text-kolabora-primary">
        &larr; Back to Manage Events
      </Link>
      <h2 className="mt-4 text-lg font-semibold">Create New Event</h2>
      <p className="mt-1 text-sm text-kolabora-neutral-dark/70">
        The new event will be saved as a Draft, assigned to the selected Organizer. Publish it
        after adding tickets.
      </p>
      <EventForm categories={categories} organizers={organizers} />
    </div>
  );
}