import React, { useRef } 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 { useLoading } from '../../../LoadingContext'; import estilosFoco from '../Contratos/Shared/estilosFocoAccesible.module.css'; const ConsultaPunto = () => { const { punto } = usePage().props; const { showLoading, hideLoading } = useLoading(); const printRef = useRef(null); const handleBack = () => { showLoading(); router.visit(route('puntos-suministro.index'), { onFinish: () => hideLoading() }); }; const handleEdit = () => { showLoading(); router.visit(route('puntos-suministro.edit', punto.CodPunSum), { onFinish: () => hideLoading() }); }; return (

Punto: {punto?.NomViaPunSum || 'Sin nombre'} {punto?.NumViaPunSum || ''}

{/* Información General */}
Información General
{(punto?.TelPunSum || punto?.ObsPunSum) && ( )}
Cliente {punto?.cliente?.RazSocCli || 'N/A'}
Estado {punto?.EstPunSum === 1 ? ( Activo ) : ( Suspendido )}
Otros {punto?.TelPunSum && (
Teléfono: {punto.TelPunSum}
)} {punto?.ObsPunSum && (
Observaciones: {punto.ObsPunSum}
)}
{/* Dirección */}
Dirección del Punto
Vía {`${punto?.NomViaPunSum ?? ''} ${punto?.NumViaPunSum ?? ''}`.trim() || 'N/A'}
Detalles {[ punto?.BloPunSum ? `Bloq: ${punto.BloPunSum}` : '', punto?.EscPunSum ? `Esc: ${punto.EscPunSum}` : '', punto?.PlaPunSum ? `Piso: ${punto.PlaPunSum}` : '', punto?.PuePunSum ? `Puerta: ${punto.PuePunSum}` : '', ].filter(Boolean).join(' · ') || '—'}
Código Postal {punto?.CPLocSoc ?? 'N/A'}
Localidad {punto?.localidad?.DesLoc ?? 'N/A'}
Provincia {punto?.localidad?.provincia?.DesPro ?? 'N/A'}
{/* CUPS Eléctricos */}
CUPS Eléctricos
{Array.isArray(punto?.cups_electrico ?? punto?.cupsElectrico) && (punto?.cups_electrico ?? punto?.cupsElectrico).length > 0 ? ( (punto?.cups_electrico ?? punto?.cupsElectrico).map((cups: any, idx: number) => ( )) ) : ( )}
CUPS Pot. P1 Pot. P2 Pot. P3 Pot. P4 Pot. P5 Pot. P6 Tarifa Estado
{cups?.CUPsEle || '—'} {cups?.PotConP1 ?? '—'} {cups?.PotConP2 ?? '—'} {cups?.PotConP3 ?? '—'} {cups?.PotConP4 ?? '—'} {cups?.PotConP5 ?? '—'} {cups?.PotConP6 ?? '—'} {cups?.tarifaElectrica?.NomTarEle ?? cups?.tarifa_electrica?.NomTarEle ?? '—'} {cups?.EstCUPs === 1 ? 'Activo' : 'Inactivo'}
No hay CUPS eléctricos
{/* CUPS Gas */}
CUPS Gas
{Array.isArray(punto?.cups_gas ?? punto?.cupsGas) && (punto?.cups_gas ?? punto?.cupsGas).length > 0 ? ( (punto?.cups_gas ?? punto?.cupsGas).map((cups: any, idx: number) => ( )) ) : ( )}
CUPS Caudal Diario Caudal Anual Tarifa Estado
{cups?.CupsGas || '—'} {cups?.caudaldiario ?? '—'} {cups?.ConAnuCup ?? '—'} {cups?.tarifaGas?.NomTarGas ?? cups?.tarifa_gas?.NomTarGas ?? '—'} {cups?.EstCUPs === 1 ? 'Activo' : 'Inactivo'}
No hay CUPS de gas
); }; ConsultaPunto.layout = (page: any) => ; export default ConsultaPunto;