import React, { useRef, useState } from 'react'; import { usePage, Head } from '@inertiajs/react'; import Layout from '../../../Layouts'; import { Card, Col, Container, Form, Row, Tab } from 'react-bootstrap'; import BreadCrumb from '../../../Components/Common/BreadCrumb'; import { PuntoSuministro } from '../../../resources/PuntoSuministro'; const Edit = () => { const { punto } = usePage<{ punto: PuntoSuministro }>().props; // Puedes agregar aquí los estados y handlers necesarios para edición console.log(punto); return (

Editar Punto de Suministro

Datos del Punto de Suministro

Edita los datos generales del punto de suministro.

Cliente Dirección Localidad Provincia
CUPS Eléctricos
 {punto.cups_electricos?.length ? punto.cups_electricos.map((cups, idx) => ( )) : ( )}
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.tarifa_electrica?.NomTarEle} {cups.EstCUPs === 1 ? 'Activo' : 'Inactivo'}
No hay CUPS eléctricos
CUPS Gas
 {punto.cups_gas?.length ? punto.cups_gas.map((cups, idx) => ( )) : ( )}
CUPS Caudal Diario Caudal Anual Tarifa Estado
{cups.CupsGas} {cups.caudaldiario} {cups.ConAnuCup} {cups.tarifa_gas?.NomTarGas} {cups.EstCUPs === 1 ? 'Activo' : 'Inactivo'}
No hay CUPS de gas
); }; Edit.layout = (page: any) => ; export default Edit;