import { Kopfleiste } from '@/components/kopfleiste'
import { zaehlstaende } from '@/server/abfragen/aufgaben'
import { INSTANZ_NAME } from '@/lib/instanz'
import { versionAnzeige } from '@/lib/version'
import { angefragterPfad, verlangeAnmeldung } from '@/server/berechtigung'
import { aktuelleInstanz } from '@/server/instanz'

/**
 * Alles unterhalb von (app) setzt eine Anmeldung voraus. Der Riegel sitzt
 * hier im Layout und zusaetzlich in jeder Server Action – nicht nur in der
 * Oberflaeche.
 */
export default async function AngemeldetesLayout({
  children,
}: {
  children: React.ReactNode
}) {
  // Der Pfad kommt aus der Kopfzeile des Proxys, damit es nach der
  // Anmeldung dort weitergeht, wo man hinwollte.
  const benutzer = await verlangeAnmeldung(await angefragterPfad())
  const instanz = aktuelleInstanz()
  const zahlen = await zaehlstaende()

  return (
    <div className="flex min-h-dvh flex-col">
      <Kopfleiste
        name={benutzer.name ?? benutzer.email}
        email={benutzer.email}
        rolle={benutzer.rolle}
        instanzName={INSTANZ_NAME[instanz]}
        inbox={zahlen.inbox}
      />

      <main className="mx-auto w-full max-w-5xl flex-1 px-4 py-8">{children}</main>

      <footer className="text-gedaempft-vordergrund border-rand border-t px-4 py-4 text-center text-xs">
        Planer {versionAnzeige()} · {INSTANZ_NAME[instanz]}
      </footer>
    </div>
  )
}