import React, { useState } from 'react'; import { Card, Col, Container, Row, Button, Form } from 'react-bootstrap'; import { Head, router, useForm } from '@inertiajs/react'; import { FileText } from 'lucide-react'; import BreadCrumb from '../../../../Components/Common/BreadCrumb'; import Layout from '../../../../Layouts'; import Swal from 'sweetalert2'; import { useLoading } from '../../../../LoadingContext'; import estilosFoco from '../../Contratos/Shared/estilosFocoAccesible.module.css'; interface TarifaFormProps { tarifa: any; tipoTarifa: 'electrica' | 'gas'; isEdit: boolean; } const sugerirNombreAlternoGas = (nomTarGas: string): string => { const t = nomTarGas.trim(); const match = t.match(/^R(\d+)$/i); return match ? `RL.${match[1]}` : t; }; const EditarTarifa = ({ tarifa, tipoTarifa, isEdit }: TarifaFormProps) => { const esGas = tipoTarifa === 'gas'; const { showLoading, hideLoading } = useLoading(); const [isProcessing, setIsProcessing] = useState(false); const { data, setData, post, put, processing, errors } = useForm({ tipo: tipoTarifa, TipTen: tarifa.TipTen ?? '', NomTarEle: tarifa.NomTarEle ?? '', nombre_alterno: tarifa.nombre_alterno ?? '', CanPerTar: tarifa.CanPerTar ?? '', MinPotCon: tarifa.MinPotCon ?? '', MaxPotCon: tarifa.MaxPotCon ?? '', EstTarEle: tarifa.EstTarEle ?? 1, NomTarGas: tarifa.NomTarGas ?? '', MinConAnu: tarifa.MinConAnu ?? '', MaxConAnu: tarifa.MaxConAnu ?? '', EstTarGas: tarifa.EstTarGas ?? 1, }); const handleBack = () => { showLoading(); router.visit(route('tarifas.index', { tipo: tipoTarifa }), { onFinish: hideLoading }); }; const handleSubmit = (e: React.FormEvent) => { e.preventDefault(); setIsProcessing(true); showLoading(); const onFinish = () => { hideLoading(); setIsProcessing(false); }; if (isEdit && tarifa.id) { put(route('tarifas.update', { tipo: tipoTarifa, id: tarifa.id }), { preserveScroll: true, onFinish, onSuccess: () => { Swal.fire({ title: 'Tarifa actualizada', icon: 'success', timer: 1500, showConfirmButton: false }); }, onError: () => { Swal.fire({ title: 'Error al guardar', icon: 'error', confirmButtonText: 'Aceptar' }); }, }); } else { post(route('tarifas.store'), { preserveScroll: true, onFinish, onError: () => { Swal.fire({ title: 'Error al crear tarifa', icon: 'error', confirmButtonText: 'Aceptar' }); }, }); } }; const titulo = isEdit ? `Editar tarifa ${esGas ? 'gas' : 'eléctrica'}` : `Nueva tarifa ${esGas ? 'gas' : 'eléctrica'}`; return (

{esGas ? ( <> Nombre tarifa gas * { const v = e.target.value; setData((prev: any) => ({ ...prev, NomTarGas: v, nombre_alterno: prev.nombre_alterno?.trim() && isEdit ? prev.nombre_alterno : sugerirNombreAlternoGas(v), })); }} isInvalid={!!errors.NomTarGas} required /> {errors.NomTarGas} Nombre alterno setData('nombre_alterno', e.target.value)} isInvalid={!!errors.nombre_alterno} placeholder="Ej. RL.1 para R1, o el mismo nombre para B5/A5" /> Tarifas R (R1, R2, R10…) se sugieren como RL.1, RL.2, RL.10. Las demás conservan su nombre. {errors.nombre_alterno} Consumo anual mínimo setData('MinConAnu', e.target.value)} /> Consumo anual máximo setData('MaxConAnu', e.target.value)} /> Estado setData('EstTarGas', Number(e.target.value))}> ) : ( <> Nombre tarifa eléctrica * { const v = e.target.value; setData((prev: any) => ({ ...prev, NomTarEle: v, nombre_alterno: prev.nombre_alterno?.trim() && isEdit ? prev.nombre_alterno : v, })); }} isInvalid={!!errors.NomTarEle} required /> {errors.NomTarEle} Nombre alterno setData('nombre_alterno', e.target.value)} isInvalid={!!errors.nombre_alterno} placeholder="Por defecto igual al nombre de la tarifa" /> {errors.nombre_alterno} Tensión setData('TipTen', e.target.value)} /> Periodos tarifa setData('CanPerTar', e.target.value)} /> Potencia mínima (kW) setData('MinPotCon', e.target.value)} /> Potencia máxima (kW) setData('MaxPotCon', e.target.value)} /> Estado setData('EstTarEle', Number(e.target.value))}> )}

); }; (EditarTarifa as any).layout = (page: React.ReactNode) => ; export default EditarTarifa;