/**
 * fiche-unified.test.ts — the « fiche unique, édition en place » contract.
 *
 * An entity whose view-set carries detail AND form (without the 'direct'
 * opt-out) gets ONE fiche: the DetailPage renders the own fields as
 * read-first section cards toggling to edit IN PLACE (permission-driven),
 * with the dirty-gated save bar, while the TabStrip carries only the 360
 * related tabs. `/edit` arrives with every section opened; the header
 * « Modifier » opens them all. The FormPage's historical edit mode is
 * superseded by this surface (lib/edit-surface.ts is the SSOT trigger).
 */
import { describe, it, expect } from 'vitest'
import { generate } from '../generate.js'
import type { ScaffoldComponentInput, PageSpecMin } from '../types.js'

const I18N: Record<string, string> = { 'detail.title': 'Fiche' }

function ficheSpec(overrides: Partial<ScaffoldComponentInput> = {}, pageSpecExtra: Record<string, unknown> = {}): ScaffoldComponentInput {
  return {
    module: 'conducteurs',
    appCode: 'flotte',
    entity: 'Driver',
    section: 'annuaire',
    views: ['detail'],
    entityViews: ['list', 'detail', 'form'],
    fields: [
      { name: 'FirstName', type: 'string', required: true },
      { name: 'LastName', type: 'string', required: true },
      { name: 'DepartmentId', type: 'guid', required: false, fkTo: { entity: 'Department', module: 'core', apiEndpoint: '/api/core/departments/lookup' } },
    ],
    projectPath: '/web',
    pageSpec: {
      screenCode: 'SCR-DRIVER-DETAIL',
      module: 'conducteurs',
      appCode: 'flotte',
      section: 'annuaire',
      entity: 'Driver',
      view: 'detail',
      filePath: 'src/pages/flotte/conducteurs/annuaire/DriverDetailPage.tsx',
      permission: 'conducteurs.annuaire.read',
      actions: [],
      tabs: [{ key: 'identite', fields: ['firstName', 'lastName', 'departmentId'] }],
      i18nKeys: { fr: I18N, en: I18N, it: I18N, de: I18N },
      specHash: 'x'.repeat(16),
      ...pageSpecExtra,
    } as unknown as PageSpecMin,
    ...overrides,
  }
}

const pageOf = (input: ScaffoldComponentInput) =>
  generate(input).find((f) => /DetailPage\.tsx$/.test(f.path))!.content

