/**
 * Read-first FormPage (the fiche « lecture d'abord » uplift).
 *
 * EDIT mode default: every section renders as a read-only dt/dd card; a
 * per-section "Modifier"/"Terminer" toggle (SectionCard) opens the edit grid;
 * Save is dirty-gated; Réinitialiser restores the baseline; saving stays on
 * the page. CREATE mode keeps the direct edit grid. `editMode: 'direct'`
 * (uiDesign overlay) or `editExperience: 'direct'` (pagespec) opts a page out
 * back to the LEGACY output (zero read-first machinery emitted).
 */
import { describe, it, expect } from 'vitest'
import { generate } from '../generate.js'
import type { ScaffoldComponentInput, PageSpecMin } from '../types.js'

function fixture(overrides: Partial<ScaffoldComponentInput> = {}): ScaffoldComponentInput {
  return {
    module: 'hr',
    appCode: 'TestV2',
    entity: 'Employee',
    section: 'employees',
    views: ['form'],
    fields: [
      { name: 'firstName', type: 'string', required: true },
      { name: 'hireDate', type: 'date', required: false },
      { name: 'departmentId', type: 'guid', required: true, fkTo: { entity: 'Department', module: 'hr' } },
    ],
    projectPath: '/web',
    ...overrides,
  }
}

function pageSpec(overrides: Partial<PageSpecMin> = {}): PageSpecMin {
  return {
    screenCode: 'SCR-HR-EMPLOYEES-FORM',
    module: 'hr',
    appCode: 'testv2',
    section: 'employees',
    entity: 'Employee',
    view: 'form',
    filePath: 'src/pages/testv2/hr/employees/EmployeeFormPage.tsx',
    permission: 'hr.employees.update',
    actions: [],
    i18nKeys: { fr: {}, en: {}, it: {}, de: {} },
    needsRefinement: false,
    specHash: 'x',
    ...overrides,
  } as PageSpecMin
}

const formOf = (overrides: Partial<ScaffoldComponentInput> = {}) =>
  generate(fixture(overrides)).find((f) => /FormPage\.tsx$/.test(f.path))!.content

