import Link from "next/link";
import { AdminPageHeader } from "@/components/admin/admin-ui";
import { CreateEventForm } from "@/components/admin/create-event-form";
import { getEventCreationOptions } from "@/lib/admin-data";

export default async function CreateEventPage() {
  const options = await getEventCreationOptions();

  return (
    <div className="min-h-[42rem] pb-8">
      <AdminPageHeader
        eyebrow="Create event"
        title="Put the next session on the calendar."
        description="Choose one program, one venue and one clear schedule. Registrations remain separate after creation."
        action={
          <Link href="/admin/events" className="inline-flex items-center gap-1.5 text-xs font-semibold text-slate-500 transition hover:text-[#1D4ED8]">
            <span className="material-symbols-outlined text-[18px]">arrow_back</span>
            Events
          </Link>
        }
      />
      <CreateEventForm {...options} />
    </div>
  );
}