import type { Metadata } from 'next'
import Link from 'next/link'
import { notFound } from 'next/navigation'
import { requireUser } from '@/lib/auth/current'
import { loadVisibleCase } from '@/lib/cases/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'

/**
 * Eigene Seite statt eines Knopfes an der Akte.
 *
 * Die Fallakte ist die dichteste Seite der Anwendung und hat kein Bündel
 * übrig; ein Verweis kostet nichts, eine weitere Insel schon. Siehe
 * docs/13-entscheidungen.md.
 */
export default async function CaseExportPage({
  params,
}: {
  params: Promise<{ caseNumber: string }>
}) {
  const user = await requireUser()
  const { caseNumber } = await params

  const akte = await loadVisibleCase(user.permissions, caseNumber)
  if (!akte) notFound()

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

      <p className="mt-3 text-sm text-text-dim">{de.export.coverNote}</p>

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

      {akte.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={`/faelle/${akte.caseNumber}`}>{akte.caseNumber}</Link>
        <Link href={`/faelle/${akte.caseNumber}/druck`}>{de.export.print}</Link>
      </nav>
    </main>
  )
}