import React from 'react'; import { Card, Col, Container, Row, Button, Form } from 'react-bootstrap'; import { Head, router, usePage } from '@inertiajs/react'; import Layout from '../../../Layouts'; import BreadCrumb from '../../../Components/Common/BreadCrumb'; import { FileText, Pencil } from 'lucide-react'; import estilosFoco from '../Contratos/Shared/estilosFocoAccesible.module.css'; import { mapContactoToForm } from './contactoFormUtils'; function tipoViaLabel(contacto: Record | undefined): string { if (!contacto) return ''; const tv = (contacto as any).tipoViaFisica || (contacto as any).tipo_via_fisica || (contacto as any).tipoViaFisica; if (!tv || typeof tv !== 'object') return ''; const ini = (tv as any).IniTipVia ?? ''; const des = (tv as any).DesTipVia ?? ''; return [ini, des].filter(Boolean).join(' — '); } const VerContacto = () => { const { contacto } = usePage().props as { contacto?: Record }; const f = React.useMemo(() => mapContactoToForm(contacto), [contacto]); const id = Number((contacto as any)?.CodConCli ?? f.CodConCli ?? 0); const estado = (contacto as any)?.EstConCliLabel ?? ((contacto as any)?.EstConCli === 1 || (contacto as any)?.EstCli === 1 ? 'ACTIVO' : 'INACTIVO'); const goEdit = () => { try { router.visit((route as (n: string, p: object) => string)('contactos.editar', { id })); } catch { router.visit(`/contactos/${id}/editar`); } }; const goBack = () => { try { router.visit((route as (n: string) => string)('contactos.index')); } catch { router.visit('/contactos'); } }; const ro = (v: unknown) => (v == null || v === '' ? '—' : String(v)); return (

Contacto — solo lectura

Estado: {estado}

Datos del contacto

Nombre

{ro(f.NomConCli)}

Cargo

{ro(f.CarConCli)}

NIF / documento

{ro(f.NIFConCli)}

Teléfono fijo

{ro(f.TelFijConCli)}

Teléfono móvil

{ro(f.TelCelConCli)}

Teléfono personal

{ro(f.TelPersonal)}

{ro(f.EmaConCli)}

Email personal

{ro(f.EmaPersonal)}

IBAN

{ro(f.NumIBAN)}

Nº colegiado

{ro(f.NumColegiado)}

Observaciones

{ro(f.Observaciones)}

Dirección (facturación / envío)

Tipo de vía

{tipoViaLabel(contacto) || ro(f.CodTipVia)}

Nombre de la vía

{ro(f.NomVia)}

Número

{ro(f.NumVia)}

Bloque

{ro(f.Bloque)}

Escalera

{ro(f.Escalera)}

Planta

{ro(f.Planta)}

Puerta

{ro(f.Puerta)}

Código postal

{ro(f.CodigoPostal)}

Provincia

{ro(f.Provincia)}

Localidad

{ro(f.Localidad)}

); }; VerContacto.layout = (page: React.ReactNode) => ; export default VerContacto;