import type { Metadata } from 'next'
import Link from 'next/link'
import { notFound } from 'next/navigation'
import { requireUser } from '@/lib/auth/current'
import { loadVisibleDocument } from '@/lib/documents/service'
import { APPROVAL_FROM_LEVEL } from '@/lib/export/service'
import { de } from '@/lib/i18n/de'
import { ExportPanel } from '@/components/export/ExportPanel'

export const metadata: Metadata = { title: de.export.heading }
export const dynamic = 'force-dynamic'

export default async function DocumentExportPage({
  params,
}: {
  params: Promise<{ documentNumber: string }>
}) {
  const user = await requireUser()
  const { documentNumber } = await params

  const doc = await loadVisibleDocument(user.permissions, documentNumber)
  if (!doc) notFound()

  return (
    <main className="mx-auto max-w-(--container-measure) px-6 py-10">
      <p className="font-mono text-xs text-text-dim">{doc.documentNumber}</p>
      <h1 className="mt-1 font-condensed">{de.export.heading}</h1>

      <div className="mt-6">
        <ExportPanel
          target={{ kind: 'DOCUMENT', documentNumber: doc.documentNumber }}
          topic={`user:${user.id}`}
        />
      </div>

      {doc.classification >= APPROVAL_FROM_LEVEL ? (
        <p className="mt-4 text-2xs text-stamp-3">{de.export.waitingApprovalHint}</p>
      ) : null}

      <nav className="mt-8 flex gap-4 font-condensed text-xs">
        <Link href={`/dokumente/${doc.documentNumber}`}>{doc.documentNumber}</Link>
        <Link href={`/dokumente/${doc.documentNumber}/druck`}>{de.export.print}</Link>
      </nav>
    </main>
  )
}