import { db } from '@/lib/db'
import { loadDocumentSections } from '@/lib/documents/service'
import { resolvePhotoUrls } from '@/lib/files/service'
import { Sheet } from '@/components/documents/Sheet'
import { de } from '@/lib/i18n/de'
import { isInputField, fillPlaceholders } from '@/lib/templates/fields'
import type { EffectivePermissions } from '@/lib/auth/permissions'

/**
 * Der Druckbogen eines Dokuments, ohne die Seite drumherum.
 *
 * Kein Verlauf, keine Kopfdatentabelle einer Akte - das Dokument selbst, so
 * wie seine Vorlage es vorsieht. Ein Aktenblatt kommt als Aktenblatt heraus,
 * ein Vertrag als Vertrag. Siehe docs/08-suche-und-export.md.
 *
 * Ausgelagert aus derselben Not wie CaseSheet: das Dossier einer Person hängt
 * alle Dokumente hintereinander, und zwar in genau dieser Darstellung.
 */
export type DocumentForPrint = {
  id: string
  documentNumber: string
  title: string
  templateId: string
  templateKey: string
  layout: string
  status: string
  classification: number
  createdAt: Date
  retractedAt: Date | null
}

export async function DocumentSheet({
  permissions,
  displayName,
  doc,
  /** Im Dossier steht der Deckel schon vorn; dann nur der Inhalt. */
  withCover = true,
}: {
  permissions: EffectivePermissions
  displayName: string
  doc: DocumentForPrint
  withCover?: boolean
}) {
  const [sections, template, foundationLevels, levels] = await Promise.all([
    loadDocumentSections(permissions, doc),
    db.documentTemplate.findUnique({
      where: { id: doc.templateId },
      select: { sheetTitle: true, sheetSubtitle: true, name: true },
    }),
    db.foundationClearance.findMany({ orderBy: { sortOrder: 'asc' } }),
    db.clearanceLevelConfig.findMany({ orderBy: { level: 'asc' } }),
  ])

  const photoUrls = await resolvePhotoUrls(
    permissions,
    sections.map((section) => ({
      fieldKey: section.fieldKey,
      visible: section.visible,
      value: section.visible ? section.value : null,
      type: section.field.type,
    })),
  )

  const levelName = new Map(levels.map((l) => [l.level, l.name]))
  const werte = Object.fromEntries(
    sections.filter((s) => s.visible).map((s) => [s.fieldKey, s.value]),
  )

  // Das Aktenblatt bringt sein eigenes Aussehen mit und braucht keinen
  // Berichtsrahmen darum.
  if (doc.layout === 'DOSSIER') {
    return (
      <Sheet
        sections={sections}
        title={template?.sheetTitle ?? de.app.name}
        subtitle={template?.sheetSubtitle ?? template?.name ?? doc.title}
        documentNumber={doc.documentNumber}
        issuedAt={doc.createdAt}
        foundationLevels={foundationLevels}
        footerNote={de.document.footerNote}
        photoUrls={photoUrls}
      />
    )
  }

  return (
    <>
      {withCover ? (
      <section className="print-cover">
        <span className="print-stamp">
          {doc.classification} · {levelName.get(doc.classification) ?? de.common.unknown}
        </span>
        <h1 style={{ marginTop: '4mm' }}>{doc.title}</h1>
        <p style={{ fontFamily: 'var(--font-mono, monospace)', margin: 0 }}>
          {doc.documentNumber}
        </p>

        <table className="print-meta">
          <tbody>
            <tr>
              <th>{de.case.status}</th>
              <td>{de.document.statusNames[doc.status] ?? doc.status}</td>
            </tr>
            <tr>
              <th>{de.document.kind}</th>
              <td>{doc.templateKey}</td>
            </tr>
            <tr>
              <th>{de.export.retrievedBy}</th>
              <td>{displayName}</td>
            </tr>
            <tr>
              <th>{de.export.asOf}</th>
              <td>
                {new Date().toLocaleString('de-DE')} · {de.clearance.label}{' '}
                {permissions.clearanceLevel}
              </td>
            </tr>
          </tbody>
        </table>
      </section>
      ) : (
        <header className="print-runin">
          <span className="print-stamp">
            {doc.classification} · {levelName.get(doc.classification) ?? de.common.unknown}
          </span>
          <h3 style={{ margin: '2mm 0 0' }}>{doc.title}</h3>
          <p className="print-note" style={{ margin: 0 }}>
            {doc.documentNumber} · {de.document.statusNames[doc.status] ?? doc.status}
          </p>
        </header>
      )}

      {doc.retractedAt ? (
        <p className="print-stamp" style={{ marginBottom: '4mm' }}>
          {de.document.statusNames.RETRACTED}
        </p>
      ) : null}

      {sections.map((section) => {
        const field = section.field

        if (!isInputField(field)) {
          if (field.type === 'pagebreak') {
            return <div key={field.key} style={{ breakAfter: 'page' }} />
          }
          const text = fillPlaceholders(field.text ?? '', werte)
          return field.type === 'heading' ? (
            <h3 key={field.key}>{text || field.label}</h3>
          ) : (
            <p key={field.key} style={{ whiteSpace: 'pre-wrap' }}>
              {text}
            </p>
          )
        }

        if (field.type === 'signature') {
          return (
            <div key={field.key} style={{ marginTop: '10mm', breakInside: 'avoid' }}>
              <div style={{ borderTop: '1pt solid #000', width: '70mm' }} />
              <p className="print-note">{fillPlaceholders(field.label, werte)}</p>
            </div>
          )
        }

        return (
          <div key={field.key} style={{ marginBottom: '3mm', breakInside: 'avoid' }}>
            <p className="print-label">{field.label}</p>
            {!section.visible ? (
              <p style={{ margin: '1mm 0' }}>
                <span className="print-redacted">&nbsp;</span>{' '}
                <span className="print-note">
                  {de.export.redactedAt(
                    section.value.requiredLevel,
                    levelName.get(section.value.requiredLevel) ?? '',
                  )}
                </span>
              </p>
            ) : (
              <p style={{ margin: '1mm 0', whiteSpace: 'pre-wrap' }}>
                {String(section.value ?? '-')}
              </p>
            )}
          </div>
        )
      })}
    </>
  )
}