import type { Metadata } from 'next'
import { ShieldAlert } from 'lucide-react'
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card'
import { Alert, AlertDescription } from '@/components/ui/alert'
import { erfordereBenutzer } from '@/lib/auth/sitzung'
import { BestaetigenFormular } from './formular'

export const metadata: Metadata = { title: 'Bestätigen' }
export const dynamic = 'force-dynamic'

export default async function BestaetigenSeite({
  searchParams,
}: {
  searchParams: Promise<{ weiter?: string }>
}) {
  await erfordereBenutzer()
  const { weiter = '/heute' } = await searchParams

  return (
    <div className="mx-auto max-w-md space-y-5">
      <Card>
        <CardHeader>
          <CardTitle>Kurz bestätigen, bitte</CardTitle>
          <CardDescription>
            Für diesen Schritt brauchst du deine Zugangsdaten noch einmal.
          </CardDescription>
        </CardHeader>
        <CardContent>
          <BestaetigenFormular weiter={weiter} />
        </CardContent>
      </Card>

      <Alert variant="hinweis">
        <ShieldAlert aria-hidden="true" />
        <AlertDescription>
          Exportieren, endgültiges Löschen und die Benutzerverwaltung verlangen eine frische
          Anmeldung. Der wahrscheinlichste Angriffsweg ist nicht der Einbruch in den Server,
          sondern ein unbeaufsichtigter Rechner mit offener Sitzung.
        </AlertDescription>
      </Alert>
    </div>
  )
}