import React, { useRef, useEffect } from 'react'; import { Head, router, usePage } from '@inertiajs/react'; import Layout from '../../../../Layouts'; import { Badge, Button, Card, Col, Container, Row, Table } from 'react-bootstrap'; import BreadCrumb from '../../../../Components/Common/BreadCrumb'; import { Eye } from 'lucide-react'; import { formatCalendarDateEs } from '../../../../utils/serverCalendarDate'; interface LeadFicha { id: number; abreviacion_caes?: string|null; caes?: string|null; version?: string|null; seleccionado?: boolean|number|null; } interface LeadActuacion { id: number; sector?: number|null; tipo_actuacion?: number|null; desde?: string|null; hasta?: string|null; nombreProyecto?: string|null; fichas?: LeadFicha[]; } interface LeadDireccion { id: number; direccion: string; codigo_postal: string; provincia: string; localidad?: string|null; actuaciones?: LeadActuacion[]; } interface LeadRecord { CodCli: number; RazSocCli?: string|null; NomComCli?: string|null; NumCifCli?: string|null; tipo_caes?: any; direcciones?: LeadDireccion[]; } const ConsultaCaes: React.FC = () => { const { lead } = usePage().props; const printRef = useRef(null); useEffect(() => { console.log('Datos recibidos en ConsultaCaes:', lead); }, [lead]); const totalDirecciones = (lead?.direcciones||[]).length; const totalActuaciones = (lead?.direcciones||[]).reduce((acc: number, d: LeadDireccion) => acc + (d.actuaciones?.length||0),0); const totalFichas = (lead?.direcciones||[]).reduce((acc: number, d: LeadDireccion) => acc + (d.actuaciones||[]).reduce((a,b)=> a + (b.fichas?.length||0),0),0); return (

Ahorrista CAES: {lead?.data?.NomComCli}

Direcciones: {totalDirecciones} Actuaciones: {totalActuaciones} Fichas: {totalFichas}
{/* Información General */}
Información General
Razón Social {lead?.data?.RazSocCli ?? 'N/A'}
Nombre Comercial {lead?.data?.NomComCli ?? 'N/A'}
NIF/CIF {lead?.data?.NumCifCli ?? 'N/A'}
{/* Direcciones con actuaciones y fichas */}
Direcciones y Actuaciones
{(lead?.direcciones||[]).map((dir: LeadDireccion, idxDir: number) => { const actCount = dir.actuaciones?.length || 0; const fichasCount = (dir.actuaciones||[]).reduce((a,b)=> a + (b.fichas?.length||0),0); return (
Dirección {idxDir+1}: {dir.direccion} CP {dir.codigo_postal} · {dir.provincia}
Act: {actCount} Fichas: {fichasCount}
{(dir.actuaciones||[]).length === 0 &&
Sin actuaciones
} {(dir.actuaciones||[]).map((act: LeadActuacion, idxAct: number) => (
Actuación {idxAct+1}: {act.nombreProyecto || 'Sin nombre'}
{act.desde ? formatCalendarDateEs(act.desde) : ''} {act.hasta ? ' - '+ formatCalendarDateEs(act.hasta) : ''}
{/* Tabla de fichas */} {(act.fichas||[]).length > 0 ? ( (act.fichas||[]).map((fi: LeadFicha) => ( )) ) : ( )}
Abreviación CAE Versión Seleccionado
{fi.abreviacion_caes || '—'} {fi.caes || '—'} {fi.version || '—'} {fi.seleccionado ? Sí : No}
Sin fichas
))} ); })}
); }; (ConsultaCaes as any).layout = (page: any) => ; export default ConsultaCaes;