import type { Metadata } from "next";
import { LEERE_PERSON, PersonFormular } from "@/components/personen/PersonFormular";
import { Breadcrumb } from "@/components/ui/Breadcrumb";
import { Seitenkopf } from "@/components/ui/Seitenkopf";
import { sitzungErforderlich } from "@/server/auth/sitzungspflicht";
import { kontenAuswahl } from "@/server/queries/personen";

export const metadata: Metadata = { title: "Person anlegen" };

export default async function PersonNeu() {
  await sitzungErforderlich("schluesselVerwalten", "/personen/neu");
  const konten = await kontenAuswahl();
  return (
    <div className="flex max-w-3xl flex-col gap-6 sm:gap-7">
      <Seitenkopf
        oben={<Breadcrumb pfad={[{ titel: "Personen", href: "/personen" }, { titel: "Neue Person" }]} />}
        titel="Person anlegen"
        untertitel="Mitarbeitende, Admins oder Dienstleister, denen Personen-Keys gehören."
      />
      <PersonFormular vorgabe={LEERE_PERSON} konten={konten} abbrechenZiel="/personen" />
    </div>
  );
}