import { useFormContext } from 'react-hook-form'
import { CampoTexto, CampoSelect } from '../components/Campos'
import SectionCard from '../components/SectionCard'
import { compararConDatos } from '../lib/curp'
import { ESTADOS_CIVILES, REGIMENES_BIENES, TIPOS_VIVIENDA, TIPOS_COMPRA } from '../data/constantes'

interface Props {
  prefix: string
  compacto?: boolean
}

/** Campos de datos generales; reutilizable con prefijo (cliente y co-acreditado) */
export default function DatosGeneralesCampos({ prefix, compacto = false }: Props) {
  const { watch } = useFormContext()
  const p = (campo: string) => `${prefix}${campo}`
  const estadoCivil = watch(p('estadoCivil')) as string
  const curp = (watch(p('curp')) as string) ?? ''
  const fechaNacimiento = (watch(p('fechaNacimiento')) as string) ?? ''
  const lugarNacimiento = (watch(p('lugarNacimiento')) as string) ?? ''
  // Advertencias ámbar en vivo: no bloquean, solo alertan inconsistencias con la CURP
  const advertenciasCurp = compararConDatos(curp, { fechaNacimiento, lugarNacimiento })

  return (
    <SectionCard titulo="Datos generales">
      {!compacto && <CampoTexto nombre={p('campaniaVenta')} etiqueta="Campaña de la venta" />}
      <CampoTexto nombre={p('fecha')} etiqueta="Fecha" tipo="date" requerido={!compacto} soloLectura={compacto} />
      <CampoTexto nombre={p('nombreCompleto')} etiqueta="Nombre completo" requerido={!compacto} className="sm:col-span-2" />
      <CampoTexto nombre={p('nacionalidad')} etiqueta="Nacionalidad" />
      <CampoTexto nombre={p('nivelEstudios')} etiqueta="Nivel de estudios" />
      <CampoTexto nombre={p('curp')} etiqueta="CURP" requerido={!compacto} placeholder="XXXX000000XXXXXXX0" />
      {advertenciasCurp.length > 0 && (
        <div role="alert" className="border border-amber-300 bg-amber-50 px-4 py-3 sm:col-span-2">
          {advertenciasCurp.map((aviso) => (
            <p key={aviso} className="text-xs text-amber-700">
              {aviso}
            </p>
          ))}
        </div>
      )}
      <CampoTexto nombre={p('rfc')} etiqueta="RFC" requerido={!compacto} placeholder="XXXX000000XXX" />
      <CampoTexto nombre={p('nss')} etiqueta="NSS" />
      <CampoTexto nombre={p('delegacionMunicipio')} etiqueta="Delegación / Municipio" />
      <CampoTexto nombre={p('direccion')} etiqueta="Dirección" className="sm:col-span-2" />
      <CampoTexto nombre={p('codigoPostal')} etiqueta="Código postal" placeholder="5 dígitos" />
      <CampoTexto nombre={p('antiguedadDomicilio')} etiqueta="Antigüedad en domicilio (años)" />
      <CampoTexto nombre={p('fechaNacimiento')} etiqueta="Fecha de nacimiento" tipo="date" requerido={!compacto} />
      <CampoTexto nombre={p('lugarNacimiento')} etiqueta="Lugar de nacimiento" />
      <CampoSelect nombre={p('estadoCivil')} etiqueta="Estado civil" opciones={ESTADOS_CIVILES} />
      {estadoCivil === 'CASADO' && (
        <CampoSelect nombre={p('regimenBienes')} etiqueta="Régimen de bienes" opciones={REGIMENES_BIENES} requerido={!compacto} />
      )}
      <CampoTexto nombre={p('peso')} etiqueta="Peso (kg)" />
      <CampoTexto nombre={p('estatura')} etiqueta="Estatura (m)" />
      <CampoTexto nombre={p('email')} etiqueta="Email" tipo="email" requerido={!compacto} />
      <CampoTexto nombre={p('telCasa')} etiqueta="Tel. casa" />
      <CampoTexto nombre={p('celular')} etiqueta="Celular" requerido={!compacto} />
      <CampoTexto nombre={p('viviendaAnios')} etiqueta="Años en vivienda" />
      <CampoSelect nombre={p('tipoVivienda')} etiqueta="Tipo de vivienda" opciones={TIPOS_VIVIENDA} />
      <CampoSelect nombre={p('tipoCompra')} etiqueta="Tipo de compra" opciones={TIPOS_COMPRA} />
      {!compacto && (
        <CampoTexto
          nombre={p('actividadOcupacion')}
          etiqueta="Actividad, ocupación o profesión"
          className="sm:col-span-2"
        />
      )}
    </SectionCard>
  )
}