import type { Metadata } from 'next'
import { db } from '@/lib/db'
import { requirePermission } from '@/lib/auth/current'
import { de } from '@/lib/i18n/de'
import { TemplateEditor } from './TemplateEditor'

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

export default async function TemplateAdminPage() {
  await requirePermission('template.manage')

  // Je Schlüssel die neueste Version; ältere bleiben für bestehende Akten stehen.
  const vorlagen = await db.caseTemplate.findMany({
    orderBy: [{ key: 'asc' }, { version: 'desc' }],
    distinct: ['key'],
  })

  return (
    <main className="mx-auto max-w-5xl px-6 py-10">
      <h1 className="font-condensed">{de.templateAdmin.heading}</h1>
      <p className="mt-2 max-w-(--container-measure) text-text-dim">{de.templateAdmin.intro}</p>

      {vorlagen.length === 0 ? (
        <p className="mt-8 text-text-dim">{de.templateAdmin.empty}</p>
      ) : (
        <div className="mt-6 border-t border-line">
          {vorlagen.map((vorlage) => (
            <TemplateEditor
              key={vorlage.id}
              vorlage={{
                key: vorlage.key,
                name: vorlage.name,
                description: vorlage.description,
                version: vorlage.version,
                numberPrefix: vorlage.numberPrefix,
                numberPadding: vorlage.numberPadding,
                fields: vorlage.fields,
              }}
            />
          ))}
        </div>
      )}
    </main>
  )
}