import Link from 'next/link'
import { KeyRound, FileText, Trash2, Users } from 'lucide-react'
import { SeitenKopf } from '@/components/seiten-kopf'
import { Card, CardDescription, CardHeader, CardTitle } from '@/components/ui/card'
import { Badge } from '@/components/ui/badge'
import { erfordereBenutzer } from '@/lib/auth/sitzung'
import { ROLLEN_BESCHRIFTUNG } from '@/lib/auth/rollen'

export const metadata = { title: 'Einstellungen' }

/**
 * Einstiegsseite der Einstellungen.
 *
 * Hier liegt alles, was nicht zur Akte gehoert, sondern zur Anwendung
 * selbst: wer sie benutzen darf, wer was davon sehen darf, und was
 * geloescht, aber noch nicht weg ist.
 */
export default async function EinstellungenSeite() {
  const benutzer = await erfordereBenutzer('/einstellungen')
  const istAdmin = benutzer.rolle === 'ADMIN'

  return (
    <div className="space-y-6">
      <SeitenKopf
        titel="Einstellungen"
        pfad={[{ titel: 'Einstellungen' }]}
        beschreibung={
          <>
            Angemeldet als {benutzer.name}{' '}
            <Badge variant="outline">{ROLLEN_BESCHRIFTUNG[benutzer.rolle]}</Badge>
          </>
        }
      />

      <div className="grid gap-4 md:grid-cols-2">
        {istAdmin && (
          <Card>
            <CardHeader className="flex flex-row items-start gap-3 space-y-0">
              <Users className="mt-0.5 size-5 shrink-0 text-primary" aria-hidden="true" />
              <div>
                <CardTitle className="text-lg">
                  <Link href="/einstellungen/benutzer" className="underline-offset-4 hover:underline">
                    Benutzer
                  </Link>
                </CardTitle>
                <CardDescription className="mt-1">
                  Anlegen, Rolle ändern, deaktivieren, alle Geräte abmelden. Nur für
                  Administratoren.
                </CardDescription>
              </div>
            </CardHeader>
          </Card>
        )}

        <Card>
          <CardHeader className="flex flex-row items-start gap-3 space-y-0">
            <KeyRound className="mt-0.5 size-5 shrink-0 text-primary" aria-hidden="true" />
            <div>
              <CardTitle className="text-lg">
                <Link href="/einstellungen/freigaben" className="underline-offset-4 hover:underline">
                  Freigaben
                </Link>
              </CardTitle>
              <CardDescription className="mt-1">
                Wer darf welche Bereiche der Akte lesen? Mitleser bekommen einzelne Bereiche
                freigegeben – schreiben dürfen sie nie.
              </CardDescription>
            </div>
          </CardHeader>
        </Card>

        <Card>
          <CardHeader className="flex flex-row items-start gap-3 space-y-0">
            <FileText className="mt-0.5 size-5 shrink-0 text-primary" aria-hidden="true" />
            <div>
              <CardTitle className="text-lg">
                <Link href="/einstellungen/vorlagen" className="underline-offset-4 hover:underline">
                  Schreibvorlagen
                </Link>
              </CardTitle>
              <CardDescription className="mt-1">
                Bewährte Formulierungen mit Platzhaltern hinterlegen – beim Erzeugen eines
                Schreibens wählbar.
              </CardDescription>
            </div>
          </CardHeader>
        </Card>

        <Card>
          <CardHeader className="flex flex-row items-start gap-3 space-y-0">
            <Trash2 className="mt-0.5 size-5 shrink-0 text-primary" aria-hidden="true" />
            <div>
              <CardTitle className="text-lg">
                <Link href="/einstellungen/papierkorb" className="underline-offset-4 hover:underline">
                  Papierkorb
                </Link>
              </CardTitle>
              <CardDescription className="mt-1">
                Was in den letzten 30 Tagen gelöscht wurde – wiederherstellbar, bis die Frist
                abgelaufen ist.
              </CardDescription>
            </div>
          </CardHeader>
        </Card>
      </div>
    </div>
  )
}