describe('scaffold-component / read-first — default machinery', () => {
  it('emits the per-section toggle state + dirty machinery + reset', () => {
    const c = formOf()
    expect(c).toMatch(/const \[editingSections, setEditingSections\] = useState<Set<string>>\(new Set\(\)\)/)
    expect(c).toMatch(/const \[baseline, setBaseline\] = useState<EmployeeFormData \| null>\(null\)/)
    expect(c).toMatch(/const toggleSection = \(key: string\)/)
    expect(c).toMatch(/const isEqualValue = \(a: unknown, b: unknown\)/)
    expect(c).toMatch(/const isDirty = baseline !== null && formKeys\.some/)
    expect(c).toMatch(/const handleReset = \(\)/)
  })

  it('mounts SectionCard in editable mode with the toggle contract (labels + testid key)', () => {
    const c = formOf()
    expect(c).toMatch(/editable=\{isEdit\}/)
    expect(c).toMatch(/editing=\{!isEdit \|\| editingSections\.has\('default'\)\}/)
    expect(c).toMatch(/onToggleEdit=\{\(\) => toggleSection\('default'\)\}/)
    expect(c).toMatch(/editLabel=\{t\('employee\.form\.editSection', \{ defaultValue: 'Edit' \}\)\}/)
    expect(c).toMatch(/doneLabel=\{t\('employee\.form\.doneSection', \{ defaultValue: 'Done' \}\)\}/)
    expect(c).toMatch(/sectionKey="default"/)
  })

  it('renders the READ grid from formData (labels + own-line values, never `existing` derefs)', () => {
    const c = formOf()
    // dt label from the form namespace; dd value alone on its line.
    expect(c).toMatch(/t\('employee\.form\.fields\.firstName'\)/)
    expect(c).toMatch(/^\s*\{String\(formData\.firstName \?\? ''\)\}\s*$/m)
    // A date goes through the platform datetime module — imported.
    expect(c).toMatch(/^\s*\{formatDate\(formData\.hireDate\)\}\s*$/m)
    expect(c).toMatch(/import \{ Slot, formatDate \} from '@atlashub\/smartstack'/)
    // The sentinel-GUID smoke probe loads edit with existing === undefined:
    // the read grid must never dereference `existing` (formData only).
    expect(c).not.toMatch(/existing\.\w/)
  })

  it('resolves a FK read value via the per-target lookup hook (no raw Guid) and keeps values as text', () => {
    const c = formOf()
    expect(c).toMatch(/const \{ data: departmentIdLookupData \} = useDepartmentLookup\(\{ search: \(formData\.departmentId as string \| undefined\) \|\| undefined, pageSize: 1 \}\)/)
    expect(c).toMatch(/departmentIdLookupData\?\.items \?\? \[\]\)\.find\(\(it\) => it\.id === formData\.departmentId\)\?\.displayName \?\? \(formData\.departmentId \? '—' : ''\)/)
    // Read values render as text — never a disabled native input (DEV-UI-023/R26).
    expect(c).not.toMatch(/<input[^>]*disabled[^>]*type="date"/)
  })

  it('gates Save on dirty (inline expression) and keeps the form-submit testid', () => {
    const c = formOf()
    expect(c).toContain('data-testid="form-submit"')
    expect(c).toContain('disabled={isPending || (isEdit && !isDirty)}')
  })

  it('saving in EDIT stays on the page (baseline reset + sections closed + savedAt); CREATE still navigates', () => {
    const c = formOf()
    const updateBranch = c.split('await updateMutation.mutateAsync')[1]!.split('} else {')[0]!
    expect(updateBranch).toMatch(/setBaseline\(formData\)/)
    expect(updateBranch).toMatch(/setEditingSections\(new Set\(\)\)/)
    expect(updateBranch).toMatch(/setSavedAt\(new Date\(\)\.toLocaleTimeString/)
    expect(updateBranch).not.toMatch(/navigate\(-1\)/)
    const createBranch = c.split('await createMutation.mutateAsync')[1]!.split('catch')[0]!
    expect(createBranch).toMatch(/navigate\(-1\)/)
    // Not-dirty submits are inert (⌘+Enter can bypass the disabled button).
    expect(c).toMatch(/if \(isEdit && !isDirty\) return/)
  })

  it('emits the unsaved-changes chip + the Réinitialiser button (theme helper classes)', () => {
    const c = formOf()
    expect(c).toMatch(/t\('employee\.form\.unsavedChanges', \{ defaultValue: 'Unsaved changes' \}\)/)
    expect(c).toMatch(/t\('employee\.form\.savedAt', \{ defaultValue: 'Saved at' \}\)/)
    expect(c).toMatch(/\{isEdit && isDirty && \(\s*<button type="button" onClick=\{handleReset\} className="btn btn-secondary">/)
    expect(c).toMatch(/var\(--warning-text\)/)
    expect(c).toMatch(/var\(--success-text\)/)
  })

  it('guards the server resync on !isDirty (a refetch never clobbers in-progress edits)', () => {
    const c = formOf()
    expect(c).toMatch(/if \(existing && !isDirty\) \{/)
    expect(c).toMatch(/\}, \[existing, isDirty\]\)/)
    expect(c).toMatch(/setBaseline\(existing as EmployeeFormData\)/)
  })

  it('versioned entity: rowVersion still echoes and resyncs under the dirty guard', () => {
    const c = formOf({ versioned: true })
    expect(c).toContain('await updateMutation.mutateAsync({ id, data: { ...formData, rowVersion } })')
    const resync = c.split('if (existing && !isDirty) {')[1]!.split('},')[0]!
    expect(resync).toMatch(/setRowVersion\(\(existing as \{ rowVersion\?: string \}\)\.rowVersion\)/)
  })

  it('floors the read-first chrome keys in all 4 locales', () => {
    const files = generate(fixture())
    for (const loc of ['fr', 'en', 'it', 'de']) {
      const json = JSON.parse(files.find((f) => new RegExp(`/i18n/locales/${loc}/hr\\.json$`).test(f.path))!.content)
      for (const key of ['editSection', 'doneSection', 'unsavedChanges', 'reset', 'savedAt']) {
        expect(json.employee.form[key], `${loc} form.${key}`).toBeDefined()
      }
    }
  })

  it('keeps the Slot seams + the form-field testid on plain inputs', () => {
    const c = formOf()
    expect(c).toMatch(/<Slot name="employee\.form\.fields\.before"/)
    expect(c).toMatch(/<Slot name="employee\.form\.fields\.after"/)
    expect(c).toContain('data-testid="form-field-firstName"')
  })
})

describe('scaffold-component / read-first — offline composition', () => {
  it('offline READ: the dirty gate composes inline with !isOnline as the LAST term (DEV-PWA-006)', () => {
    const c = formOf({ pageSpec: pageSpec({ pwa: { support: 'full', offline: 'read' } } as Partial<PageSpecMin>) })
    expect(c).toContain('disabled={isPending || (isEdit && !isDirty) || !isOnline}')
  })

  it('offline WRITE: no savedAt stamp (the outbox chip is the truthful signal)', () => {
    const c = formOf({ pageSpec: pageSpec({ pwa: { support: 'full', offline: 'write' } } as Partial<PageSpecMin>) })
    expect(c).not.toMatch(/savedAt/)
    // The dirty machinery itself remains.
    expect(c).toMatch(/editingSections/)
  })
})

describe('scaffold-component / read-first — direct opt-out (legacy output)', () => {
  const LEGACY_MARKERS = [
    /editingSections/, /baseline/, /isDirty/, /handleReset/, /savedAt/,
    /editable=\{isEdit\}/, /section-edit-/,
  ]

  it('uiDesign.editMode: "direct" restores the legacy behaviour (navigate after save, no machinery)', () => {
    const c = formOf({ pageSpec: pageSpec({ uiDesign: { editMode: 'direct' } } as Partial<PageSpecMin>) })
    for (const re of LEGACY_MARKERS) expect(c, String(re)).not.toMatch(re)
    // Legacy: one navigate(-1) AFTER the if/else (both branches), plain disabled.
    expect(c).toMatch(/\}\n\s*navigate\(-1\)/)
    expect(c).toContain('disabled={isPending}')
    // The SectionCard chrome stays (visually neutral).
    expect(c).toMatch(/<SectionCard/)
  })

  it('pagespec editExperience: "direct" opts out too (BA-authored opt-out)', () => {
    const c = formOf({ pageSpec: pageSpec({ editExperience: 'direct' } as Partial<PageSpecMin>) })
    for (const re of LEGACY_MARKERS) expect(c, String(re)).not.toMatch(re)
  })

  it('no pageSpec at all → read-first still applies (the default needs no PRD)', () => {
    const c = formOf()
    expect(c).toMatch(/editingSections/)
  })
})

