import type { Metadata } from "next";
import { notFound } from "next/navigation";
import { 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, personDetail } from "@/server/queries/personen";

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

export default async function PersonBearbeiten({ params }: { params: Promise<{ id: string }> }) {
  const { id } = await params;
  await sitzungErforderlich("schluesselVerwalten", `/personen/${id}/bearbeiten`);
  const [person, konten] = await Promise.all([personDetail(id), kontenAuswahl(id)]);
  if (!person || person.archiviertAm) notFound();
  return (
    <div className="flex max-w-3xl flex-col gap-6 sm:gap-7">
      <Seitenkopf
        oben={
          <Breadcrumb
            pfad={[
              { titel: "Personen", href: "/personen" },
              { titel: person.name, href: `/personen/${person.id}` },
              { titel: "Bearbeiten" },
            ]}
          />
        }
        titel="Person bearbeiten"
      />
      <PersonFormular
        vorgabe={{
          id: person.id,
          name: person.name,
          email: person.email ?? "",
          organisation: person.organisation ?? "",
          notiz: person.notiz ?? "",
          benutzerId: person.benutzerId ?? "",
        }}
        konten={konten}
        abbrechenZiel={`/personen/${person.id}`}
      />
    </div>
  );
}