import { notFound } from "next/navigation"

import { PublicHeader } from "@/components/public-header"
import { SiteFooter } from "@/components/site-footer"
import { markdownToHtml } from "@/lib/markdown"
import { SITE_PAGE_META, SitePageKey } from "@/lib/site-pages"
import { readSitePages } from "@/lib/site-pages.server"

/**
 * Rendert eine der rechtlichen Seiten aus dem im Admin gepflegten Markdown.
 *
 * Serverseitig gerendert: Der Text steht ohne JavaScript im Dokument und ist
 * damit auch für Screenreader, Suchmaschinen und Archivierung erreichbar.
 * Ist nichts gepflegt, gibt es die Seite nicht – ein leeres Impressum wäre
 * irreführender als ein 404.
 */
export async function LegalPage({ page }: { page: SitePageKey }) {
  const pages = await readSitePages()
  const content = pages[page].trim()

  if (!content) notFound()

  const html = await markdownToHtml(content)
  const meta = SITE_PAGE_META[page]

  return (
    <div className="flex min-h-screen flex-col bg-background">
      <PublicHeader subtitle={meta.title} />

      <main className="mx-auto w-full max-w-3xl flex-1 px-6 py-8">
        <h1 className="mb-6 text-2xl font-semibold tracking-tight">
          {meta.title}
        </h1>
        <div
          className="markdown-content"
          dangerouslySetInnerHTML={{ __html: html }}
        />
      </main>

      <SiteFooter />
    </div>
  )
}

/** Seitentitel für den Browser-Tab. */
export function legalPageMetadata(page: SitePageKey) {
  return { title: SITE_PAGE_META[page].title }
}