describe('scaffold-component / form — sticky action bar + dirty navigation guard (plan UI 1.2)', () => {
  it('the action bar sticks to the viewport bottom with an opaque themed background', () => {
    const c = formOf()
    expect(c).toMatch(/sticky bottom-0 z-10 flex items-center justify-end gap-3 border-t border-\[var\(--border-color\)\] bg-\[var\(--bg-app\)\] py-3/)
  })

  it('read-first: beforeunload guard active only while dirty, Cancel confirms before leaving', () => {
    const c = formOf()
    expect(c).toMatch(/if \(!isDirty\) return\n\s*const onBeforeUnload = \(e: BeforeUnloadEvent\) => \{ e\.preventDefault\(\) \}/)
    expect(c).toMatch(/addEventListener\('beforeunload', onBeforeUnload\)/)
    expect(c).toMatch(/removeEventListener\('beforeunload', onBeforeUnload\)/)
    expect(c).toMatch(/if \(!isDirty \|\| window\.confirm\(t\('employee\.form\.confirmLeave'/)
  })

  it('direct mode: plain Cancel navigate, no beforeunload machinery (zero dead code)', () => {
    const c = formOf({ pageSpec: pageSpec({ editExperience: 'direct' } as Partial<PageSpecMin>) })
    expect(c).not.toMatch(/beforeunload/)
    expect(c).not.toMatch(/confirmLeave/)
    expect(c).toContain('onClick={() => navigate(-1)}')
    // Sticky bar applies in both modes (uniform regime-A upgrade).
    expect(c).toMatch(/sticky bottom-0 z-10/)
  })

  it('form.confirmLeave is floored in the 4 locales', () => {
    const files = generate(fixture())
    const read = (loc: string) =>
      JSON.parse(files.find((f) => new RegExp(`/i18n/locales/${loc}/hr\\.json$`).test(f.path))!.content)
    expect(read('fr').employee.form.confirmLeave).toContain('Quitter la page')
    expect(read('en').employee.form.confirmLeave).toContain('Leave the page')
    expect(read('it').employee.form.confirmLeave).toContain('Uscire dalla pagina')
    expect(read('de').employee.form.confirmLeave).toContain('Seite verlassen')
  })
})