import type { Metadata } from 'next'
import Link from 'next/link'
import { readFile } from 'node:fs/promises'
import path from 'node:path'
import { MarkdownSeite } from '@/components/markdown-seite'

export const metadata: Metadata = { title: 'Datenschutz' }

/**
 * Datenschutzhinweise.
 *
 * Der Text kommt aus docs/datenschutzhinweise.md - dieselbe Datei, die man
 * auch ausdrucken und der betreuten Person aushaendigen kann. Zwei Quellen
 * fuer denselben Text waeren zwei Quellen fuer Fehler.
 */
export default async function DatenschutzSeite() {
  const pfad = path.join(process.cwd(), 'docs', 'datenschutzhinweise.md')
  let inhalt: string

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

  return (
    <div className="mx-auto max-w-3xl px-4 py-10 sm:px-6">
      <h1 className="text-2xl font-semibold">Datenschutzhinweise</h1>
      <p className="mt-1 text-sm text-muted-foreground">nach Art. 13 und 14 DSGVO</p>

      <div className="mt-8">
        {inhalt === '' ? (
          <p className="text-muted-foreground">
            Der Text konnte nicht geladen werden. Er liegt im Projekt unter{' '}
            <code className="rounded bg-muted px-1.5 py-0.5">docs/datenschutzhinweise.md</code>.
          </p>
        ) : (
          <MarkdownSeite inhalt={inhalt} />
        )}
      </div>

      <p className="mt-10 border-t pt-6 text-sm text-muted-foreground">
        <Link href="/anmelden" className="underline hover:no-underline">
          Zurück zur Anmeldung
        </Link>
      </p>
    </div>
  )
}