import React, { useRef, useState, useEffect } from "react"; import { Card, Col, Container, Row, Button, Table, Badge, } from "react-bootstrap"; import { Head, router } from "@inertiajs/react"; import 'react-bootstrap-typeahead/css/Typeahead.css'; import { FileText } from "lucide-react"; import { Cliente } from "../../../interfaces"; import BreadCrumb from "../../../Components/Common/BreadCrumb"; import Layout from "../../../Layouts"; import { useLoading } from '../../../LoadingContext'; import estilosFoco from '../Contratos/Shared/estilosFocoAccesible.module.css'; const ConsultaCliente = ({cliente}: { cliente: Cliente }) => { const [activeKey, setActiveKey] = useState("0"); const printRef = useRef(null); const { showLoading, hideLoading } = useLoading(); // Imprimir datos recibidos para depuración useEffect(() => { console.log("Datos recibidos en Cliente:", cliente); }, [cliente]); const handleBack = () => { showLoading(); router.visit(route('clientes.index'), { onFinish: () => hideLoading() }); }; const handleEdit = () => { showLoading(); router.visit(route('clientes.editar', cliente.CodCli), { onFinish: () => hideLoading() }); }; return (

Cliente: {cliente.RazSocCli || "Sin nombre"}

{/* Contenido imprimible si se necesitara más adelante */}
{/* Información general */}
Información General
{((cliente as any)?.WebCli || (cliente as any)?.ObsCli) && ( )}
Razón Social {cliente.RazSocCli ?? "N/A"}
Nombre Comercial {cliente.NomComCli ?? "N/A"}
NIF/CIF {cliente.NumCifCli ?? "N/A"}
Estado {cliente as any && (cliente as any).EstCli === 1 ? ( Activo ) : ( Suspendido )}
Otros {(cliente as any)?.WebCli && (
Web: {(cliente as any).WebCli}
)} {(cliente as any)?.ObsCli && (
Observaciones: {(cliente as any).ObsCli}
)}
{/* Dirección Fiscal */}
Dirección Fiscal
Vía {(() => { const tipoVia = (cliente as any)?.tipoViaFisica || (cliente as any)?.tipo_via_fisica; const via = tipoVia?.DesTipVia ? `${tipoVia.DesTipVia}` : ""; const nom = (cliente as any)?.NomViaDomFis || ""; const num = (cliente as any)?.NumViaDomFis || ""; return `${via}${via && (nom || num) ? " " : ""}${nom} ${num}`.trim() || "N/A"; })()}
Código Postal {(cliente as any)?.CPLocFis ?? "N/A"}
Localidad {(cliente as any)?.localidad?.DesLoc ?? "N/A"}
Provincia {(cliente as any)?.localidad?.provincia?.DesPro ?? "N/A"}
{/* Dirección Social (si hay datos) */} {((cliente as any)?.NomViaDomSoc || (cliente as any)?.CPLocSoc) && (
Domicilio Social
Dirección {`${(cliente as any)?.NomViaDomSoc ?? ""} ${(cliente as any)?.NumViaDomSoc ?? ""}`.trim() || "N/A"}
Código Postal {(cliente as any)?.CPLocSoc ?? "N/A"}
)} {/* Medios de contacto */}
Contacto
{/* Contacto principal si existe */} {(cliente as any)?.contacto && (
Contacto principal
Nombre {(cliente as any)?.contacto?.NomConCli ?? "N/A"}
NIF {(cliente as any)?.contacto?.NIFConCli ?? "N/A"}
Teléfono {(cliente as any)?.contacto?.TelFijConCli || (cliente as any)?.contacto?.TelCelConCli || "N/A"}
Email {(cliente as any)?.contacto?.EmaConCli ?? "N/A"}
Cargo {(cliente as any)?.contacto?.CarConCli ?? "N/A"}
)}
{/* Cuentas Bancarias Activas */} {(((cliente as any)?.cuentasBancariasActivas && Array.isArray((cliente as any).cuentasBancariasActivas) && (cliente as any).cuentasBancariasActivas.length > 0) || ((cliente as any)?.cuentas_bancarias_activas && Array.isArray((cliente as any).cuentas_bancarias_activas) && (cliente as any).cuentas_bancarias_activas.length > 0)) && (
Cuentas Bancarias Activas
{( ((cliente as any).cuentasBancariasActivas as any[]) || ((cliente as any).cuentas_bancarias_activas as any[]) ).map((cue: any, idx: number) => ( ))}
IBAN Banco Observaciones
{cue?.NumIBan ?? "N/A"} {cue?.banco?.DesBan || "S/E"} {cue?.ObserCuenBan ?? "-"}
)}
); }; ConsultaCliente.layout = (page: any) => ; export default ConsultaCliente;