describe('scaffold-component / unified fiche — édition en place', () => {
  it('renders the own fields as read-first SectionCards, no field tabpanels', () => {
    const c = pageOf(ficheSpec())
    expect(c).toContain('<SectionCard')
    expect(c).toMatch(/editable=\{canUpdate\}/)
    expect(c).toMatch(/editing=\{canUpdate && editingSections\.has\('identite'\)\}/)
    // The exclusive ternary: edit grid OR read grid, never stacked.
    expect(c).toMatch(/\{canUpdate && editingSections\.has\('identite'\) \? \(/)
    // No field tabpanel markup (the tabs[] grouping became the section).
    expect(c).not.toContain('id="tabpanel-identite"')
  })

  it('carries the dirty-gated save bar under the update permission', () => {
    const c = pageOf(ficheSpec())
    expect(c).toMatch(/\{canUpdate && \(\s*\n\s*<div className="sticky bottom-0/)
    expect(c).toMatch(/data-testid="form-submit"/)
    expect(c).toMatch(/disabled=\{isPending \|\| !isDirty\}/)
    expect(c).toContain("const canUpdate = hasPermission('conducteurs.annuaire.update')")
  })

  it('the update mutation is the only write — no create machinery on the fiche', () => {
    const c = pageOf(ficheSpec())
    expect(c).toContain('useUpdateDriver')
    expect(c).not.toContain('useCreateDriver')
    expect(c).not.toContain('toCreatePayload')
    expect(c).toMatch(/updateMutation\.mutateAsync\(\{ id, data: formData \}\)/)
    // Save stays on the page: baseline resyncs, sections close.
    expect(c).toMatch(/setBaseline\(formData\)\s*\n\s*setEditingSections\(new Set\(\)\)/)
  })

  it('/edit arrival opens every section; « Modifier » opens them all too', () => {
    const c = pageOf(ficheSpec())
    expect(c).toMatch(/location\.pathname\.endsWith\('\/edit'\) \? new Set<string>\(driverFicheSectionKeys\)/)
    expect(c).toMatch(/const handleEditAll = \(\) => setEditingSections\(new Set<string>\(driverFicheSectionKeys\)\)/)
    expect(c).toMatch(/data-testid="detail-action-edit"\s*\n\s*onClick=\{handleEditAll\}/)
    expect(c).not.toContain('routes.annuaire.edit(')
  })

  it('FK lookups search by formData and are declared AFTER the form state (TDZ)', () => {
    const c = pageOf(ficheSpec())
    expect(c).toMatch(/useDepartmentLookup\(\{ search: \(formData\.departmentId as string \| undefined\) \|\| undefined, pageSize: 1 \}\)/)
    expect(c.indexOf('const [formData, setFormData]')).toBeLessThan(c.indexOf('useDepartmentLookup({ search:'))
    // The read dd resolves the displayName, never the raw Guid.
    expect(c).toMatch(/departmentIdLookupData\?\.items \?\? \[\]\)\.find\(\(it\) => it\.id === formData\.departmentId\)\?\.displayName/)
  })

  it('the TabStrip carries ONLY the 360 related tabs, first related is the default', () => {
    const c = pageOf(ficheSpec({}, {
      relatedTabs: [{
        key: 'permis', displayMode: 'table', relatedEntity: 'DrivingLicence', relationFk: 'driverId',
        relatedModule: 'conducteurs', relatedSection: 'permis', permission: 'conducteurs.permis.read',
        labelKey: 'detail.related.permis.label',
      }],
    }))
    expect(c).toContain('<TabStrip')
    expect(c).toContain('id="tab-permis"')
    expect(c).not.toContain('id="tab-identite"')
    expect(c).toMatch(/const activeTab = tabParam !== null && \['permis'\]\.includes\(tabParam\) \? tabParam : 'permis'/)
    // The strip renders AFTER the fiche form.
    expect(c.indexOf('data-testid="form-submit"')).toBeLessThan(c.indexOf('<TabStrip'))
  })

  it('no related tabs → no TabStrip at all', () => {
    const c = pageOf(ficheSpec())
    expect(c).not.toContain('<TabStrip')
    expect(c).not.toContain('useSearchParams')
  })

  it('unified + band-only related tabs → the fiche form alone, band row above it', () => {
    const c = pageOf(ficheSpec({}, {
      relatedTabs: [{
        key: 'assurances', displayMode: 'summary', relatedEntity: 'Insurance', relationFk: 'driverId',
        relatedModule: 'conducteurs', relatedSection: 'assurances', permission: 'conducteurs.assurances.read',
      }],
    }))
    // No strip, no read-body duplicate under the form — the form is the body.
    expect(c).not.toContain('<TabStrip')
    expect(c).not.toContain('useSearchParams')
    expect(c).toContain('data-testid="form-submit"')
    // The band cartouche renders ABOVE the fiche form.
    expect(c).toMatch(/data-testid="related-band-assurances"/)
    expect(c.indexOf('data-testid="related-band"')).toBeLessThan(c.indexOf('data-testid="form-submit"'))
  })

  it('opt-out editExperience "direct" keeps the legacy pair (read fiche + navigate to /edit)', () => {
    const c = pageOf(ficheSpec({}, { editExperience: 'direct' }))
    expect(c).not.toContain('<SectionCard')
    expect(c).not.toContain('form-submit')
    expect(c).toContain('routes.annuaire.edit(')
    expect(c).toContain('id="tabpanel-identite"')
  })

  it('an entity without a form sibling keeps the legacy read fiche', () => {
    const c = pageOf(ficheSpec({ entityViews: ['list', 'detail'] }))
    expect(c).not.toContain('form-submit')
    expect(c).toContain('id="tabpanel-identite"')
    expect(c).not.toContain('useUpdateDriver')
  })

  it('versioned entity echoes rowVersion in the update payload', () => {
    const c = pageOf(ficheSpec({ versioned: true } as Partial<ScaffoldComponentInput>))
    expect(c).toMatch(/updateMutation\.mutateAsync\(\{ id, data: \{ \.\.\.formData, rowVersion \} \}\)/)
    expect(c).toMatch(/setRowVersion\(\(data as \{ rowVersion\?: string \}\)\.rowVersion\)/)
  })

  it('lifecycle: an all-phased section renders under its status guard with the phase marker', () => {
    const c = pageOf(ficheSpec({
      fields: [
        { name: 'Status', type: 'string', required: true, options: [
          { value: 'Draft', label: 'Brouillon' }, { value: 'Paid', label: 'Payée' },
        ] },
        { name: 'Label', type: 'string', required: true },
        { name: 'PaymentDate', type: 'date', required: false },
      ],
    }, {
      tabs: undefined,
      lifecycle: {
        statusField: 'status',
        phases: [{ key: 'paiement', statuses: ['Paid'], fields: ['paymentDate'] }],
      },
      sections: [
        { key: 'general', fields: ['status', 'label'] },
        { key: 'paiement', fields: ['paymentDate'] },
      ],
    }))
    expect(c).toContain('{/* phase:paiement */}')
    // The all-phased card gates on the STATUS predicate (there is no create
    // branch on the fiche, so isEdit cannot be the gate).
    expect(c).toMatch(/\{\(formData\.status === 'Paid'\) && \(/)
  })

  it('offline write: no savedAt stamp (the outbox chip is the truth)', () => {
    const c = pageOf(ficheSpec({ pwa: { support: 'full', offline: 'write' } } as Partial<ScaffoldComponentInput>))
    expect(c).not.toContain('savedAt')
    expect(c).toMatch(/isDirty && \(\s*\n\s*<span className="mr-auto text-sm text-\[var\(--warning-text\)\]"/)
  })

  it('offline read: the submit is additionally gated on isOnline', () => {
    const c = pageOf(ficheSpec({ pwa: { support: 'full', offline: 'read' } } as Partial<ScaffoldComponentInput>))
    expect(c).toMatch(/disabled=\{isPending \|\| !isDirty \|\| !isOnline\}/)
  })

  it('the summary band and delete/custom actions keep their detail contract', () => {
    const c = pageOf(ficheSpec({}, {
      summary: { titleField: 'lastName' },
      actions: [{ code: 'duplicate', scope: 'header', labelKey: 'detail.actions.duplicate', permission: 'conducteurs.annuaire.create', variant: 'secondary' }],
    }))
    expect(c).toContain('data-testid="detail-summary"')
    expect(c).toContain('data-testid="detail-action-delete"')
    expect(c).toContain('detail-action-duplicate')
  })
})