import Link from "next/link"

import { appName } from "@/lib/app-config"
import { SITE_PAGES, SITE_PAGE_META } from "@/lib/site-pages"
import { readSitePages } from "@/lib/site-pages.server"

/**
 * Fußzeile der öffentlichen Seiten mit den rechtlichen Pflichtangaben.
 *
 * Serverseitig gerendert: Das Impressum muss unmittelbar erreichbar sein, also
 * auch ohne JavaScript im Dokument stehen. Verlinkt wird nur, was im Admin
 * gepflegt ist – ein Link auf eine leere Impressumsseite wäre schlechter als
 * gar keiner.
 */
export async function SiteFooter() {
  const pages = await readSitePages()
  const links = SITE_PAGES.filter((key) => pages[key].trim())

  return (
    <footer className="mt-12 border-t">
      <div className="mx-auto flex max-w-5xl flex-col gap-3 px-6 py-6 text-sm text-muted-foreground sm:flex-row sm:items-center sm:justify-between">
        <span>
          © {new Date().getFullYear()} {appName()}
        </span>

        {links.length > 0 && (
          <nav aria-label="Rechtliche Hinweise">
            <ul className="flex flex-wrap items-center gap-x-5 gap-y-2">
              {links.map((key) => (
                <li key={key}>
                  <Link
                    href={SITE_PAGE_META[key].path}
                    className="underline-offset-4 hover:text-foreground hover:underline"
                  >
                    {SITE_PAGE_META[key].title}
                  </Link>
                </li>
              ))}
            </ul>
          </nav>
        )}
      </div>
    </footer>
  )
}