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 BreadCrumb from "../../../../Components/Common/BreadCrumb"; import Layout from "../../../../Layouts"; import { useLoading } from '../../../../LoadingContext'; interface Comercializadora { CodCom: number; RazSocCom: string; NomComCom?: string; NumCifCom: string; EstCom: number; TelFijCom?: string; EmaCom?: string; PagWebCom?: string; NomConCom?: string; CarConCom?: string; NomViaDirCom?: string; NumViaDirCom?: string; CPLoc?: string; SerGas?: number; SerEle?: number; SerEsp?: number; ObsCom?: string; tipoVia?: { DesTipVia: string; }; localidad?: { DesLoc: string; provincia?: { DesPro: string; }; }; } const ConsultaComercializadora = ({comercializadora}: { comercializadora: Comercializadora }) => { 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 Comercializadora:", comercializadora); }, [comercializadora]); const handleBack = () => { showLoading(); router.visit(route('comercializadoras.index'), { onFinish: () => hideLoading() }); }; const handleEdit = () => { showLoading(); router.visit(route('comercializadoras.editar', comercializadora.CodCom), { onFinish: () => hideLoading() }); }; return (

Comercializadora: {comercializadora.RazSocCom || "Sin nombre"}

{/* Contenido imprimible si se necesitara más adelante */}
{/* Información general */}
Información General
{(comercializadora.PagWebCom || comercializadora.ObsCom) && ( )}
Razón Social {comercializadora.RazSocCom ?? "N/A"}
Nombre Comercial {comercializadora.NomComCom ?? "N/A"}
CIF {comercializadora.NumCifCom ?? "N/A"}
Estado {comercializadora.EstCom === 1 ? ( Activo ) : ( Suspendido )}
Otros {comercializadora.PagWebCom && (
Web: {comercializadora.PagWebCom}
)} {comercializadora.ObsCom && (
Observaciones: {comercializadora.ObsCom}
)}
{/* Servicios Ofrecidos */}
Servicios Ofrecidos
Servicio de Gas {comercializadora.SerGas === 1 ? ( Sí ) : ( No )}
Servicio Eléctrico {comercializadora.SerEle === 1 ? ( Sí ) : ( No )}
Servicios Especiales {comercializadora.SerEsp === 1 ? ( Sí ) : ( No )}
{/* Dirección */}
Dirección
Vía {(() => { const tipoVia = comercializadora.tipoVia?.DesTipVia ? `${comercializadora.tipoVia.DesTipVia}` : ""; const nom = comercializadora.NomViaDirCom || ""; const num = comercializadora.NumViaDirCom || ""; return `${tipoVia}${tipoVia && (nom || num) ? " " : ""}${nom} ${num}`.trim() || "N/A"; })()}
Código Postal {comercializadora.CPLoc ?? "N/A"}
Localidad {comercializadora.localidad?.DesLoc ?? "N/A"}
Provincia {comercializadora.localidad?.provincia?.DesPro ?? "N/A"}
{/* Contacto */}
Contacto
Persona de Contacto {comercializadora.NomConCom ?? "N/A"}
Cargo {comercializadora.CarConCom ?? "N/A"}
Teléfono {comercializadora.TelFijCom ?? "N/A"}
Email {comercializadora.EmaCom ?? "N/A"}
); }; ConsultaComercializadora.layout = (page: any) => ; export default ConsultaComercializadora;