import type { Metadata } from 'next'
import { readFile } from 'node:fs/promises'
import path from 'node:path'
import { BookOpen } from 'lucide-react'
import { Alert, AlertDescription } from '@/components/ui/alert'
import { SeitenKopf } from '@/components/seiten-kopf'
import { MarkdownSeite } from '@/components/markdown-seite'
import { DruckKnopf } from '@/components/druck-knopf'
import { erfordereBenutzer } from '@/lib/auth/sitzung'

export const metadata: Metadata = { title: 'Anleitung' }
export const dynamic = 'force-dynamic'

/**
 * Die Bedienungsanleitung, gelesen aus docs/ANLEITUNG.md.
 *
 * Dieselbe Datei, die auch im Repository liegt und sich ausdrucken laesst -
 * zwei Fassungen desselben Textes waeren zwei Fassungen, die auseinander-
 * laufen. Wer im Heim steht und nicht weiterweiss, hat sie damit auf dem
 * Telefon dabei.
 */
export default async function AnleitungSeite() {
  await erfordereBenutzer()

  const pfad = path.join(process.cwd(), 'docs', 'ANLEITUNG.md')
  let inhalt: string

  try {
    inhalt = await readFile(pfad, 'utf8')
  } catch {
    inhalt = ''
  }

  return (
    <div className="max-w-3xl space-y-6">
      <SeitenKopf
        titel="Bedienungsanleitung"
        beschreibung="Die Handgriffe, die du tatsächlich brauchst — in der Reihenfolge, in der sie im Alltag vorkommen."
        aktionen={<DruckKnopf beschriftung="Anleitung drucken" />}
      />

      {inhalt === '' ? (
        <Alert variant="warnung">
          <BookOpen aria-hidden="true" />
          <AlertDescription>
            Die Anleitung konnte nicht geladen werden. Sie liegt im Projekt unter{' '}
            <code>docs/ANLEITUNG.md</code>.
          </AlertDescription>
        </Alert>
      ) : (
        <MarkdownSeite inhalt={inhalt} />
      )}
    </div>
  )
}