@extends('adminlte::page')

@section('plugins.Sweetalert2', true)
@section('plugins.Datatables', true)
@section('plugins.Select1', true)

@section('title', 'Intranet | Presupuesto Operacional')

@section('content_header')
    <div class="container-fluid">
    </div>
@stop

@section('content')
    <div class="container-fluid">
        <div class="row justify-content-center">
            <div class="col-lg-11">
                <div class="card card-primary card-tabs">
                    <div class="card-header p-0 pt-1">
                        <ul class="nav nav-tabs" id="custom-tabs-one-tab" role="tablist">
                            <li class="nav-item">
                                <a class="nav-link active" id="custom-tabs-one-home-tab" data-toggle="pill"
                                    href="#custom-tabs-one-home" role="tab" aria-controls="custom-tabs-one-home"
                                    aria-selected="true">Ingresos</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" id="custom-tabs-one-profile-tab" data-toggle="pill"
                                    href="#custom-tabs-one-profile" role="tab" aria-controls="custom-tabs-one-profile"
                                    aria-selected="false">Costos
                                    Directo Servicios</a>
                            </li>
                        </ul>
                    </div>
                    <div class="card-body">
                        <div class="tab-content" id="custom-tabs-one-tabContent">
                            <div class="tab-pane fade show active" id="custom-tabs-one-home" role="tabpanel"
                                aria-labelledby="custom-tabs-one-home-tab">
                                <form id="formularioDePresupuesto">
                                    @csrf
                                    <div class="card-body">
                                        <div
                                            style="display: grid; grid-template-columns: 35% 35% 14% 14%; grid-column-gap: 10px;">
                                            <div class="form-group">
                                                <label>Centro De Costo</label>
                                                <select class="form-control listaDespegableConBuscador"
                                                    id="campoCentroDeCostoPresupuesto" name="id_centro_costo"
                                                    data-live-search="true" onchange="actualizarTabla()">
                                                    <option value="">--Seleccionar Centro De Costo--</option>
                                                    @foreach ($centrosDeCostos as $centroDeCosto)
                                                        @if (old('id_centro_costo') == $centroDeCosto->id)
                                                            <option selected value="{{ $centroDeCosto->id }}">
                                                                {{ $centroDeCosto->centro_costo }}</option>
                                                        @else
                                                            <option value="{{ $centroDeCosto->id }}">
                                                                {{ $centroDeCosto->centro_costo }}</option>
                                                        @endif
                                                    @endforeach
                                                </select>
                                                <div class="invalid-feedback" id="validacionCampoCentroDeCostoPresupuesto">
                                                </div>
                                            </div>

                                            <div class="form-group">
                                                <label>Año</label>
                                                <select class="form-control smaller-input listaDespegableConBuscador" id="campoAno" name="ano"
                                                    data-live-search="true" onchange="actualizarTabla()">
                                                    <option value="">--Seleccionar Año --</option>
                                                    @for ($ano = 2022; $ano <= 2040; $ano++)
                                                        <option value="{{ $ano }}">
                                                            {{ $ano }}</option>
                                                    @endfor
                                                </select>
                                                <div class="invalid-feedback" id="validacionCampoAnoPresupuesto">
                                                </div>
                                            </div>

                                            <div class="d-flex align-items-center">
                                                <button type="button" id="btnLimpiarInformacion"
                                                    class="btn btn-info btn-block" style="margin-bottom: -14px;"><i
                                                        class="fas fa-redo"></i> Limpiar
                                                </button>
                                            </div>
                                        </div>
                                        <br>
                                        @if (Gate::check('presupuesto.edit'))
                                            <button id="btnHabilitarEdicion" class="btn btn-success btn-sm" type="button">
                                                <span><i class="fas fa-edit"></i> &nbsp; Habilitar Modificación
                                                    &nbsp;</span>
                                            </button>
                                        @endif
                                        <div class="dt-responsive table-responsive">
                                            <table id="tablaConExportacionConFiltrado" class="table table-bordered nowrap"
                                                role="grid" aria-describedby="base-style_info">
                                                <thead>
                                                    <th colspan="13" style="text-align: center;">Ingresos Del
                                                        Servicio De ADC
                                                    </th>
                                                    <tr>
                                                        <th>Año Seleccionado: <span id="anoSeleccionadoUno"></span></th>
                                                        @foreach ($meses as $mes)
                                                            <th>{{ $mes }}</th>
                                                        @endforeach
                                                    </tr>
                                                </thead>
                                                <tbody id="tablaBodyConExportacionConFiltrado">
                                                    <tr>
                                                        <td>Ingreso de Servicio</td>
                                                        @foreach ($meses as $mes)
                                                            <td class="tabla-ingreso-servicio" contenteditable="true"
                                                                onblur="validarNumeroTd(this)"
                                                                onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                                name="ingreso_edp_{{ strtolower($mes) }}"
                                                                id="campoIngreso{{ $mes }}"></td>
                                                        @endforeach
                                                    </tr>
                                                    <tr>
                                                        <td>Gastos Reembolsables</td>
                                                        @foreach ($meses as $mes)
                                                            <td class="tabla-ingreso-gasto-reembolsable"
                                                                contenteditable="true" onblur="validarNumeroTd(this)"
                                                                onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                                name="ingreso_gasto_reembolsable_{{ strtolower($mes) }}"
                                                                id="campoGastoReembolsable{{ $mes }}"></td>
                                                        @endforeach
                                                    </tr>
                                                    <tr>
                                                        <td>Otros Ingresos (No Considerar Bono Mandante)</td>
                                                        @foreach ($meses as $mes)
                                                            <td class="tabla-otros-ingresos" contenteditable="true"
                                                                onblur="validarNumeroTd(this)"
                                                                onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                                name="ingreso_otros_ingresos_{{ strtolower($mes) }}"
                                                                id="campoOtrosIngresos{{ $mes }}"></td>
                                                        @endforeach
                                                    </tr>
                                                    <tr>
                                                        <td>Total Ingreso $ (Suma De Ingreso De Servicio y Gastos
                                                            Reembolsable)</td>
                                                        @foreach ($meses as $mes)
                                                            <td class="tabla-total-ingresos" onblur="validarNumeroTd(this)"
                                                                contenteditable="false"
                                                                onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                                                                name="ingreso_total_ingreso_{{ strtolower($mes) }}"
                                                                id="campoTotalIngresos{{ $mes }}"></td>
                                                        @endforeach
                                                    </tr>
                                                    <tr>
                                                        <td>Observación<span
                                                                style="font-weight: 700; font-size:11px;">(Opcional)</span>
                                                        </td>
                                                        @foreach ($meses as $mes)
                                                            <td class="tabla-ingreso-observacion" contenteditable="true"
                                                                name="ingreso_observacion_{{ strtolower($mes) }}"
                                                                id="campoObservacion{{ $mes }}">
                                                            </td>
                                                        @endforeach
                                                    </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                            </div>

                            <div class="tab-pane fade" id="custom-tabs-one-profile" role="tabpanel"
                                aria-labelledby="custom-tabs-one-profile-tab">
                                <div class="card-body">
                                    <div class="dt-responsive table-responsive">
                                        <table id="tablaConExportacionConFiltradoDos" class="table table-bordered nowrap"
                                            role="grid" aria-describedby="base-style_info">
                                            <thead>
                                                <tr>
                                                    <th>Año Seleccionado: <span id="anoSeleccionadoDos"></span></th>
                                                    @foreach ($meses as $mes)
                                                        <th>{{ $mes }}</th>
                                                    @endforeach
                                                </tr>
                                            </thead>
                                            <tbody id="tablaBodyConExportacionConFiltrado">
                                                <tr>
                                                    <td>Remuneración</td>
                                                    @foreach ($meses as $mes)
                                                        <td class="tabla-remuneracion" onblur="validarNumeroTdDos(this)"
                                                            name="remuneracion_{{ strtolower($mes) }}"
                                                            id="campoRemuneracion{{ $mes }}"
                                                            contenteditable="true"></td>
                                                    @endforeach
                                                </tr>
                                                <tr>
                                                    <td>Alimentación</td>
                                                    @foreach ($meses as $mes)
                                                        <td class="tabla-alimentacion" contenteditable="true"
                                                            onblur="validarNumeroTdDos(this)"
                                                            name="alimentacion_costos_{{ strtolower($mes) }}"
                                                            id="campoAlimentancion{{ $mes }}"></td>
                                                    @endforeach
                                                </tr>
                                                <tr>
                                                    <td>Alojamiento (Hotel)</td>
                                                    @foreach ($meses as $mes)
                                                        <td class="tabla-alojamiento" contenteditable="true"
                                                            onblur="validarNumeroTdDos(this)"
                                                            name="alojamiento_costos_{{ strtolower($mes) }}"
                                                            id="campoAlojamiento{{ $mes }}"></td>
                                                    @endforeach
                                                </tr>
                                                <tr>
                                                    <td>Arriendo de Equipos</td>
                                                    @foreach ($meses as $mes)
                                                        <td class="tabla-arriendo-equipo" contenteditable="true"
                                                            onblur="validarNumeroTdDos(this)"
                                                            name="arriendo_equipos_costos_{{ strtolower($mes) }}"
                                                            id="campoArriendoEquipos{{ $mes }}"></td>
                                                    @endforeach
                                                </tr>
                                                <tr>
                                                    <td>Arriendo de Inmueble</td>
                                                    @foreach ($meses as $mes)
                                                        <td class="tabla-arriendo-inmueble" contenteditable="true"
                                                            onblur="validarNumeroTdDos(this)"
                                                            name="arriendo_inmuebles_costos_{{ strtolower($mes) }}"
                                                            id="campoArriendoInmueble{{ $mes }}"></td>
                                                    @endforeach
                                                </tr>
                                                <tr>
                                                    <td>Arriendo de Vehículos</td>
                                                    @foreach ($meses as $mes)
                                                        <td class="tabla-arriendo-vehiculos" contenteditable="true"
                                                            onblur="validarNumeroTdDos(this)"
                                                            name="arriendo_vehiculos_costos_{{ strtolower($mes) }}"
                                                            id="campoArriendoVehiculos{{ $mes }}"></td>
                                                    @endforeach
                                                </tr>
                                                <tr>
                                                    <td>Artículos de Oficina</td>
                                                    @foreach ($meses as $mes)
                                                        <td class="tabla-articulos-oficina" contenteditable="true"
                                                            onblur="validarNumeroTdDos(this)"
                                                            name="articulos_oficina_costos_{{ strtolower($mes) }}"
                                                            id="campoArticulosOficinas{{ $mes }}"></td>
                                                    @endforeach
                                                </tr>
                                                <tr>
                                                    <td>Capacitación</td>
                                                    @foreach ($meses as $mes)
                                                        <td class="tabla-capacitacion" contenteditable="true"
                                                            onblur="validarNumeroTdDos(this)"
                                                            name="capacitacion_costos_{{ strtolower($mes) }}"
                                                            id="campoCapacitacion{{ $mes }}"></td>
                                                    @endforeach
                                                </tr>
                                                <tr>
                                                    <td>Combustible</td>
                                                    @foreach ($meses as $mes)
                                                        <td class="tabla-combustible" contenteditable="true"
                                                            onblur="validarNumeroTdDos(this)"
                                                            name="combustible_costos_{{ strtolower($mes) }}"
                                                            id="campoCombustible{{ $mes }}"></td>
                                                    @endforeach
                                                </tr>
                                                <tr>
                                                    <td>Consumos Básicos</td>
                                                    @foreach ($meses as $mes)
                                                        <td class="tabla-consumos-basicos" contenteditable="true"
                                                            onblur="validarNumeroTdDos(this)"
                                                            name="consumos_basicos_costos_{{ strtolower($mes) }}"
                                                            id="campoComsumoBasicos{{ $mes }}"></td>
                                                    @endforeach
                                                </tr>
                                                <tr>
                                                    <td>Correspondencia</td>
                                                    @foreach ($meses as $mes)
                                                        <td class="tabla-correspondencia" contenteditable="true"
                                                            onblur="validarNumeroTdDos(this)"
                                                            name="correspondencia_costos_{{ strtolower($mes) }}"
                                                            id="campoCorrespondencia{{ $mes }}"></td>
                                                    @endforeach
                                                </tr>
                                                <tr>
                                                    <td>EPP</td>
                                                    @foreach ($meses as $mes)
                                                        <td class="tabla-epp" contenteditable="true"
                                                            onblur="validarNumeroTdDos(this)"
                                                            name="epp_costos_{{ strtolower($mes) }}"
                                                            id="campoEpp{{ $mes }}"></td>
                                                    @endforeach
                                                </tr>
                                                <tr>
                                                    <td>Equipos y Herramientas</td>
                                                    @foreach ($meses as $mes)
                                                        <td class="tabla-equipos-herramientas" contenteditable="true"
                                                            onblur="validarNumeroTdDos(this)"
                                                            name="equipo_herramientas_costos_{{ strtolower($mes) }}"
                                                            id="campoEquiposHerramientas{{ $mes }}"></td>
                                                    @endforeach
                                                </tr>
                                                <tr>
                                                    <td>Exámenes Pre y Ocupacionales</td>
                                                    @foreach ($meses as $mes)
                                                        <td class="tabla-examenes-pre-ocupacionales"
                                                            contenteditable="true" onblur="validarNumeroTdDos(this)"
                                                            name="examenes_preocupacionales_costos_{{ strtolower($mes) }}"
                                                            id="campoExamenesPreOcupacionales{{ $mes }}"></td>
                                                    @endforeach
                                                </tr>
                                                <tr>
                                                    <td>Fletes</td>
                                                    @foreach ($meses as $mes)
                                                        <td class="tabla-fletes" contenteditable="true"
                                                            onblur="validarNumeroTdDos(this)"
                                                            name="flete_costos_{{ strtolower($mes) }}"
                                                            id="campoFletes{{ $mes }}"></td>
                                                    @endforeach
                                                </tr>
                                                <tr>
                                                    <td>Gasto Evento Empresa</td>
                                                    @foreach ($meses as $mes)
                                                        <td class="tabla-gasto-evento-empresa" contenteditable="true"
                                                            onblur="validarNumeroTdDos(this)"
                                                            name="gasto_evento_empresa_costos_{{ strtolower($mes) }}"
                                                            id="campoGastoEventoEmpresa{{ $mes }}"></td>
                                                    @endforeach
                                                </tr>
                                                <tr>
                                                    <td>Gastos Reembolsables</td>
                                                    @foreach ($meses as $mes)
                                                        <td class="tabla-gasto-reembolsables" contenteditable="true"
                                                            onblur="validarNumeroTdDos(this)"
                                                            name="gasto_reembolsables_costos_{{ strtolower($mes) }}"
                                                            id="campoGastoReembolsables{{ $mes }}"></td>
                                                    @endforeach
                                                </tr>
                                                <tr>
                                                    <td>Gastos Varios Menores</td>
                                                    @foreach ($meses as $mes)
                                                        <td class="tabla-gasto-varios-menores" contenteditable="true"
                                                            onblur="validarNumeroTdDos(this)"
                                                            name="gastos_varios_menores_costos_{{ strtolower($mes) }}"
                                                            id="campoGastoVariosMenores{{ $mes }}"></td>
                                                    @endforeach
                                                </tr>
                                                <tr>
                                                    <td>Honorarios Profesionales</td>
                                                    @foreach ($meses as $mes)
                                                        <td class="tabla-honorarios-profesionales" contenteditable="true"
                                                            onblur="validarNumeroTdDos(this)"
                                                            name="honorarios_profesionales_costos_{{ strtolower($mes) }}"
                                                            id="campoHonorariosProfesionales{{ $mes }}"></td>
                                                    @endforeach
                                                </tr>
                                                <tr>
                                                    <td>Insumos Computacionales</td>
                                                    @foreach ($meses as $mes)
                                                        <td class="tabla-insumos-computacionales" contenteditable="true"
                                                            onblur="validarNumeroTdDos(this)"
                                                            name="insumos_computacionales_costos_{{ strtolower($mes) }}"
                                                            id="campoInsumosComputacionales{{ $mes }}"></td>
                                                    @endforeach
                                                </tr>
                                                <tr>
                                                    <td>Mantención y Reparación de Equipos</td>
                                                    @foreach ($meses as $mes)
                                                        <td class="tabla-mantencion-reparacion-equipos"
                                                            contenteditable="true" onblur="validarNumeroTdDos(this)"
                                                            name="mantencion_y_reparacion_de_equipos_costos_{{ strtolower($mes) }}"
                                                            id="campoMantencionReparacionEquipos{{ $mes }}"></td>
                                                    @endforeach
                                                </tr>
                                                <tr>
                                                    <td>Mantención y Reparación de Vehículos</td>
                                                    @foreach ($meses as $mes)
                                                        <td class="tabla-mantencion-reparacion-vehiculos"
                                                            contenteditable="true" onblur="validarNumeroTdDos(this)"
                                                            name="mantencion_y_reparacion_de_vehiculos_costos_{{ strtolower($mes) }}"
                                                            id="campoMantencionReparacionVehiculos{{ $mes }}">
                                                        </td>
                                                    @endforeach
                                                </tr>
                                                <tr>
                                                    <td>Mantenciones Varias (Inmuebles)</td>
                                                    @foreach ($meses as $mes)
                                                        <td class="tabla-mantencion-varias" contenteditable="true"
                                                            onblur="validarNumeroTdDos(this)"
                                                            name="mantenciones_varias_inmuebles_costos_{{ strtolower($mes) }}"
                                                            id="campoMantencionVarias{{ $mes }}"></td>
                                                    @endforeach
                                                </tr>
                                                <tr>
                                                    <td>Mantención y Reparación Faena</td>
                                                    @foreach ($meses as $mes)
                                                        <td class="tabla-mantencion-reparacion-Faena"
                                                            contenteditable="true" onblur="validarNumeroTdDos(this)"
                                                            name="mantencion_y_reparacion_faena_costos_{{ strtolower($mes) }}"
                                                            id="campoMantencionReparacionFaena{{ $mes }}"></td>
                                                    @endforeach
                                                </tr>
                                                <tr>
                                                    <td>Materiales Utilizados en Faena</td>
                                                    @foreach ($meses as $mes)
                                                        <td class="tabla-materiales-utilizados-faena"
                                                            contenteditable="true" onblur="validarNumeroTdDos(this)"
                                                            name="materiales_utilizados_en_faena_costos_{{ strtolower($mes) }}"
                                                            id="campoMaterialesUtilizadosFaena{{ $mes }}"></td>
                                                    @endforeach
                                                </tr>
                                                <tr>
                                                    <td>Pasaje Aéreo Personal</td>
                                                    @foreach ($meses as $mes)
                                                        <td class="tabla-pasaje-aereo-personal" contenteditable="true"
                                                            onblur="validarNumeroTdDos(this)"
                                                            name="pasaje_aereo_personal_costos_{{ strtolower($mes) }}"
                                                            id="campoPasajeAereoPersonal{{ $mes }}"></td>
                                                    @endforeach
                                                </tr>
                                                <tr>
                                                    <td>Peajes y Tag</td>
                                                    @foreach ($meses as $mes)
                                                        <td class="tabla-peajes-tag" contenteditable="true"
                                                            onblur="validarNumeroTdDos(this)"
                                                            name="peajes_y_tag_costos_{{ strtolower($mes) }}"
                                                            id="campoPeajesTag{{ $mes }}"></td>
                                                    @endforeach
                                                </tr>
                                                <tr>
                                                    <td>Red Fija e Internet</td>
                                                    @foreach ($meses as $mes)
                                                        <td class="tabla-red-fija-internet" contenteditable="true"
                                                            onblur="validarNumeroTdDos(this)"
                                                            name="red_fija_e_internet_costos_{{ strtolower($mes) }}"
                                                            id="campoRedFijaInternet{{ $mes }}"></td>
                                                    @endforeach
                                                </tr>
                                                <tr>
                                                    <td>Red Móvil</td>
                                                    @foreach ($meses as $mes)
                                                        <td class="tabla-red-movil" contenteditable="true"
                                                            onblur="validarNumeroTdDos(this)"
                                                            name="red_movil_costos_{{ strtolower($mes) }}"
                                                            id="campoRedMovil{{ $mes }}"></td>
                                                    @endforeach
                                                </tr>
                                                <tr>
                                                    <td>Seguros Activos</td>
                                                    @foreach ($meses as $mes)
                                                        <td class="tabla-seguros-activos" contenteditable="true"
                                                            onblur="validarNumeroTdDos(this)"
                                                            name="seguro_activos_costos_{{ strtolower($mes) }}"
                                                            id="campoSegurosActivos{{ $mes }}">
                                                        </td>
                                                    @endforeach
                                                </tr>
                                                <tr>
                                                    <td>Seguros AP</td>
                                                    @foreach ($meses as $mes)
                                                        <td class="tabla-seguros-ap" contenteditable="true"
                                                            onblur="validarNumeroTdDos(this)"
                                                            name="seguro_ap_costos_{{ strtolower($mes) }}"
                                                            id="campoSegurosAp{{ $mes }}">
                                                        </td>
                                                    @endforeach
                                                </tr>
                                                <tr>
                                                    <td>Seguro Asiento Pasajero</td>
                                                    @foreach ($meses as $mes)
                                                        <td class="tabla-seguro-asiento-pasajero" contenteditable="true"
                                                            onblur="validarNumeroTdDos(this)"
                                                            name="seguro_asiento_pasajero_costos_{{ strtolower($mes) }}"
                                                            id="campoSeguroAsientoPasajero{{ $mes }}">
                                                        </td>
                                                    @endforeach
                                                </tr>
                                                <tr>
                                                    <td>Seguros de Vida</td>
                                                    @foreach ($meses as $mes)
                                                        <td class="tabla-seguro-vida" contenteditable="true"
                                                            onblur="validarNumeroTdDos(this)"
                                                            name="seguro_de_vida_costos_{{ strtolower($mes) }}"
                                                            id="campoSeguroVida{{ $mes }}">
                                                        </td>
                                                    @endforeach
                                                </tr>
                                                <tr>
                                                    <td>Seguros Resp. Civil Empresa</td>
                                                    @foreach ($meses as $mes)
                                                        <td class="tabla-seguro-resp-empresa" contenteditable="true"
                                                            onblur="validarNumeroTdDos(this)"
                                                            name="seguro_rc_empresa_costos_{{ strtolower($mes) }}"
                                                            id="campoSegurosRespCivilEmpresa{{ $mes }}">
                                                        </td>
                                                    @endforeach
                                                </tr>
                                                <tr>
                                                    <td>Seguros Resp. Civil Vehículos</td>
                                                    @foreach ($meses as $mes)
                                                        <td class="tabla-seguro-resp-vehiculos" contenteditable="true"
                                                            onblur="validarNumeroTdDos(this)"
                                                            name="seguro_rc_vehiculos_costos_{{ strtolower($mes) }}"
                                                            id="campoSegurosRespCivilVehiculos{{ $mes }}">
                                                        </td>
                                                    @endforeach
                                                </tr>
                                                <tr>
                                                    <td>Servicios por Terceros</td>
                                                    @foreach ($meses as $mes)
                                                        <td class="tabla-servicios-terceros" contenteditable="true"
                                                            onblur="validarNumeroTdDos(this)"
                                                            name="servicio_terceros_costos_{{ strtolower($mes) }}"
                                                            id="campoServiciosTerceros{{ $mes }}">
                                                        </td>
                                                    @endforeach
                                                </tr>
                                                <tr>
                                                    <td>Servicio Radio Portátiles</td>
                                                    @foreach ($meses as $mes)
                                                        <td class="tabla-servicio-radio-portatiles" contenteditable="true"
                                                            onblur="validarNumeroTdDos(this)"
                                                            name="servicio_radio_portatiles_costos_{{ strtolower($mes) }}"
                                                            id="campoServicioRadioPortatiles{{ $mes }}">
                                                        </td>
                                                    @endforeach
                                                </tr>
                                                <tr>
                                                    <td>Traslado Personal</td>
                                                    @foreach ($meses as $mes)
                                                        <td class="tabla-traslado-personal" contenteditable="true"
                                                            onblur="validarNumeroTdDos(this)"
                                                            name="traslado_personal_costos_{{ strtolower($mes) }}"
                                                            id="campoTrasladoPersonal{{ $mes }}">
                                                        </td>
                                                    @endforeach
                                                </tr>
                                                <tr>
                                                    <td>Total Presupuesto</td>
                                                    @foreach ($meses as $mes)
                                                        <td class="tabla-total-presupuesto" contenteditable="false"
                                                            onblur="validarNumeroTdDos(this)"
                                                            name="total_presupuesto_{{ strtolower($mes) }}"
                                                            id="campoTotalPresupuesto{{ $mes }}"></td>
                                                    @endforeach
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class=" card-footer">
                        @if (Gate::check('presupuesto-adc.create') || Gate::check('presupuesto-adc.create-centros-costos'))
                            <button type="button" class="btn btn-primary" id="botonDeCreacion"
                                onclick="registrarPresupuesto()"><i class="fas fa-plus-circle"
                                    style="margin-right: 2px;"></i>
                                Crear Presupuesto </button>
                            <button type="button" class="btn btn-info" id="botonBorrador" onclick="guardarBorrador()"><i
                                    class="fas fa-pencil-ruler" style="margin-right: 2px;"></i>
                                Guardar Borrador </button>
                        @endif
                    </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
@stop

@section('footer')
    <div class="float-right d-none d-sm-inline">
        Intranet
    </div>
    <strong>Copyright © 2021 <a href="http://guinezingenieria.cl/">GuiñezIngeniería.cl</a>.</strong>
@stop

@section('css')
    <link rel="stylesheet" href="{{ asset('css/estilo-generico.css') }}">

    <style>
        .tabla-concepto {
            width: 290px;
        }

        .color-plomo {
            background-color: #c7c7c7c9;
        }

        .color-borrador {
            background-color: #ffffff
        }
    </style>
@stop

@section('js')
    <script src="{{ asset('js/funcionalidades-genericas.js') }}"></script>
    <script>
        $('#campoCentroDeCostoPresupuesto').selectpicker({
            dropupAuto: false,
        });
        $('#campoAno').selectpicker({
            dropupAuto: false,
        });

        function mostrarAnoSeleccionado() {
            var selectAno = document.getElementById("campoAno");
            var anoSeleccionado = selectAno.options[selectAno.selectedIndex].text;
            document.getElementById("anoSeleccionadoUno").textContent = anoSeleccionado;
            document.getElementById("anoSeleccionadoDos").textContent = anoSeleccionado;
        }
    </script>
    <script>
        function formatoNumero(numero) {
            if (!numero || numero === 0) {
                return '';
            }
            return new Intl.NumberFormat('es-CL').format(numero ?? 0);
        }

        function convertirANumero(valorFormateado) {
            return valorFormateado.trim() === '' ? 0 : Number(valorFormateado.replace(/[^\d.-]/g, '').replace(/\./g, '')
                .replace(',', '.'));
        }

        function validarNumeroTd(td) {
            var valor = td.textContent.trim() === '' ? 0 : convertirANumero(td.textContent);
            td.textContent = formatoNumero(valor);
            var mesIngresoMatch = td.id.match(
                /(Enero|Febrero|Marzo|Abril|Mayo|Junio|Julio|Agosto|Septiembre|Octubre|Noviembre|Diciembre)$/);
            if (mesIngresoMatch) {
                var mesIngreso = mesIngresoMatch[0];
                calcularTotalIngreso(mesIngreso);
            }
        }

        function calcularTotalIngreso(mes) {
            var campoIngresoTd = document.getElementById(`campoIngreso${mes}`);
            var campoGastoReembolsableTd = document.getElementById(`campoGastoReembolsable${mes}`);
            var campoOtrosIngresosTd = document.getElementById(`campoOtrosIngresos${mes}`);

            var ingresoEdp = campoIngresoTd ? convertirANumero(campoIngresoTd.textContent) : 0;
            var gastoReembolsable = campoGastoReembolsableTd ? convertirANumero(campoGastoReembolsableTd.textContent) : 0;
            var otrosIngresos = campoOtrosIngresosTd ? convertirANumero(campoOtrosIngresosTd.textContent) : 0;

            var totalIngresos = ingresoEdp + gastoReembolsable;
            document.getElementById(`campoTotalIngresos${mes}`).textContent = formatoNumero(totalIngresos);
        }


        function validarNumeroTdDos(td) {
            var valor = td.textContent.trim() === '' ? 0 : convertirANumero(td.textContent);
            td.textContent = formatoNumero(valor);

            var mesPresupuestoMatch = td.id.match(
                /(Enero|Febrero|Marzo|Abril|Mayo|Junio|Julio|Agosto|Septiembre|Octubre|Noviembre|Diciembre)$/);
            if (mesPresupuestoMatch) {
                var mesPresupuesto = mesPresupuestoMatch[0];
                calcularTotalPresupuesto(mesPresupuesto);
            }
        }

        function calcularTotalPresupuesto(mes) {
            var campoRemuneracionTd = document.getElementById(`campoRemuneracion${mes}`);
            var campoAlimentancionTd = document.getElementById(`campoAlimentancion${mes}`);
            var campoAlojamientoTd = document.getElementById(`campoAlojamiento${mes}`);
            var campoArriendoEquiposTd = document.getElementById(`campoArriendoEquipos${mes}`);
            var campoArriendoInmuebleTd = document.getElementById(`campoArriendoInmueble${mes}`);
            var campoArriendoVehiculosTd = document.getElementById(`campoArriendoVehiculos${mes}`);
            var campoArticulosOficinasTd = document.getElementById(`campoArticulosOficinas${mes}`);
            var campoCapacitacionTd = document.getElementById(`campoCapacitacion${mes}`);
            var campoCombustibleTd = document.getElementById(`campoCombustible${mes}`);
            var campoComsumoBasicosTd = document.getElementById(`campoComsumoBasicos${mes}`);
            var campoCorrespondenciaTd = document.getElementById(`campoCorrespondencia${mes}`);
            var campoEppTd = document.getElementById(`campoEpp${mes}`);
            var campoEquiposHerramientasTd = document.getElementById(`campoEquiposHerramientas${mes}`);
            var campoExamenesPreOcupacionalesTd = document.getElementById(`campoExamenesPreOcupacionales${mes}`);
            var campoFletesTd = document.getElementById(`campoFletes${mes}`);
            var campoGastoEventoEmpresaTd = document.getElementById(`campoGastoEventoEmpresa${mes}`);
            var campoGastoReembolsablesTd = document.getElementById(`campoGastoReembolsables${mes}`);
            var campoGastoVariosMenoresTd = document.getElementById(`campoGastoVariosMenores${mes}`);
            var campoHonorariosProfesionalesTd = document.getElementById(`campoHonorariosProfesionales${mes}`);
            var campoInsumosComputacionalesTd = document.getElementById(`campoInsumosComputacionales${mes}`);
            var campoMantencionReparacionEquiposTd = document.getElementById(`campoMantencionReparacionEquipos${mes}`);
            var campoMantencionReparacionVehiculosTd = document.getElementById(`campoMantencionReparacionVehiculos${mes}`);
            var campoMantencionVariasTd = document.getElementById(`campoMantencionVarias${mes}`);
            var campoMantencionReparacionFaenaTd = document.getElementById(`campoMantencionReparacionFaena${mes}`);
            var campoMaterialesUtilizadosFaenaTd = document.getElementById(`campoMaterialesUtilizadosFaena${mes}`);
            var campoPasajeAereoPersonalTd = document.getElementById(`campoPasajeAereoPersonal${mes}`);
            var campoPeajesTagTd = document.getElementById(`campoPeajesTag${mes}`);
            var campoRedFijaInternetTd = document.getElementById(`campoRedFijaInternet${mes}`);
            var campoRedMovilTd = document.getElementById(`campoRedMovil${mes}`);
            var campoSegurosActivosTd = document.getElementById(`campoSegurosActivos${mes}`);
            var campoSegurosApTd = document.getElementById(`campoSegurosAp${mes}`);
            var campoSeguroAsientoPasajeroTd = document.getElementById(`campoSeguroAsientoPasajero${mes}`);
            var campoSeguroVidaTd = document.getElementById(`campoSeguroVida${mes}`);
            var campoSegurosRespCivilEmpresaTd = document.getElementById(`campoSegurosRespCivilEmpresa${mes}`);
            var campoSegurosRespCivilVehiculosTd = document.getElementById(`campoSegurosRespCivilVehiculos${mes}`);
            var campoServiciosTercerosTd = document.getElementById(`campoServiciosTerceros${mes}`);
            var campoServicioRadioPortatilesTd = document.getElementById(`campoServicioRadioPortatiles${mes}`);
            var campoTrasladoPersonalTd = document.getElementById(`campoTrasladoPersonal${mes}`);

            var remuneracionTd = campoRemuneracionTd ? convertirANumero(campoRemuneracionTd.textContent) : 0;
            var alimentancionTd = campoAlimentancionTd ? convertirANumero(campoAlimentancionTd.textContent) : 0;
            var alojamientoTd = campoAlojamientoTd ? convertirANumero(campoAlojamientoTd.textContent) : 0;
            var arriendoEquiposTd = campoArriendoEquiposTd ? convertirANumero(campoArriendoEquiposTd.textContent) : 0;
            var arriendoInmuebleTd = campoArriendoInmuebleTd ? convertirANumero(campoArriendoInmuebleTd.textContent) : 0;
            var arriendoVehiculosTd = campoArriendoVehiculosTd ? convertirANumero(campoArriendoVehiculosTd.textContent) : 0;
            var articulosOficinasTd = campoArticulosOficinasTd ? convertirANumero(campoArticulosOficinasTd.textContent) : 0;
            var capacitacionTd = campoCapacitacionTd ? convertirANumero(campoCapacitacionTd.textContent) : 0;
            var combustibleTd = campoCombustibleTd ? convertirANumero(campoCombustibleTd.textContent) : 0;
            var comsumoBasicosTd = campoComsumoBasicosTd ? convertirANumero(campoComsumoBasicosTd.textContent) : 0;
            var correspondenciaTd = campoCorrespondenciaTd ? convertirANumero(campoCorrespondenciaTd.textContent) : 0;
            var eppTd = campoEppTd ? convertirANumero(campoEppTd.textContent) : 0;
            var equiposHerramientasTd = campoEquiposHerramientasTd ? convertirANumero(campoEquiposHerramientasTd
                .textContent) : 0;
            var examenesPreOcupacionalesTd = campoExamenesPreOcupacionalesTd ? convertirANumero(
                campoExamenesPreOcupacionalesTd.textContent) : 0;
            var fletesTd = campoFletesTd ? convertirANumero(campoFletesTd.textContent) : 0;
            var gastoEventoEmpresaTd = campoGastoEventoEmpresaTd ? convertirANumero(campoGastoEventoEmpresaTd.textContent) :
                0;
            var gastoReembolsablesTd = campoGastoReembolsablesTd ? convertirANumero(campoGastoReembolsablesTd.textContent) :
                0;
            var gastoVariosMenoresTd = campoGastoVariosMenoresTd ? convertirANumero(campoGastoVariosMenoresTd.textContent) :
                0;
            var honorariosProfesionalesTd = campoHonorariosProfesionalesTd ? convertirANumero(campoHonorariosProfesionalesTd
                .textContent) : 0;
            var insumosComputacionalesTd = campoInsumosComputacionalesTd ? convertirANumero(campoInsumosComputacionalesTd
                .textContent) : 0;
            var mantencionReparacionEquiposTd = campoMantencionReparacionEquiposTd ? convertirANumero(
                campoMantencionReparacionEquiposTd.textContent) : 0;
            var mantencionReparacionVehiculosTd = campoMantencionReparacionVehiculosTd ? convertirANumero(
                campoMantencionReparacionVehiculosTd.textContent) : 0;
            var mantencionVariasTd = campoMantencionVariasTd ? convertirANumero(campoMantencionVariasTd.textContent) : 0;
            var mantencionReparacionFaenaTd = campoMantencionReparacionFaenaTd ? convertirANumero(
                campoMantencionReparacionFaenaTd.textContent) : 0;
            var materialesUtilizadosFaenaTd = campoMaterialesUtilizadosFaenaTd ? convertirANumero(
                campoMaterialesUtilizadosFaenaTd.textContent) : 0;
            var pasajeAereoPersonalTd = campoPasajeAereoPersonalTd ? convertirANumero(campoPasajeAereoPersonalTd
                .textContent) : 0;
            var peajesTagTd = campoPeajesTagTd ? convertirANumero(campoPeajesTagTd.textContent) : 0;
            var redFijaInternetTd = campoRedFijaInternetTd ? convertirANumero(campoRedFijaInternetTd.textContent) : 0;
            var redMovilTd = campoRedMovilTd ? convertirANumero(campoRedMovilTd.textContent) : 0;
            var segurosActivosTd = campoSegurosActivosTd ? convertirANumero(campoSegurosActivosTd.textContent) : 0;
            var segurosApTd = campoSegurosApTd ? convertirANumero(campoSegurosApTd.textContent) : 0;
            var seguroAsientoPasajeroTd = campoSeguroAsientoPasajeroTd ? convertirANumero(campoSeguroAsientoPasajeroTd
                .textContent) : 0;
            var seguroVidaTd = campoSeguroVidaTd ? convertirANumero(campoSeguroVidaTd.textContent) : 0;
            var segurosRespCivilEmpresaTd = campoSegurosRespCivilEmpresaTd ? convertirANumero(campoSegurosRespCivilEmpresaTd
                .textContent) : 0;
            var segurosRespCivilVehiculosTd = campoSegurosRespCivilVehiculosTd ? convertirANumero(
                campoSegurosRespCivilVehiculosTd.textContent) : 0;
            var serviciosTercerosTd = campoServiciosTercerosTd ? convertirANumero(campoServiciosTercerosTd.textContent) : 0;
            var servicioRadioPortatilesTd = campoServicioRadioPortatilesTd ? convertirANumero(campoServicioRadioPortatilesTd
                .textContent) : 0;
            var trasladoPersonalTd = campoTrasladoPersonalTd ? convertirANumero(campoTrasladoPersonalTd.textContent) : 0;

            totalPresupuesto = remuneracionTd + alimentancionTd + alojamientoTd + arriendoEquiposTd + arriendoInmuebleTd +
                arriendoVehiculosTd + articulosOficinasTd + capacitacionTd + combustibleTd + comsumoBasicosTd +
                correspondenciaTd + eppTd + equiposHerramientasTd + examenesPreOcupacionalesTd + fletesTd +
                gastoEventoEmpresaTd + gastoReembolsablesTd + gastoVariosMenoresTd + honorariosProfesionalesTd +
                insumosComputacionalesTd + mantencionReparacionEquiposTd + mantencionReparacionVehiculosTd +
                mantencionVariasTd + mantencionReparacionFaenaTd + materialesUtilizadosFaenaTd + pasajeAereoPersonalTd +
                peajesTagTd + redFijaInternetTd + redMovilTd + segurosActivosTd + segurosApTd + seguroAsientoPasajeroTd +
                seguroVidaTd + segurosRespCivilEmpresaTd + segurosRespCivilVehiculosTd + serviciosTercerosTd +
                servicioRadioPortatilesTd + trasladoPersonalTd;

            document.getElementById(`campoTotalPresupuesto${mes}`).textContent = formatoNumero(totalPresupuesto);
        }
    </script>
    <script>
        $(document).ready(function() {
            $('#btnLimpiarInformacion').click(function() {
                $('#campoCentroDeCostoPresupuesto').val('').trigger('change');
                $('#campoAno').val('').trigger('change');

                const meses = [
                    'Enero', 'Febrero', 'Marzo', 'Abril', 'Mayo', 'Junio',
                    'Julio', 'Agosto', 'Septiembre', 'Octubre', 'Noviembre', 'Diciembre'
                ];

                meses.forEach(nombreMes => {
                    $(`#campoIngreso${nombreMes}`).empty().prop('contenteditable', true)
                        .removeClass('color-plomo color-borrador');
                    $(`#campoGastoReembolsable${nombreMes}`).empty().prop('contenteditable', true)
                        .removeClass('color-plomo color-borrador');
                    $(`#campoOtrosIngresos${nombreMes}`).empty().prop('contenteditable', true)
                        .removeClass(
                            'color-plomo');
                    $(`#campoTotalIngresos${nombreMes}`).empty().prop('contenteditable', false)
                        .removeClass(
                            'color-plomo');
                    $(`#campoObservacion${nombreMes}`).empty().prop('contenteditable', true)
                        .removeClass(
                            'color-plomo');

                    $(`#campoRemuneracion${nombreMes}`).empty().prop('contenteditable', true)
                        .removeClass(
                            'color-plomo');
                    $(`#campoAlimentancion${nombreMes}`).empty().prop('contenteditable', true)
                        .removeClass(
                            'color-plomo');
                    $(`#campoAlojamiento${nombreMes}`).empty().prop('contenteditable',
                            true)
                        .removeClass('color-plomo color-borrador');
                    $(`#campoArriendoEquipos${nombreMes}`).empty().prop('contenteditable', true)
                        .removeClass('color-plomo color-borrador');
                    $(`#campoArriendoInmueble${nombreMes}`).empty().prop('contenteditable',
                            true)
                        .removeClass('color-plomo color-borrador');
                    $(`#campoArriendoVehiculos${nombreMes}`).empty().prop('contenteditable', true)
                        .removeClass(
                            'color-plomo');
                    $(`#campoArticulosOficinas${nombreMes}`).empty().prop('contenteditable', true)
                        .removeClass(
                            'color-plomo');
                    $(`#campoCapacitacion${nombreMes}`).empty().prop(
                        'contenteditable',
                        true).removeClass('color-plomo color-borrador');
                    $(`#campoCombustible${nombreMes}`).empty().prop('contenteditable', true)
                        .removeClass(
                            'color-plomo');
                    $(`#campoComsumoBasicos${nombreMes}`).empty().prop('contenteditable', true)
                        .removeClass('color-plomo color-borrador');
                    $(`#campoCorrespondencia${nombreMes}`).empty().prop('contenteditable',
                            true)
                        .removeClass('color-plomo color-borrador');
                    $(`#campoEpp${nombreMes}`).empty().prop('contenteditable', true).removeClass(
                        'color-plomo');
                    $(`#campoEquiposHerramientas${nombreMes}`).empty().prop('contenteditable', true)
                        .removeClass('color-plomo color-borrador');
                    $(`#campoExamenesPreOcupacionales${nombreMes}`).empty().prop('contenteditable',
                            true)
                        .removeClass('color-plomo color-borrador');
                    $(`#campoFletes${nombreMes}`).empty().prop('contenteditable', true)
                        .removeClass('color-plomo color-borrador');
                    $(`#campoGastoEventoEmpresa${nombreMes}`).empty().prop('contenteditable', true)
                        .removeClass('color-plomo color-borrador');
                    $(`#campoGastoReembolsables${nombreMes}`).empty().prop('contenteditable', true)
                        .removeClass('color-plomo color-borrador');
                    $(`#campoGastoVariosMenores${nombreMes}`).empty().prop('contenteditable', true)
                        .removeClass('color-plomo color-borrador');
                    $(`#campoHonorariosProfesionales${nombreMes}`).empty().prop('contenteditable',
                            true)
                        .removeClass('color-plomo color-borrador');
                    $(`#campoInsumosComputacionales${nombreMes}`).empty().prop('contenteditable',
                            true)
                        .removeClass('color-plomo color-borrador');
                    $(`#campoMantencionReparacionEquipos${nombreMes}`).empty().prop(
                            'contenteditable', true)
                        .removeClass('color-plomo color-borrador');
                    $(`#campoMantencionReparacionVehiculos${nombreMes}`).empty().prop(
                            'contenteditable', true)
                        .removeClass('color-plomo color-borrador');
                    $(`#campoMantencionVarias${nombreMes}`).empty().prop('contenteditable', true)
                        .removeClass('color-plomo color-borrador');
                    $(`#campoMantencionReparacionFaena${nombreMes}`).empty().prop('contenteditable',
                            true)
                        .removeClass('color-plomo color-borrador');
                    $(`#campoMaterialesUtilizadosFaena${nombreMes}`).empty().prop('contenteditable',
                            true)
                        .removeClass('color-plomo color-borrador');
                    $(`#campoPasajeAereoPersonal${nombreMes}`).empty().prop('contenteditable', true)
                        .removeClass('color-plomo color-borrador');
                    $(`#campoPeajesTag${nombreMes}`).empty().prop('contenteditable', true)
                        .removeClass('color-plomo color-borrador');
                    $(`#campoRedFijaInternet${nombreMes}`).empty().prop('contenteditable', true)
                        .removeClass('color-plomo color-borrador');
                    $(`#campoRedMovil${nombreMes}`).empty().prop('contenteditable', true)
                        .removeClass('color-plomo color-borrador');
                    $(`#campoSegurosActivos${nombreMes}`).empty().prop('contenteditable', true)
                        .removeClass('color-plomo color-borrador');
                    $(`#campoSegurosAp${nombreMes}`).empty().prop('contenteditable', true)
                        .removeClass('color-plomo color-borrador');
                    $(`#campoSeguroAsientoPasajero${nombreMes}`).empty().prop('contenteditable',
                            true)
                        .removeClass('color-plomo color-borrador');
                    $(`#campoSeguroVida${nombreMes}`).empty().prop('contenteditable', true)
                        .removeClass('color-plomo color-borrador');
                    $(`#campoSegurosRespCivilEmpresa${nombreMes}`).empty().prop('contenteditable',
                            true)
                        .removeClass('color-plomo color-borrador');
                    $(`#campoSegurosRespCivilVehiculos${nombreMes}`).empty().prop('contenteditable',
                            true)
                        .removeClass('color-plomo color-borrador');
                    $(`#campoServiciosTerceros${nombreMes}`).empty().prop('contenteditable',
                            true)
                        .removeClass('color-plomo color-borrador');
                    $(`#campoServicioRadioPortatiles${nombreMes}`).empty().prop('contenteditable',
                            true)
                        .removeClass('color-plomo color-borrador');
                    $(`#campoTrasladoPersonal${nombreMes}`).empty().prop('contenteditable',
                            true)
                        .removeClass('color-plomo color-borrador');
                    $(`#campoTotalPresupuesto${nombreMes}`).empty().prop('contenteditable', false)
                        .removeClass('color-plomo color-borrador');
                });
            });
        });

        $(document).ready(function() {
            $('#btnHabilitarEdicion').click(function() {
                const meses = [
                    'Enero', 'Febrero', 'Marzo', 'Abril', 'Mayo', 'Junio',
                    'Julio', 'Agosto', 'Septiembre', 'Octubre', 'Noviembre', 'Diciembre'
                ];

                var selectElement = document.getElementById('campoCentroDeCostoPresupuesto');
                var textoSeleccionado = selectElement.options[selectElement.selectedIndex].text;
                var centroCosto = selectElement.value;

                const centrosCostoBloqueadosTexto = [
                    '3301', '4102', '4106', '4201', '4202', '4203', '4204', '4205',
                    '4206', '4207', '4208', '4209', '5201', '5202', '5203', '5204',
                    '5220', '5301', '5501', '6101', '7001', '7002', '7003', '7004', '7005'
                ];

                if (centrosCostoBloqueadosTexto.includes(textoSeleccionado)) {
                    meses.forEach(nombreMes => {
                        $(`#campoIngreso${nombreMes}, #campoGastoReembolsable${nombreMes}, #campoOtrosIngresos${nombreMes}, #campoTotalIngresos${nombreMes}, #campoObservacion${nombreMes}`)
                            .prop('contenteditable', false)
                            .addClass('color-plomo');
                        $(`#campoRemuneracion${nombreMes}`).prop('contenteditable', true)
                            .removeClass('color-plomo');
                        $(`#campoAlimentancion${nombreMes}`).prop('contenteditable', true)
                            .removeClass('color-plomo');
                        $(`#campoAlojamiento${nombreMes}`).prop('contenteditable', true)
                            .removeClass('color-plomo');
                        $(`#campoArriendoEquipos${nombreMes}`).prop('contenteditable', true)
                            .removeClass('color-plomo');
                        $(`#campoArriendoInmueble${nombreMes}`).prop('contenteditable', true)
                            .removeClass('color-plomo');
                        $(`#campoArriendoVehiculos${nombreMes}`).prop('contenteditable', true)
                            .removeClass('color-plomo');
                        $(`#campoArticulosOficinas${nombreMes}`).prop('contenteditable', true)
                            .removeClass('color-plomo');
                        $(`#campoCapacitacion${nombreMes}`).prop('contenteditable', true)
                            .removeClass('color-plomo');
                        $(`#campoCombustible${nombreMes}`).prop('contenteditable', true)
                            .removeClass('color-plomo');
                        $(`#campoComsumoBasicos${nombreMes}`).prop('contenteditable', true)
                            .removeClass('color-plomo');
                        $(`#campoCorrespondencia${nombreMes}`).prop('contenteditable', true)
                            .removeClass('color-plomo');
                        $(`#campoEpp${nombreMes}`).prop('contenteditable', true).removeClass(
                            'color-plomo');
                        $(`#campoEquiposHerramientas${nombreMes}`).prop('contenteditable', true)
                            .removeClass('color-plomo');
                        $(`#campoExamenesPreOcupacionales${nombreMes}`).prop('contenteditable',
                            true).removeClass('color-plomo');
                        $(`#campoFletes${nombreMes}`).prop('contenteditable', true).removeClass(
                            'color-plomo');
                        $(`#campoGastoEventoEmpresa${nombreMes}`).prop('contenteditable', true)
                            .removeClass('color-plomo');
                        $(`#campoGastoReembolsables${nombreMes}`).prop('contenteditable', true)
                            .removeClass('color-plomo');
                        $(`#campoGastoVariosMenores${nombreMes}`).prop('contenteditable', true)
                            .removeClass('color-plomo');
                        $(`#campoHonorariosProfesionales${nombreMes}`).prop('contenteditable', true)
                            .removeClass('color-plomo');
                        $(`#campoInsumosComputacionales${nombreMes}`).prop('contenteditable', true)
                            .removeClass('color-plomo');
                        $(`#campoMantencionReparacionEquipos${nombreMes}`).prop('contenteditable',
                            true).removeClass('color-plomo');
                        $(`#campoMantencionReparacionVehiculos${nombreMes}`).prop('contenteditable',
                            true).removeClass('color-plomo');
                        $(`#campoMantencionVarias${nombreMes}`).prop('contenteditable', true)
                            .removeClass('color-plomo');
                        $(`#campoMantencionReparacionFaena${nombreMes}`).prop('contenteditable',
                            true).removeClass('color-plomo');
                        $(`#campoMaterialesUtilizadosFaena${nombreMes}`).prop('contenteditable',
                            true).removeClass('color-plomo');
                        $(`#campoPasajeAereoPersonal${nombreMes}`).prop('contenteditable', true)
                            .removeClass('color-plomo');
                        $(`#campoPeajesTag${nombreMes}`).prop('contenteditable', true).removeClass(
                            'color-plomo');
                        $(`#campoRedFijaInternet${nombreMes}`).prop('contenteditable', true)
                            .removeClass('color-plomo');
                        $(`#campoRedMovil${nombreMes}`).prop('contenteditable', true).removeClass(
                            'color-plomo');
                        $(`#campoSegurosActivos${nombreMes}`).prop('contenteditable', true)
                            .removeClass('color-plomo');
                        $(`#campoSegurosAp${nombreMes}`).prop('contenteditable', true).removeClass(
                            'color-plomo');
                        $(`#campoSeguroAsientoPasajero${nombreMes}`).prop('contenteditable', true)
                            .removeClass('color-plomo');
                        $(`#campoSeguroVida${nombreMes}`).prop('contenteditable', true).removeClass(
                            'color-plomo');
                        $(`#campoSegurosRespCivilEmpresa${nombreMes}`).prop('contenteditable', true)
                            .removeClass('color-plomo');
                        $(`#campoSegurosRespCivilVehiculos${nombreMes}`).prop('contenteditable',
                            true).removeClass('color-plomo');
                        $(`#campoServiciosTerceros${nombreMes}`).prop('contenteditable', true)
                            .removeClass('color-plomo');
                        $(`#campoServicioRadioPortatiles${nombreMes}`).prop('contenteditable', true)
                            .removeClass('color-plomo');
                        $(`#campoTrasladoPersonal${nombreMes}`).prop('contenteditable', true)
                            .removeClass('color-plomo');
                        $(`#campoTotalPresupuesto${nombreMes}`).prop('contenteditable', false)
                            .removeClass('color-plomo');
                    });
                } else {
                    meses.forEach(nombreMes => {
                        $(`#campoIngreso${nombreMes}`).prop('contenteditable', true).removeClass(
                            'color-plomo');
                        $(`#campoGastoReembolsable${nombreMes}`).prop('contenteditable', true)
                            .removeClass('color-plomo');
                        $(`#campoOtrosIngresos${nombreMes}`).prop('contenteditable', true)
                            .removeClass('color-plomo');
                        $(`#campoTotalIngresos${nombreMes}`).prop('contenteditable', false)
                            .removeClass('color-plomo');
                        $(`#campoObservacion${nombreMes}`).prop('contenteditable', true)
                            .removeClass('color-plomo');
                        $(`#campoRemuneracion${nombreMes}`).prop('contenteditable', true)
                            .removeClass('color-plomo');
                        $(`#campoAlimentancion${nombreMes}`).prop('contenteditable', true)
                            .removeClass('color-plomo');
                        $(`#campoAlojamiento${nombreMes}`).prop('contenteditable', true)
                            .removeClass('color-plomo');
                        $(`#campoArriendoEquipos${nombreMes}`).prop('contenteditable', true)
                            .removeClass('color-plomo');
                        $(`#campoArriendoInmueble${nombreMes}`).prop('contenteditable', true)
                            .removeClass('color-plomo');
                        $(`#campoArriendoVehiculos${nombreMes}`).prop('contenteditable', true)
                            .removeClass('color-plomo');
                        $(`#campoArticulosOficinas${nombreMes}`).prop('contenteditable', true)
                            .removeClass('color-plomo');
                        $(`#campoCapacitacion${nombreMes}`).prop('contenteditable', true)
                            .removeClass('color-plomo');
                        $(`#campoCombustible${nombreMes}`).prop('contenteditable', true)
                            .removeClass('color-plomo');
                        $(`#campoComsumoBasicos${nombreMes}`).prop('contenteditable', true)
                            .removeClass('color-plomo');
                        $(`#campoCorrespondencia${nombreMes}`).prop('contenteditable', true)
                            .removeClass('color-plomo');
                        $(`#campoEpp${nombreMes}`).prop('contenteditable', true).removeClass(
                            'color-plomo');
                        $(`#campoEquiposHerramientas${nombreMes}`).prop('contenteditable', true)
                            .removeClass('color-plomo');
                        $(`#campoExamenesPreOcupacionales${nombreMes}`).prop('contenteditable',
                            true).removeClass('color-plomo');
                        $(`#campoFletes${nombreMes}`).prop('contenteditable', true).removeClass(
                            'color-plomo');
                        $(`#campoGastoEventoEmpresa${nombreMes}`).prop('contenteditable', true)
                            .removeClass('color-plomo');
                        $(`#campoGastoReembolsables${nombreMes}`).prop('contenteditable', true)
                            .removeClass('color-plomo');
                        $(`#campoGastoVariosMenores${nombreMes}`).prop('contenteditable', true)
                            .removeClass('color-plomo');
                        $(`#campoHonorariosProfesionales${nombreMes}`).prop('contenteditable', true)
                            .removeClass('color-plomo');
                        $(`#campoInsumosComputacionales${nombreMes}`).prop('contenteditable', true)
                            .removeClass('color-plomo');
                        $(`#campoMantencionReparacionEquipos${nombreMes}`).prop('contenteditable',
                            true).removeClass('color-plomo');
                        $(`#campoMantencionReparacionVehiculos${nombreMes}`).prop('contenteditable',
                            true).removeClass('color-plomo');
                        $(`#campoMantencionVarias${nombreMes}`).prop('contenteditable', true)
                            .removeClass('color-plomo');
                        $(`#campoMantencionReparacionFaena${nombreMes}`).prop('contenteditable',
                            true).removeClass('color-plomo');
                        $(`#campoMaterialesUtilizadosFaena${nombreMes}`).prop('contenteditable',
                            true).removeClass('color-plomo');
                        $(`#campoPasajeAereoPersonal${nombreMes}`).prop('contenteditable', true)
                            .removeClass('color-plomo');
                        $(`#campoPeajesTag${nombreMes}`).prop('contenteditable', true).removeClass(
                            'color-plomo');
                        $(`#campoRedFijaInternet${nombreMes}`).prop('contenteditable', true)
                            .removeClass('color-plomo');
                        $(`#campoRedMovil${nombreMes}`).prop('contenteditable', true).removeClass(
                            'color-plomo');
                        $(`#campoSegurosActivos${nombreMes}`).prop('contenteditable', true)
                            .removeClass('color-plomo');
                        $(`#campoSegurosAp${nombreMes}`).prop('contenteditable', true).removeClass(
                            'color-plomo');
                        $(`#campoSeguroAsientoPasajero${nombreMes}`).prop('contenteditable', true)
                            .removeClass('color-plomo');
                        $(`#campoSeguroVida${nombreMes}`).prop('contenteditable', true).removeClass(
                            'color-plomo');
                        $(`#campoSegurosRespCivilEmpresa${nombreMes}`).prop('contenteditable', true)
                            .removeClass('color-plomo');
                        $(`#campoSegurosRespCivilVehiculos${nombreMes}`).prop('contenteditable',
                            true).removeClass('color-plomo');
                        $(`#campoServiciosTerceros${nombreMes}`).prop('contenteditable', true)
                            .removeClass('color-plomo');
                        $(`#campoServicioRadioPortatiles${nombreMes}`).prop('contenteditable', true)
                            .removeClass('color-plomo');
                        $(`#campoTrasladoPersonal${nombreMes}`).prop('contenteditable', true)
                            .removeClass('color-plomo');
                        $(`#campoTotalPresupuesto${nombreMes}`).prop('contenteditable', false)
                            .removeClass('color-plomo');
                    });
                }
            });
        });

        cambiosRealizados = false;

        function actualizarTabla() {
            mostrarAnoSeleccionado();
            cambiosRealizados = false;
            var selectElement = document.getElementById('campoCentroDeCostoPresupuesto');
            var textoSeleccionado = selectElement.options[selectElement.selectedIndex].text;
            var centroCosto = selectElement.value;
            var ano = $('#campoAno').val();

            $.ajax({
                url: '{{ route('presupuesto.obtenerRegistrosAdc') }}',
                method: 'GET',
                data: {
                    id_centro_costo: centroCosto,
                    ano: ano
                },
                success: function(response) {
                    console.log(response);

                    const meses = [
                        'Enero', 'Febrero', 'Marzo', 'Abril', 'Mayo', 'Junio',
                        'Julio', 'Agosto', 'Septiembre', 'Octubre', 'Noviembre', 'Diciembre'
                    ];

                    const centrosCostoBloqueadosTexto = [
                        '3301', '4102', '4106', '4201', '4202', '4203', '4204', '4205',
                        '4206', '4207', '4208', '4209', '5201', '5202', '5203', '5204',
                        '5220', '5301', '5501', '6101', '7001', '7002', '7003', '7004', '7005'
                    ];

                    meses.forEach(nombreMes => {
                        const datosMes = response[nombreMes] || {};
                        const estado = datosMes.estado;
                        const tieneDatos = Object.values(datosMes).some(valor => valor !== null &&
                            valor !== undefined && valor !== '');


                        var campos = $(`#campoIngreso${nombreMes}, #campoGastoReembolsable${nombreMes}, #campoOtrosIngresos${nombreMes},
                            #campoTotalIngresos${nombreMes}, #campoObservacion${nombreMes},
                            #campoRemuneracion${nombreMes}, #campoAlimentancion${nombreMes}, #campoAlojamiento${nombreMes},
                            #campoArriendoEquipos${nombreMes}, #campoArriendoInmueble${nombreMes}, #campoArriendoVehiculos${nombreMes},
                            #campoArticulosOficinas${nombreMes}, #campoCapacitacion${nombreMes}, #campoCombustible${nombreMes},
                            #campoComsumoBasicos${nombreMes}, #campoCorrespondencia${nombreMes}, #campoEpp${nombreMes},
                            #campoEquiposHerramientas${nombreMes}, #campoExamenesPreOcupacionales${nombreMes}, #campoFletes${nombreMes},
                            #campoGastoEventoEmpresa${nombreMes}, #campoGastoReembolsables${nombreMes}, #campoGastoVariosMenores${nombreMes},
                            #campoHonorariosProfesionales${nombreMes}, #campoInsumosComputacionales${nombreMes},
                            #campoMantencionReparacionEquipos${nombreMes}, #campoMantencionReparacionVehiculos${nombreMes},
                            #campoMantencionVarias${nombreMes}, #campoMantencionReparacionFaena${nombreMes},
                            #campoMaterialesUtilizadosFaena${nombreMes}, #campoPasajeAereoPersonal${nombreMes}, #campoPeajesTag${nombreMes},
                            #campoRedFijaInternet${nombreMes}, #campoRedMovil${nombreMes}, #campoSegurosActivos${nombreMes},
                            #campoSegurosAp${nombreMes}, #campoSeguroAsientoPasajero${nombreMes}, #campoSeguroVida${nombreMes},
                            #campoSegurosRespCivilEmpresa${nombreMes}, #campoSegurosRespCivilVehiculos${nombreMes},
                            #campoServiciosTerceros${nombreMes}, #campoServicioRadioPortatiles${nombreMes}, #campoTrasladoPersonal${nombreMes},
                            #campoTotalPresupuesto${nombreMes}`).removeClass('color-plomo color-borrador').prop(
                            'contenteditable', true).text('');

                        if (tieneDatos) {
                            if (estado === 'BORRADOR') {
                                if (centrosCostoBloqueadosTexto.includes(textoSeleccionado)) {
                                    $(`#campoIngreso${nombreMes}, #campoGastoReembolsable${nombreMes}, #campoOtrosIngresos${nombreMes}, #campoTotalIngresos${nombreMes}, #campoObservacion${nombreMes}`)
                                        .prop('contenteditable', false)
                                        .addClass('color-plomo');


                                    $(`#campoRemuneracion${nombreMes}`).text(formatoNumero(datosMes
                                        .remuneracion)).prop('contenteditable', true).addClass(
                                        'color-borrador');

                                    $(`#campoAlimentancion${nombreMes}`).text(formatoNumero(datosMes
                                            .alimentacion_costos)).prop('contenteditable', true)
                                        .addClass(
                                            'color-borrador');
                                    $(`#campoAlojamiento${nombreMes}`).text(
                                        formatoNumero(datosMes
                                            .alojamiento_costos)).prop('contenteditable',
                                        true).addClass(
                                        'color-borrador');
                                    $(`#campoArriendoEquipos${nombreMes}`).text(formatoNumero(
                                            datosMes
                                            .arriendo_equipos_costos)).prop('contenteditable', true)
                                        .addClass(
                                            'color-borrador');
                                    $(`#campoArriendoInmueble${nombreMes}`).text(
                                            formatoNumero(datosMes
                                                .arriendo_inmuebles_costos)).prop(
                                            'contenteditable', true)
                                        .addClass('color-borrador');
                                    $(`#campoArriendoVehiculos${nombreMes}`).text(formatoNumero(datosMes
                                            .arriendo_vehiculos_costos)).prop('contenteditable', true)
                                        .addClass(
                                            'color-borrador');
                                    $(`#campoArticulosOficinas${nombreMes}`).text(formatoNumero(datosMes
                                            .articulos_oficina_costos))
                                        .prop('contenteditable', true).addClass('color-borrador');
                                    $(`#campoCapacitacion${nombreMes}`).text(
                                            formatoNumero(
                                                datosMes.capacitacion_costos))
                                        .prop(
                                            'contenteditable', true).addClass('color-borrador');
                                    $(`#campoCombustible${nombreMes}`).text(formatoNumero(datosMes
                                            .combustible_costos))
                                        .prop(
                                            'contenteditable', true).addClass('color-borrador');
                                    $(`#campoComsumoBasicos${nombreMes}`).text(formatoNumero(
                                            datosMes
                                            .consumos_basicos_costos)).prop('contenteditable', true)
                                        .addClass(
                                            'color-borrador');
                                    $(`#campoCorrespondencia${nombreMes}`).text(
                                            formatoNumero(datosMes
                                                .correspondencia_costos)).prop(
                                            'contenteditable', true)
                                        .addClass('color-borrador');
                                    $(`#campoEpp${nombreMes}`).text(formatoNumero(datosMes
                                        .epp_costos)).prop(
                                        'contenteditable', true).addClass('color-borrador');
                                    $(`#campoEquiposHerramientas${nombreMes}`).text(formatoNumero(
                                            datosMes
                                            .equipo_herramientas_costos || '')).prop('contenteditable',
                                            true)
                                        .addClass('color-borrador');
                                    $(`#campoExamenesPreOcupacionales${nombreMes}`).text(formatoNumero(
                                        datosMes.examenes_preocupacionales_costos || '')).prop(
                                        'contenteditable',
                                        true).addClass('color-borrador');
                                    $(`#campoFletes${nombreMes}`).text(formatoNumero(datosMes
                                            .flete_costos || '')).prop('contenteditable', true)
                                        .addClass('color-borrador');
                                    $(`#campoGastoEventoEmpresa${nombreMes}`).text(formatoNumero(
                                            datosMes
                                            .gasto_evento_empresa_costos || '')).prop('contenteditable',
                                            true)
                                        .addClass('color-borrador');
                                    $(`#campoGastoReembolsables${nombreMes}`).text(formatoNumero(
                                            datosMes
                                            .gasto_reembolsables_costos || '')).prop('contenteditable',
                                            true)
                                        .addClass('color-borrador');
                                    $(`#campoGastoVariosMenores${nombreMes}`).text(formatoNumero(
                                            datosMes
                                            .gastos_varios_menores_costos || '')).prop(
                                            'contenteditable',
                                            true)
                                        .addClass('color-borrador');
                                    $(`#campoHonorariosProfesionales${nombreMes}`).text(formatoNumero(
                                        datosMes.honorarios_profesionales_costos || '')).prop(
                                        'contenteditable',
                                        true).addClass('color-borrador');
                                    $(`#campoInsumosComputacionales${nombreMes}`).text(formatoNumero(
                                        datosMes.insumos_computacionales_costos || '')).prop(
                                        'contenteditable',
                                        true).addClass('color-borrador');
                                    $(`#campoMantencionReparacionEquipos${nombreMes}`).text(
                                        formatoNumero(
                                            datosMes.mantencion_y_reparacion_de_equipos_costos || ''
                                        )).prop(
                                        'contenteditable',
                                        true).addClass('color-borrador');
                                    $(`#campoMantencionReparacionVehiculos${nombreMes}`).text(
                                            formatoNumero(
                                                datosMes.mantencion_y_reparacion_de_vehiculos_costos ||
                                                ''))
                                        .prop('contenteditable',
                                            true).addClass('color-borrador');
                                    $(`#campoMantencionVarias${nombreMes}`).text(formatoNumero(datosMes
                                            .mantenciones_varias_inmuebles_costos || '')).prop(
                                            'contenteditable', true)
                                        .addClass('color-borrador');
                                    $(`#campoMantencionReparacionFaena${nombreMes}`).text(formatoNumero(
                                        datosMes.mantencion_y_reparacion_faena_costos || '')).prop(
                                        'contenteditable',
                                        true).addClass('color-borrador');
                                    $(`#campoMaterialesUtilizadosFaena${nombreMes}`).text(formatoNumero(
                                        datosMes.materiales_utilizados_en_faena_costos || '')).prop(
                                        'contenteditable',
                                        true).addClass('color-borrador');
                                    $(`#campoPasajeAereoPersonal${nombreMes}`).text(formatoNumero(
                                            datosMes
                                            .pasaje_aereo_personal_costos || '')).prop(
                                            'contenteditable',
                                            true)
                                        .addClass('color-borrador');
                                    $(`#campoPeajesTag${nombreMes}`).text(formatoNumero(datosMes
                                            .peajes_y_tag_costos || '')).prop('contenteditable', true)
                                        .addClass('color-borrador');
                                    $(`#campoRedMovil${nombreMes}`).text(formatoNumero(datosMes
                                            .red_fija_e_internet_costos || '')).prop('contenteditable',
                                            true)
                                        .addClass('color-borrador');
                                    $(`#campoRedFijaInternet${nombreMes}`).text(formatoNumero(datosMes
                                            .red_movil_costos || '')).prop('contenteditable', true)
                                        .addClass('color-borrador');
                                    $(`#campoSegurosActivos${nombreMes}`).text(formatoNumero(datosMes
                                            .seguro_activos_costos || '')).prop('contenteditable', true)
                                        .addClass('color-borrador');
                                    $(`#campoSegurosAp${nombreMes}`).text(formatoNumero(datosMes
                                            .seguro_ap_costos || '')).prop('contenteditable', true)
                                        .addClass('color-borrador');
                                    $(`#campoSeguroAsientoPasajero${nombreMes}`).text(formatoNumero(
                                            datosMes
                                            .seguro_asiento_pasajero_costos || '')).prop(
                                            'contenteditable',
                                            true)
                                        .addClass('color-borrador');
                                    $(`#campoSeguroVida${nombreMes}`).text(formatoNumero(datosMes
                                            .seguro_de_vida_costos || '')).prop('contenteditable', true)
                                        .addClass('color-borrador');
                                    $(`#campoSegurosRespCivilEmpresa${nombreMes}`).text(formatoNumero(
                                        datosMes.seguro_rc_empresa_costos || '')).prop(
                                        'contenteditable',
                                        true).addClass('color-borrador');
                                    $(`#campoSegurosRespCivilVehiculos${nombreMes}`).text(formatoNumero(
                                        datosMes.seguro_rc_vehiculos_costos || '')).prop(
                                        'contenteditable',
                                        true).addClass('color-borrador');
                                    $(`#campoServiciosTerceros${nombreMes}`).text(formatoNumero(datosMes
                                            .servicio_terceros_costos || '')).prop('contenteditable',
                                            true)
                                        .addClass('color-borrador');
                                    $(`#campoServicioRadioPortatiles${nombreMes}`).text(formatoNumero(
                                        datosMes.servicio_radio_portatiles_costos || '')).prop(
                                        'contenteditable',
                                        true).addClass('color-borrador');
                                    $(`#campoTrasladoPersonal${nombreMes}`).text(formatoNumero(datosMes
                                            .traslado_personal_costos || '')).prop('contenteditable',
                                            true)
                                        .addClass('color-borrador');
                                    $(`#campoTotalPresupuesto${nombreMes}`).text(formatoNumero(
                                            datosMes
                                            .total_presupuesto)).prop('contenteditable', false)
                                        .addClass(
                                            'color-borrador');

                                } else {
                                    $(`#campoIngreso${nombreMes}`).text(formatoNumero(datosMes
                                        .ingreso_edp ||
                                        '')).prop('contenteditable', true).addClass(
                                        'color-borrador');
                                    $(`#campoGastoReembolsable${nombreMes}`).text(formatoNumero(datosMes
                                            .ingreso_gasto_reembolsable || '')).prop('contenteditable',
                                            true)
                                        .addClass('color-borrador');
                                    $(`#campoOtrosIngresos${nombreMes}`).text(formatoNumero(datosMes
                                            .ingreso_otros_ingresos || '')).prop('contenteditable',
                                            true)
                                        .addClass('color-borrador');
                                    $(`#campoTotalIngresos${nombreMes}`).text(formatoNumero(datosMes
                                            .ingreso_total_ingreso || '')).prop('contenteditable',
                                            false)
                                        .addClass('color-borrador');
                                    $(`#campoObservacion${nombreMes}`).text(datosMes
                                            .ingreso_observacion ||
                                            '')
                                        .prop('contenteditable', true).addClass('color-borrador');

                                    $(`#campoRemuneracion${nombreMes}`).text(formatoNumero(datosMes
                                        .remuneracion)).prop('contenteditable', true).addClass(
                                        'color-borrador');

                                    $(`#campoAlimentancion${nombreMes}`).text(formatoNumero(datosMes
                                            .alimentacion_costos)).prop('contenteditable', true)
                                        .addClass(
                                            'color-borrador');
                                    $(`#campoAlojamiento${nombreMes}`).text(
                                        formatoNumero(datosMes
                                            .alojamiento_costos)).prop('contenteditable',
                                        true).addClass(
                                        'color-borrador');
                                    $(`#campoArriendoEquipos${nombreMes}`).text(formatoNumero(
                                            datosMes
                                            .arriendo_equipos_costos)).prop('contenteditable', true)
                                        .addClass(
                                            'color-borrador');
                                    $(`#campoArriendoInmueble${nombreMes}`).text(
                                            formatoNumero(datosMes
                                                .arriendo_inmuebles_costos)).prop(
                                            'contenteditable', true)
                                        .addClass('color-borrador');
                                    $(`#campoArriendoVehiculos${nombreMes}`).text(formatoNumero(datosMes
                                            .arriendo_vehiculos_costos)).prop('contenteditable', true)
                                        .addClass(
                                            'color-borrador');
                                    $(`#campoArticulosOficinas${nombreMes}`).text(formatoNumero(datosMes
                                            .articulos_oficina_costos))
                                        .prop('contenteditable', true).addClass('color-borrador');
                                    $(`#campoCapacitacion${nombreMes}`).text(
                                            formatoNumero(
                                                datosMes.capacitacion_costos))
                                        .prop(
                                            'contenteditable', true).addClass('color-borrador');
                                    $(`#campoCombustible${nombreMes}`).text(formatoNumero(datosMes
                                            .combustible_costos))
                                        .prop(
                                            'contenteditable', true).addClass('color-borrador');
                                    $(`#campoComsumoBasicos${nombreMes}`).text(formatoNumero(
                                            datosMes
                                            .consumos_basicos_costos)).prop('contenteditable', true)
                                        .addClass(
                                            'color-borrador');
                                    $(`#campoCorrespondencia${nombreMes}`).text(
                                            formatoNumero(datosMes
                                                .correspondencia_costos)).prop(
                                            'contenteditable', true)
                                        .addClass('color-borrador');
                                    $(`#campoEpp${nombreMes}`).text(formatoNumero(datosMes
                                        .epp_costos)).prop(
                                        'contenteditable', true).addClass('color-borrador');
                                    $(`#campoEquiposHerramientas${nombreMes}`).text(formatoNumero(
                                            datosMes
                                            .equipo_herramientas_costos || '')).prop('contenteditable',
                                            true)
                                        .addClass('color-borrador');
                                    $(`#campoExamenesPreOcupacionales${nombreMes}`).text(formatoNumero(
                                        datosMes.examenes_preocupacionales_costos || '')).prop(
                                        'contenteditable',
                                        true).addClass('color-borrador');
                                    $(`#campoFletes${nombreMes}`).text(formatoNumero(datosMes
                                            .flete_costos || '')).prop('contenteditable', true)
                                        .addClass('color-borrador');
                                    $(`#campoGastoEventoEmpresa${nombreMes}`).text(formatoNumero(
                                            datosMes
                                            .gasto_evento_empresa_costos || '')).prop('contenteditable',
                                            true)
                                        .addClass('color-borrador');
                                    $(`#campoGastoReembolsables${nombreMes}`).text(formatoNumero(
                                            datosMes
                                            .gasto_reembolsables_costos || '')).prop('contenteditable',
                                            true)
                                        .addClass('color-borrador');
                                    $(`#campoGastoVariosMenores${nombreMes}`).text(formatoNumero(
                                            datosMes
                                            .gastos_varios_menores_costos || '')).prop(
                                            'contenteditable',
                                            true)
                                        .addClass('color-borrador');
                                    $(`#campoHonorariosProfesionales${nombreMes}`).text(formatoNumero(
                                        datosMes.honorarios_profesionales_costos || '')).prop(
                                        'contenteditable',
                                        true).addClass('color-borrador');
                                    $(`#campoInsumosComputacionales${nombreMes}`).text(formatoNumero(
                                        datosMes.insumos_computacionales_costos || '')).prop(
                                        'contenteditable',
                                        true).addClass('color-borrador');
                                    $(`#campoMantencionReparacionEquipos${nombreMes}`).text(
                                        formatoNumero(
                                            datosMes.mantencion_y_reparacion_de_equipos_costos || ''
                                        )).prop(
                                        'contenteditable',
                                        true).addClass('color-borrador');
                                    $(`#campoMantencionReparacionVehiculos${nombreMes}`).text(
                                            formatoNumero(
                                                datosMes.mantencion_y_reparacion_de_vehiculos_costos ||
                                                ''))
                                        .prop('contenteditable',
                                            true).addClass('color-borrador');
                                    $(`#campoMantencionVarias${nombreMes}`).text(formatoNumero(datosMes
                                            .mantenciones_varias_inmuebles_costos || '')).prop(
                                            'contenteditable', true)
                                        .addClass('color-borrador');
                                    $(`#campoMantencionReparacionFaena${nombreMes}`).text(formatoNumero(
                                        datosMes.mantencion_y_reparacion_faena_costos || '')).prop(
                                        'contenteditable',
                                        true).addClass('color-borrador');
                                    $(`#campoMaterialesUtilizadosFaena${nombreMes}`).text(formatoNumero(
                                        datosMes.materiales_utilizados_en_faena_costos || '')).prop(
                                        'contenteditable',
                                        true).addClass('color-borrador');
                                    $(`#campoPasajeAereoPersonal${nombreMes}`).text(formatoNumero(
                                            datosMes
                                            .pasaje_aereo_personal_costos || '')).prop(
                                            'contenteditable',
                                            true)
                                        .addClass('color-borrador');
                                    $(`#campoPeajesTag${nombreMes}`).text(formatoNumero(datosMes
                                            .peajes_y_tag_costos || '')).prop('contenteditable', true)
                                        .addClass('color-borrador');
                                    $(`#campoRedMovil${nombreMes}`).text(formatoNumero(datosMes
                                            .red_fija_e_internet_costos || '')).prop('contenteditable',
                                            true)
                                        .addClass('color-borrador');
                                    $(`#campoRedFijaInternet${nombreMes}`).text(formatoNumero(datosMes
                                            .red_movil_costos || '')).prop('contenteditable', true)
                                        .addClass('color-borrador');
                                    $(`#campoSegurosActivos${nombreMes}`).text(formatoNumero(datosMes
                                            .seguro_activos_costos || '')).prop('contenteditable', true)
                                        .addClass('color-borrador');
                                    $(`#campoSegurosAp${nombreMes}`).text(formatoNumero(datosMes
                                            .seguro_ap_costos || '')).prop('contenteditable', true)
                                        .addClass('color-borrador');
                                    $(`#campoSeguroAsientoPasajero${nombreMes}`).text(formatoNumero(
                                            datosMes
                                            .seguro_asiento_pasajero_costos || '')).prop(
                                            'contenteditable',
                                            true)
                                        .addClass('color-borrador');
                                    $(`#campoSeguroVida${nombreMes}`).text(formatoNumero(datosMes
                                            .seguro_de_vida_costos || '')).prop('contenteditable', true)
                                        .addClass('color-borrador');
                                    $(`#campoSegurosRespCivilEmpresa${nombreMes}`).text(formatoNumero(
                                        datosMes.seguro_rc_empresa_costos || '')).prop(
                                        'contenteditable',
                                        true).addClass('color-borrador');
                                    $(`#campoSegurosRespCivilVehiculos${nombreMes}`).text(formatoNumero(
                                        datosMes.seguro_rc_vehiculos_costos || '')).prop(
                                        'contenteditable',
                                        true).addClass('color-borrador');
                                    $(`#campoServiciosTerceros${nombreMes}`).text(formatoNumero(datosMes
                                            .servicio_terceros_costos || '')).prop('contenteditable',
                                            true)
                                        .addClass('color-borrador');
                                    $(`#campoServicioRadioPortatiles${nombreMes}`).text(formatoNumero(
                                        datosMes.servicio_radio_portatiles_costos || '')).prop(
                                        'contenteditable',
                                        true).addClass('color-borrador');
                                    $(`#campoTrasladoPersonal${nombreMes}`).text(formatoNumero(datosMes
                                            .traslado_personal_costos || '')).prop('contenteditable',
                                            true)
                                        .addClass('color-borrador');
                                    $(`#campoTotalPresupuesto${nombreMes}`).text(formatoNumero(
                                            datosMes
                                            .total_presupuesto)).prop('contenteditable', false)
                                        .addClass(
                                            'color-borrador');
                                }
                            } else if (estado === 'VALIDO' || estado === 'BORRADOR_FINANZAS') {
                                $(`#campoIngreso${nombreMes}`).text(formatoNumero(datosMes
                                        .ingreso_edp))
                                    .prop('contenteditable', false).addClass('color-plomo');
                                $(`#campoGastoReembolsable${nombreMes}`).text(formatoNumero(
                                        datosMes
                                        .ingreso_gasto_reembolsable)).prop('contenteditable',
                                        false)
                                    .addClass('color-plomo');
                                $(`#campoOtrosIngresos${nombreMes}`).text(formatoNumero(datosMes
                                        .ingreso_otros_ingresos || '')).prop('contenteditable',
                                        false)
                                    .addClass('color-plomo');
                                $(`#campoTotalIngresos${nombreMes}`).text(formatoNumero(datosMes
                                        .ingreso_total_ingreso || '')).prop('contenteditable',
                                        false)
                                    .addClass('color-plomo');
                                $(`#campoObservacion${nombreMes}`).text(datosMes
                                        .ingreso_observacion || '')
                                    .prop(
                                        'contenteditable', false).addClass('color-plomo');
                                $(`#campoRemuneracion${nombreMes}`).text(formatoNumero(
                                        datosMes
                                        .remuneracion)).prop('contenteditable', false)
                                    .addClass(
                                        'color-plomo');

                                $(`#campoAlimentancion${nombreMes}`).text(formatoNumero(datosMes
                                    .alimentacion_costos)).prop('contenteditable', false).addClass(
                                    'color-plomo');
                                $(`#campoAlojamiento${nombreMes}`).text(formatoNumero(datosMes
                                    .alojamiento_costos)).prop('contenteditable', false).addClass(
                                    'color-plomo');
                                $(`#campoArriendoEquipos${nombreMes}`).text(formatoNumero(datosMes
                                        .arriendo_equipos_costos)).prop('contenteditable', false)
                                    .addClass('color-plomo');
                                $(`#campoArriendoInmueble${nombreMes}`).text(formatoNumero(datosMes
                                        .arriendo_inmuebles_costos)).prop('contenteditable', false)
                                    .addClass('color-plomo');
                                $(`#campoArriendoVehiculos${nombreMes}`).text(formatoNumero(datosMes
                                        .arriendo_vehiculos_costos)).prop('contenteditable', false)
                                    .addClass('color-plomo');
                                $(`#campoArticulosOficinas${nombreMes}`).text(formatoNumero(datosMes
                                        .articulos_oficina_costos)).prop('contenteditable', false)
                                    .addClass('color-plomo');
                                $(`#campoCapacitacion${nombreMes}`).text(formatoNumero(datosMes
                                    .capacitacion_costos)).prop('contenteditable', false).addClass(
                                    'color-plomo');
                                $(`#campoCombustible${nombreMes}`).text(formatoNumero(datosMes
                                    .combustible_costos)).prop('contenteditable', false).addClass(
                                    'color-plomo');
                                $(`#campoComsumoBasicos${nombreMes}`).text(formatoNumero(datosMes
                                        .consumos_basicos_costos)).prop('contenteditable', false)
                                    .addClass('color-plomo');
                                $(`#campoCorrespondencia${nombreMes}`).text(formatoNumero(datosMes
                                        .correspondencia_costos)).prop('contenteditable', false)
                                    .addClass('color-plomo');
                                $(`#campoEpp${nombreMes}`).text(formatoNumero(datosMes.epp_costos))
                                    .prop('contenteditable', false).addClass('color-plomo');
                                $(`#campoEquiposHerramientas${nombreMes}`).text(formatoNumero(datosMes
                                        .equipo_herramientas_costos)).prop('contenteditable', false)
                                    .addClass('color-plomo');
                                $(`#campoExamenesPreOcupacionales${nombreMes}`).text(formatoNumero(
                                    datosMes.examenes_preocupacionales_costos)).prop(
                                    'contenteditable', false).addClass('color-plomo');
                                $(`#campoFletes${nombreMes}`).text(formatoNumero(datosMes.flete_costos))
                                    .prop('contenteditable', false).addClass('color-plomo');
                                $(`#campoGastoEventoEmpresa${nombreMes}`).text(formatoNumero(datosMes
                                        .gasto_evento_empresa_costos)).prop('contenteditable', false)
                                    .addClass('color-plomo');
                                $(`#campoGastoReembolsables${nombreMes}`).text(formatoNumero(datosMes
                                        .gasto_reembolsables_costos)).prop('contenteditable', false)
                                    .addClass('color-plomo');
                                $(`#campoGastoVariosMenores${nombreMes}`).text(formatoNumero(datosMes
                                        .gastos_varios_menores_costos)).prop('contenteditable', false)
                                    .addClass('color-plomo');
                                $(`#campoHonorariosProfesionales${nombreMes}`).text(formatoNumero(
                                    datosMes.honorarios_profesionales_costos)).prop(
                                    'contenteditable', false).addClass('color-plomo');
                                $(`#campoInsumosComputacionales${nombreMes}`).text(formatoNumero(
                                    datosMes.insumos_computacionales_costos)).prop(
                                    'contenteditable', false).addClass('color-plomo');
                                $(`#campoMantencionReparacionEquipos${nombreMes}`).text(formatoNumero(
                                    datosMes.mantencion_y_reparacion_de_equipos_costos)).prop(
                                    'contenteditable', false).addClass('color-plomo');
                                $(`#campoMantencionReparacionVehiculos${nombreMes}`).text(formatoNumero(
                                    datosMes.mantencion_y_reparacion_de_vehiculos_costos)).prop(
                                    'contenteditable', false).addClass('color-plomo');
                                $(`#campoMantencionVarias${nombreMes}`).text(formatoNumero(datosMes
                                    .mantenciones_varias_inmuebles_costos)).prop('contenteditable',
                                    false).addClass('color-plomo');
                                $(`#campoMantencionReparacionFaena${nombreMes}`).text(formatoNumero(
                                    datosMes.mantencion_y_reparacion_faena_costos)).prop(
                                    'contenteditable', false).addClass('color-plomo');
                                $(`#campoMaterialesUtilizadosFaena${nombreMes}`).text(formatoNumero(
                                    datosMes.materiales_utilizados_en_faena_costos)).prop(
                                    'contenteditable', false).addClass('color-plomo');
                                $(`#campoPasajeAereoPersonal${nombreMes}`).text(formatoNumero(datosMes
                                        .pasaje_aereo_personal_costos)).prop('contenteditable', false)
                                    .addClass('color-plomo');
                                $(`#campoPeajesTag${nombreMes}`).text(formatoNumero(datosMes
                                    .peajes_y_tag_costos)).prop('contenteditable', false).addClass(
                                    'color-plomo');
                                $(`#campoRedFijaInternet${nombreMes}`).text(formatoNumero(datosMes
                                        .red_fija_e_internet_costos)).prop('contenteditable', false)
                                    .addClass('color-plomo');
                                $(`#campoRedMovil${nombreMes}`).text(formatoNumero(datosMes
                                    .red_movil_costos)).prop('contenteditable', false).addClass(
                                    'color-plomo');
                                $(`#campoSegurosActivos${nombreMes}`).text(formatoNumero(datosMes
                                        .seguro_activos_costos)).prop('contenteditable', false)
                                    .addClass('color-plomo');
                                $(`#campoSegurosAp${nombreMes}`).text(formatoNumero(datosMes
                                    .seguro_ap_costos)).prop('contenteditable', false).addClass(
                                    'color-plomo');
                                $(`#campoSeguroAsientoPasajero${nombreMes}`).text(formatoNumero(datosMes
                                        .seguro_asiento_pasajero_costos)).prop('contenteditable', false)
                                    .addClass('color-plomo');
                                $(`#campoSeguroVida${nombreMes}`).text(formatoNumero(datosMes
                                        .seguro_de_vida_costos)).prop('contenteditable', false)
                                    .addClass('color-plomo');
                                $(`#campoSegurosRespCivilEmpresa${nombreMes}`).text(formatoNumero(
                                    datosMes.seguro_rc_empresa_costos)).prop('contenteditable',
                                    false).addClass('color-plomo');
                                $(`#campoSegurosRespCivilVehiculos${nombreMes}`).text(formatoNumero(
                                    datosMes.seguro_rc_vehiculos_costos)).prop('contenteditable',
                                    false).addClass('color-plomo');
                                $(`#campoServiciosTerceros${nombreMes}`).text(formatoNumero(datosMes
                                        .servicio_terceros_costos)).prop('contenteditable', false)
                                    .addClass('color-plomo');
                                $(`#campoServicioRadioPortatiles${nombreMes}`).text(formatoNumero(
                                    datosMes.servicio_radio_portatiles_costos)).prop(
                                    'contenteditable', false).addClass('color-plomo');
                                $(`#campoTrasladoPersonal${nombreMes}`).text(formatoNumero(datosMes
                                        .traslado_personal_costos)).prop('contenteditable', false)
                                    .addClass('color-plomo');
                                $(`#campoTotalPresupuesto${nombreMes}`).text(formatoNumero(datosMes
                                    .total_presupuesto)).prop('contenteditable', false).addClass(
                                    'color-plomo');
                            }
                        } else {
                            $(`#campoIngreso${nombreMes}`).text(formatoNumero('')).prop(
                                'contenteditable', true).removeClass('color-plomo color-borrador');
                            $(`#campoGastoReembolsable${nombreMes}`).text(formatoNumero('')).prop(
                                'contenteditable', true).removeClass('color-plomo color-borrador');
                            $(`#campoOtrosIngresos${nombreMes}`).text(formatoNumero('')).prop(
                                'contenteditable', true).removeClass('color-plomo color-borrador');
                            $(`#campoTotalIngresos${nombreMes}`).text(formatoNumero('')).prop(
                                'contenteditable', false).removeClass('color-plomo color-borrador');
                            $(`#campoObservacion${nombreMes}`).text(formatoNumero('')).prop(
                                'contenteditable', true).removeClass('color-plomo color-borrador');
                            $(`#campoRemuneracion${nombreMes}`).text(formatoNumero('')).prop(
                                'contenteditable', true).removeClass('color-plomo color-borrador');

                            $(`#campoAlimentancion${nombreMes}`).text(formatoNumero('')).prop(
                                'contenteditable', true).removeClass('color-plomo color-borrador');
                            $(`#campoAlojamiento${nombreMes}`).text(formatoNumero('')).prop(
                                'contenteditable', true).removeClass('color-plomo color-borrador');
                            $(`#campoArriendoEquipos${nombreMes}`).text(formatoNumero('')).prop(
                                'contenteditable', true).removeClass('color-plomo color-borrador');
                            $(`#campoArriendoInmueble${nombreMes}`).text(formatoNumero('')).prop(
                                'contenteditable', true).removeClass('color-plomo color-borrador');
                            $(`#campoArriendoVehiculos${nombreMes}`).text(formatoNumero('')).prop(
                                'contenteditable', true).removeClass('color-plomo color-borrador');
                            $(`#campoArticulosOficinas${nombreMes}`).text(formatoNumero('')).prop(
                                'contenteditable', true).removeClass('color-plomo color-borrador');
                            $(`#campoCapacitacion${nombreMes}`).text(formatoNumero('')).prop(
                                'contenteditable', true).removeClass('color-plomo color-borrador');
                            $(`#campoCombustible${nombreMes}`).text(formatoNumero('')).prop(
                                'contenteditable', true).removeClass('color-plomo color-borrador');
                            $(`#campoComsumoBasicos${nombreMes}`).text(formatoNumero('')).prop(
                                'contenteditable', true).removeClass('color-plomo color-borrador');
                            $(`#campoCorrespondencia${nombreMes}`).text(formatoNumero('')).prop(
                                'contenteditable', true).removeClass('color-plomo color-borrador');
                            $(`#campoEpp${nombreMes}`).text(formatoNumero('')).prop('contenteditable',
                                true).removeClass('color-plomo color-borrador');
                            $(`#campoEquiposHerramientas${nombreMes}`).text(formatoNumero('')).prop(
                                'contenteditable', true).removeClass('color-plomo color-borrador');
                            $(`#campoExamenesPreOcupacionales${nombreMes}`).text(formatoNumero(''))
                                .prop('contenteditable', true).removeClass(
                                    'color-plomo color-borrador');
                            $(`#campoFletes${nombreMes}`).text(formatoNumero('')).prop(
                                'contenteditable', true).removeClass('color-plomo color-borrador');
                            $(`#campoGastoEventoEmpresa${nombreMes}`).text(formatoNumero('')).prop(
                                'contenteditable', true).removeClass('color-plomo color-borrador');
                            $(`#campoGastoReembolsables${nombreMes}`).text(formatoNumero('')).prop(
                                'contenteditable', true).removeClass('color-plomo color-borrador');
                            $(`#campoGastoVariosMenores${nombreMes}`).text(formatoNumero('')).prop(
                                'contenteditable', true).removeClass('color-plomo color-borrador');
                            $(`#campoHonorariosProfesionales${nombreMes}`).text(formatoNumero('')).prop(
                                'contenteditable', true).removeClass('color-plomo color-borrador');
                            $(`#campoInsumosComputacionales${nombreMes}`).text(formatoNumero('')).prop(
                                'contenteditable', true).removeClass('color-plomo color-borrador');
                            $(`#campoMantencionReparacionEquipos${nombreMes}`).text(formatoNumero(''))
                                .prop('contenteditable', true).removeClass(
                                    'color-plomo color-borrador');
                            $(`#campoMantencionReparacionVehiculos${nombreMes}`).text(formatoNumero(''))
                                .prop('contenteditable', true).removeClass(
                                    'color-plomo color-borrador');
                            $(`#campoMantencionVarias${nombreMes}`).text(formatoNumero('')).prop(
                                'contenteditable', true).removeClass('color-plomo color-borrador');
                            $(`#campoMantencionReparacionFaena${nombreMes}`).text(formatoNumero(''))
                                .prop('contenteditable', true).removeClass(
                                    'color-plomo color-borrador');
                            $(`#campoMaterialesUtilizadosFaena${nombreMes}`).text(formatoNumero(''))
                                .prop('contenteditable', true).removeClass(
                                    'color-plomo color-borrador');
                            $(`#campoPasajeAereoPersonal${nombreMes}`).text(formatoNumero('')).prop(
                                'contenteditable', true).removeClass('color-plomo color-borrador');
                            $(`#campoPeajesTag${nombreMes}`).text(formatoNumero('')).prop(
                                'contenteditable', true).removeClass('color-plomo color-borrador');
                            $(`#campoRedFijaInternet${nombreMes}`).text(formatoNumero('')).prop(
                                'contenteditable', true).removeClass('color-plomo color-borrador');
                            $(`#campoRedMovil${nombreMes}`).text(formatoNumero('')).prop(
                                'contenteditable', true).removeClass('color-plomo color-borrador');
                            $(`#campoSegurosActivos${nombreMes}`).text(formatoNumero('')).prop(
                                'contenteditable', true).removeClass('color-plomo color-borrador');
                            $(`#campoSegurosAp${nombreMes}`).text(formatoNumero('')).prop(
                                'contenteditable', true).removeClass('color-plomo color-borrador');
                            $(`#campoSeguroAsientoPasajero${nombreMes}`).text(formatoNumero('')).prop(
                                'contenteditable', true).removeClass('color-plomo color-borrador');
                            $(`#campoSeguroVida${nombreMes}`).text(formatoNumero('')).prop(
                                'contenteditable', true).removeClass('color-plomo color-borrador');
                            $(`#campoSegurosRespCivilEmpresa${nombreMes}`).text(formatoNumero('')).prop(
                                'contenteditable', true).removeClass('color-plomo color-borrador');
                            $(`#campoSegurosRespCivilVehiculos${nombreMes}`).text(formatoNumero(''))
                                .prop('contenteditable', true).removeClass(
                                    'color-plomo color-borrador');
                            $(`#campoServiciosTerceros${nombreMes}`).text(formatoNumero('')).prop(
                                'contenteditable', true).removeClass('color-plomo color-borrador');
                            $(`#campoServicioRadioPortatiles${nombreMes}`).text(formatoNumero('')).prop(
                                'contenteditable', true).removeClass('color-plomo color-borrador');
                            $(`#campoTrasladoPersonal${nombreMes}`).text(formatoNumero('')).prop(
                                'contenteditable', true).removeClass('color-plomo color-borrador');
                            $(`#campoTotalPresupuesto${nombreMes}`).text(formatoNumero('')).prop(
                                'contenteditable', false).removeClass('color-plomo color-borrador');
                        }
                        centroCostoBloqueados(textoSeleccionado);
                        asignarEventosDeEdicion();


                    });
                },
                error: function(xhr, status, error) {
                    console.error('Error al obtener datos:', error);
                }
            });
        }

        function asignarEventosDeEdicion() {
            document.querySelectorAll('td[contenteditable=true]').forEach(element => {
                const valorInicial = element.textContent.trim();

                element.addEventListener('blur', () => {
                    if (element.textContent.trim() !== valorInicial) {
                        cambiosRealizados = true;
                    } else if (element.textContent.trim() === '' && valorInicial !== '') {
                        cambiosRealizados = true;
                    }
                });
            });
        }

        function centroCostoBloqueados(centroCostoTexto) {
            const meses = [
                'Enero', 'Febrero', 'Marzo', 'Abril', 'Mayo', 'Junio',
                'Julio', 'Agosto', 'Septiembre', 'Octubre', 'Noviembre', 'Diciembre'
            ];

            const centrosCostoBloqueadosTexto = [
                '3301', '4102', '4106', '4201', '4202', '4203', '4204', '4205',
                '4206', '4207', '4208', '4209', '5201', '5202', '5203', '5204',
                '5220', '5301', '5501', '6101', '7001', '7002', '7003', '7004', '7005'
            ];

            if (centrosCostoBloqueadosTexto.includes(centroCostoTexto)) {
                meses.forEach(nombreMes => {
                    $(`#campoIngreso${nombreMes}, #campoGastoReembolsable${nombreMes}, #campoOtrosIngresos${nombreMes}, #campoTotalIngresos${nombreMes}, #campoObservacion${nombreMes}`)
                        .prop('contenteditable', false)
                        .addClass('color-plomo');
                });
            }
        }

        function registrarPresupuesto() {
            if (!hayDatosParaEnviar()) {
                mostrarAlertaDeError('No hay datos para crear un presupuesto. Debes ingresar datos en al menos un mes.');
                return;
            }
            confirmarAccion('¿Confirmas la creación del presupuesto?', function() {
                enviarDatos('{{ route('presupuesto.storeAdc') }}', 'El presupuesto se creó con éxito');
            });
        }

        function guardarBorrador() {
            if (!hayDatosParaEnviar()) {
                mostrarAlertaDeError('No hay datos para guardar un borrador. Debes ingresar datos en al menos un mes.');
                return;
            }
            confirmarAccion('¿Confirmas la creación del presupuesto como borrador?', function() {
                enviarDatos('{{ route('presupuesto.crearBorradorPresupuesto') }}',
                    'El presupuesto ha sido guardado con éxito como borrador');
            });
        }

        function enviarDatos(url, mensajeExito) {
            let formData = recolectarDatosFormulario();
            $.ajax({
                url: url,
                method: 'POST',
                data: formData,
                contentType: false,
                processData: false,
                dataType: 'json',
                headers: {
                    'X-CSRF-TOKEN': '{{ csrf_token() }}'
                },
                success: function(data) {
                    Swal.fire({
                        icon: 'success',
                        title: mensajeExito,
                        confirmButtonColor: "#448aff",
                        confirmButtonText: "Confirmar"
                    }).then(() => {
                        window.location.reload();
                    });
                },
                error: function(data) {
                    validarCamposDelFormularioPresupuesto(data);
                },
                complete: function() {
                    eliminarLoading();
                }
            });
        }

        function recolectarDatosFormulario() {
            let formData = new FormData(document.querySelector('form'));

            formData.append('id_centro_costo', document.getElementById("campoCentroDeCostoPresupuesto")
                .value);
            formData.append('ano', document.getElementById("campoAno").value);
            let datosIngresados = false;
            const meses = ['Enero', 'Febrero', 'Marzo', 'Abril', 'Mayo', 'Junio', 'Julio', 'Agosto',
                'Septiembre',
                'Octubre', 'Noviembre', 'Diciembre'
            ];

            meses.forEach(mes => {
                let ingresoServicio = document.getElementById(`campoIngreso${mes}`);
                if (ingresoServicio) {
                    let valorIngresoServicio = convertirANumero(ingresoServicio.textContent);
                    formData.append(`ingreso_edp_${mes.toLowerCase()}`, valorIngresoServicio);
                    if (valorIngresoServicio > 0) {
                        datosIngresados = true;
                    }
                }

                let gastoReembolsable = document.getElementById(`campoGastoReembolsable${mes}`);
                if (gastoReembolsable) {
                    let valorGastoReembolsable = convertirANumero(gastoReembolsable.textContent);
                    formData.append(`ingreso_gasto_reembolsable_${mes.toLowerCase()}`,
                        valorGastoReembolsable);
                    if (valorGastoReembolsable > 0) {
                        datosIngresados = true;
                    }
                }

                let otrosIngresos = document.getElementById(`campoOtrosIngresos${mes}`);
                if (otrosIngresos) {
                    let valorOtrosIngresos = convertirANumero(otrosIngresos.textContent);
                    formData.append(`ingreso_otros_ingresos_${mes.toLowerCase()}`,
                        valorOtrosIngresos);
                    if (valorOtrosIngresos > 0) {
                        datosIngresados = true;
                    }
                }

                let totalIngresos = document.getElementById(`campoTotalIngresos${mes}`);
                if (totalIngresos) {
                    let valorTotalIngresos = convertirANumero(totalIngresos.textContent);
                    formData.append(`ingreso_total_ingreso_${mes.toLowerCase()}`,
                        valorTotalIngresos);
                    if (valorTotalIngresos > 0) {
                        datosIngresados = true;
                    }
                }

                let observacion = document.getElementById(`campoObservacion${mes}`);
                formData.append(`ingreso_observacion_${mes.toLowerCase()}`, observacion
                    .textContent);

                let remuneracion = document.getElementById(`campoRemuneracion${mes}`);
                if (remuneracion) {
                    let valorRemuneracion = convertirANumero(remuneracion.textContent);
                    formData.append(`remuneracion_${mes.toLowerCase()}`, valorRemuneracion);
                    if (valorRemuneracion > 0) {
                        datosIngresados = true;
                    }
                }


                let alimentacion = document.getElementById(`campoAlimentancion${mes}`);
                if (alimentacion) {
                    let valorAlimentacion = convertirANumero(alimentacion.textContent);
                    formData.append(`alimentacion_costos_${mes.toLowerCase()}`, valorAlimentacion);
                    if (valorAlimentacion > 0) {
                        datosIngresados = true;
                    }
                }

                let alojamiento = document.getElementById(
                    `campoAlojamiento${mes}`);
                if (alojamiento) {
                    let valorAlojamiento = convertirANumero(alojamiento.textContent);
                    formData.append(`alojamiento_costos_${mes.toLowerCase()}`,
                        valorAlojamiento);
                    if (valorAlojamiento > 0) {
                        datosIngresados = true;
                    }
                }

                let arriendoEquipos = document.getElementById(`campoArriendoEquipos${mes}`);
                if (arriendoEquipos) {
                    let valorArriendoEquipos = convertirANumero(arriendoEquipos.textContent);
                    formData.append(`arriendo_equipos_costos_${mes.toLowerCase()}`,
                        valorArriendoEquipos);
                    if (valorArriendoEquipos > 0) {
                        datosIngresados = true;
                    }
                }

                let arriendoInmueble = document.getElementById(`campoArriendoInmueble${mes}`);
                if (arriendoInmueble) {
                    let valorArriendoInmueble = convertirANumero(arriendoInmueble.textContent);
                    formData.append(`arriendo_inmuebles_costos_${mes.toLowerCase()}`,
                        valorArriendoInmueble);
                    if (valorArriendoInmueble > 0) {
                        datosIngresados = true;
                    }
                }

                let arriendoVehiculos = document.getElementById(`campoArriendoVehiculos${mes}`);
                if (arriendoVehiculos) {
                    let valorArriendoVehiculos = convertirANumero(arriendoVehiculos.textContent);
                    formData.append(`arriendo_vehiculos_costos_${mes.toLowerCase()}`, valorArriendoVehiculos);
                    if (valorArriendoVehiculos > 0) {
                        datosIngresados = true;
                    }
                }

                let articulosOficinas = document.getElementById(`campoArticulosOficinas${mes}`);
                if (articulosOficinas) {
                    let valorArticulosOficinas = convertirANumero(articulosOficinas.textContent);
                    formData.append(`articulos_oficina_costos_${mes.toLowerCase()}`, valorArticulosOficinas);
                    if (valorArticulosOficinas > 0) {
                        datosIngresados = true;
                    }
                }

                let capacitacion = document.getElementById(
                    `campoCapacitacion${mes}`);
                if (capacitacion) {
                    let valorCapacitacion = convertirANumero(capacitacion.textContent);
                    formData.append(`capacitacion_costos_${mes.toLowerCase()}`,
                        valorCapacitacion);
                    if (valorCapacitacion > 0) {
                        datosIngresados = true;
                    }
                }

                let combustible = document.getElementById(`campoCombustible${mes}`);
                if (combustible) {
                    let valorCombustible = convertirANumero(combustible.textContent);
                    formData.append(`combustible_costos_${mes.toLowerCase()}`, valorCombustible);
                    if (valorCombustible > 0) {
                        datosIngresados = true;
                    }
                }

                let comsumoBasicos = document.getElementById(`campoComsumoBasicos${mes}`);
                if (comsumoBasicos) {
                    let valorComsumoBasicos = convertirANumero(comsumoBasicos.textContent);
                    formData.append(`consumos_basicos_costos_${mes.toLowerCase()}`,
                        valorComsumoBasicos);
                    if (valorComsumoBasicos > 0) {
                        datosIngresados = true;
                    }
                }

                let correspondencia = document.getElementById(
                    `campoCorrespondencia${mes}`);
                if (correspondencia) {
                    let valorCorrespondencia = convertirANumero(correspondencia.textContent);
                    formData.append(`correspondencia_costos_${mes.toLowerCase()}`,
                        valorCorrespondencia);
                    if (valorCorrespondencia > 0) {
                        datosIngresados = true;
                    }
                }


                let epp = document.getElementById(`campoEpp${mes}`);
                if (epp) {
                    let valorEpp = convertirANumero(epp.textContent);
                    formData.append(`epp_costos_${mes.toLowerCase()}`, valorEpp);
                    if (valorEpp > 0) {
                        datosIngresados = true;
                    }
                }

                let equiposHerramientas = document.getElementById(`campoEquiposHerramientas${mes}`);
                if (equiposHerramientas) {
                    let valorEquiposHerramientas = convertirANumero(equiposHerramientas.textContent);
                    formData.append(`equipo_herramientas_costos_${mes.toLowerCase()}`,
                        valorEquiposHerramientas);
                    if (valorEquiposHerramientas > 0) {
                        datosIngresados = true;
                    }
                }

                let examenesPreOcupacionales = document.getElementById(`campoExamenesPreOcupacionales${mes}`);
                if (examenesPreOcupacionales) {
                    let valorExamenesPreOcupacionales = convertirANumero(examenesPreOcupacionales.textContent);
                    formData.append(`examenes_preocupacionales_costos_${mes.toLowerCase()}`,
                        valorExamenesPreOcupacionales);
                    if (valorExamenesPreOcupacionales > 0) {
                        datosIngresados = true;
                    }
                }

                let fletes = document.getElementById(`campoFletes${mes}`);
                if (fletes) {
                    let valorFletes = convertirANumero(fletes.textContent);
                    formData.append(`flete_costos_${mes.toLowerCase()}`,
                        valorFletes);
                    if (valorFletes > 0) {
                        datosIngresados = true;
                    }
                }

                let gastoEventoEmpresa = document.getElementById(`campoGastoEventoEmpresa${mes}`);
                if (gastoEventoEmpresa) {
                    let valorGastoEventoEmpresa = convertirANumero(gastoEventoEmpresa.textContent);
                    formData.append(`gasto_evento_empresa_costos_${mes.toLowerCase()}`,
                        valorGastoEventoEmpresa);
                    if (valorGastoEventoEmpresa > 0) {
                        datosIngresados = true;
                    }
                }

                let gastoReembolsables = document.getElementById(`campoGastoReembolsables${mes}`);
                if (gastoReembolsables) {
                    let valorGastoReembolsables = convertirANumero(gastoReembolsables.textContent);
                    formData.append(`gasto_reembolsables_costos_${mes.toLowerCase()}`,
                        valorGastoReembolsables);
                    if (valorGastoReembolsables > 0) {
                        datosIngresados = true;
                    }
                }

                let gastoVariosMenores = document.getElementById(`campoGastoVariosMenores${mes}`);
                if (gastoVariosMenores) {
                    let valorGastoVariosMenores = convertirANumero(gastoVariosMenores.textContent);
                    formData.append(`gastos_varios_menores_costos_${mes.toLowerCase()}`,
                        valorGastoVariosMenores);
                    if (valorGastoVariosMenores > 0) {
                        datosIngresados = true;
                    }
                }

                let honorariosProfesionales = document.getElementById(`campoHonorariosProfesionales${mes}`);
                if (honorariosProfesionales) {
                    let valorHonorariosProfesionales = convertirANumero(honorariosProfesionales.textContent);
                    formData.append(`honorarios_profesionales_costos_${mes.toLowerCase()}`,
                        valorHonorariosProfesionales);
                    if (valorHonorariosProfesionales > 0) {
                        datosIngresados = true;
                    }
                }

                let insumosComputacionales = document.getElementById(`campoInsumosComputacionales${mes}`);
                if (insumosComputacionales) {
                    let valorInsumosComputacionales = convertirANumero(insumosComputacionales.textContent);
                    formData.append(`insumos_computacionales_costos_${mes.toLowerCase()}`,
                        valorInsumosComputacionales);
                    if (valorInsumosComputacionales > 0) {
                        datosIngresados = true;
                    }
                }

                let mantencionReparacionEquipos = document.getElementById(`campoMantencionReparacionEquipos${mes}`);
                if (mantencionReparacionEquipos) {
                    let valorMantencionReparacionEquipos = convertirANumero(mantencionReparacionEquipos
                        .textContent);
                    formData.append(`mantencion_y_reparacion_de_equipos_costos_${mes.toLowerCase()}`,
                        valorMantencionReparacionEquipos);
                    if (valorMantencionReparacionEquipos > 0) {
                        datosIngresados = true;
                    }
                }


                let mantencionReparacionVehiculos = document.getElementById(
                    `campoMantencionReparacionVehiculos${mes}`);
                if (mantencionReparacionVehiculos) {
                    let valorMantencionReparacionVehiculos = convertirANumero(mantencionReparacionVehiculos
                        .textContent);
                    formData.append(`mantencion_y_reparacion_de_vehiculos_costos_${mes.toLowerCase()}`,
                        valorMantencionReparacionVehiculos);
                    if (valorMantencionReparacionVehiculos > 0) {
                        datosIngresados = true;
                    }
                }

                let mantencionVarias = document.getElementById(`campoMantencionVarias${mes}`);
                if (mantencionVarias) {
                    let valorMantencionVarias = convertirANumero(mantencionVarias.textContent);
                    formData.append(`mantenciones_varias_inmuebles_costos_${mes.toLowerCase()}`,
                        valorMantencionVarias);
                    if (valorMantencionVarias > 0) {
                        datosIngresados = true;
                    }
                }

                let mantencionReparacionFaena = document.getElementById(`campoMantencionReparacionFaena${mes}`);
                if (mantencionReparacionFaena) {
                    let valorMantencionReparacionFaena = convertirANumero(mantencionReparacionFaena.textContent);
                    formData.append(`mantencion_y_reparacion_faena_costos_${mes.toLowerCase()}`,
                        valorMantencionReparacionFaena);
                    if (valorMantencionReparacionFaena > 0) {
                        datosIngresados = true;
                    }
                }

                let materialesUtilizadosFaena = document.getElementById(`campoMaterialesUtilizadosFaena${mes}`);
                if (materialesUtilizadosFaena) {
                    let valorMaterialesUtilizadosFaena = convertirANumero(materialesUtilizadosFaena.textContent);
                    formData.append(`materiales_utilizados_en_faena_costos_${mes.toLowerCase()}`,
                        valorMaterialesUtilizadosFaena);
                    if (valorMaterialesUtilizadosFaena > 0) {
                        datosIngresados = true;
                    }
                }

                let pasajeAereoPersonal = document.getElementById(`campoPasajeAereoPersonal${mes}`);
                if (pasajeAereoPersonal) {
                    let valorPasajeAereoPersonal = convertirANumero(pasajeAereoPersonal.textContent);
                    formData.append(`pasaje_aereo_personal_costos_${mes.toLowerCase()}`,
                        valorPasajeAereoPersonal);
                    if (valorPasajeAereoPersonal > 0) {
                        datosIngresados = true;
                    }
                }

                let peajesTag = document.getElementById(`campoPeajesTag${mes}`);
                if (peajesTag) {
                    let valorPeajesTag = convertirANumero(peajesTag.textContent);
                    formData.append(`peajes_y_tag_costos_${mes.toLowerCase()}`,
                        valorPeajesTag);
                    if (valorPeajesTag > 0) {
                        datosIngresados = true;
                    }
                }

                let redFijaInternet = document.getElementById(`campoRedFijaInternet${mes}`);
                if (redFijaInternet) {
                    let valorRedFijaInternet = convertirANumero(redFijaInternet.textContent);
                    formData.append(`red_fija_e_internet_costos_${mes.toLowerCase()}`,
                        valorRedFijaInternet);
                    if (valorRedFijaInternet > 0) {
                        datosIngresados = true;
                    }
                }

                let redMovil = document.getElementById(`campoRedMovil${mes}`);
                if (redMovil) {
                    let valorRedMovil = convertirANumero(redMovil.textContent);
                    formData.append(`red_movil_costos_${mes.toLowerCase()}`,
                        valorRedMovil);
                    if (valorRedMovil > 0) {
                        datosIngresados = true;
                    }
                }

                let segurosActivos = document.getElementById(`campoSegurosActivos${mes}`);
                if (segurosActivos) {
                    let valorSeguroActivos = convertirANumero(segurosActivos.textContent);
                    formData.append(`seguro_activos_costos_${mes.toLowerCase()}`,
                        valorSeguroActivos);
                    if (valorSeguroActivos > 0) {
                        datosIngresados = true;
                    }
                }

                let segurosAp = document.getElementById(`campoSegurosAp${mes}`);
                if (segurosAp) {
                    let valorSeguroAp = convertirANumero(segurosAp.textContent);
                    formData.append(`seguro_ap_costos_${mes.toLowerCase()}`,
                        valorSeguroAp);
                    if (valorSeguroAp > 0) {
                        datosIngresados = true;
                    }
                }

                let seguroAsientoPasajero = document.getElementById(`campoSeguroAsientoPasajero${mes}`);
                if (seguroAsientoPasajero) {
                    let valorSeguroAsientoPasajero = convertirANumero(seguroAsientoPasajero.textContent);
                    formData.append(`seguro_asiento_pasajero_costos_${mes.toLowerCase()}`,
                        valorSeguroAsientoPasajero);
                    if (valorSeguroAsientoPasajero > 0) {
                        datosIngresados = true;
                    }
                }

                let seguroVida = document.getElementById(`campoSeguroVida${mes}`);
                if (seguroVida) {
                    let valorSeguroVida = convertirANumero(seguroVida.textContent);
                    formData.append(`seguro_de_vida_costos_${mes.toLowerCase()}`,
                        valorSeguroVida);
                    if (valorSeguroVida > 0) {
                        datosIngresados = true;
                    }
                }

                let segurosRespCivilEmpresa = document.getElementById(`campoSegurosRespCivilEmpresa${mes}`);
                if (segurosRespCivilEmpresa) {
                    let valorSegurosRespCivilEmpresa = convertirANumero(segurosRespCivilEmpresa.textContent);
                    formData.append(`seguro_rc_empresa_costos_${mes.toLowerCase()}`,
                        valorSegurosRespCivilEmpresa);
                    if (valorSegurosRespCivilEmpresa > 0) {
                        datosIngresados = true;
                    }
                }

                let segurosRespCivilVehiculos = document.getElementById(`campoSegurosRespCivilVehiculos${mes}`);
                if (segurosRespCivilVehiculos) {
                    let valorSegurosRespCivilVehiculos = convertirANumero(segurosRespCivilVehiculos.textContent);
                    formData.append(`seguro_rc_vehiculos_costos_${mes.toLowerCase()}`,
                        valorSegurosRespCivilVehiculos);
                    if (valorSegurosRespCivilVehiculos > 0) {
                        datosIngresados = true;
                    }
                }

                let serviciosTerceros = document.getElementById(`campoServiciosTerceros${mes}`);
                if (serviciosTerceros) {
                    let valorServicioTerceros = convertirANumero(serviciosTerceros.textContent);
                    formData.append(`servicio_terceros_costos_${mes.toLowerCase()}`,
                        valorServicioTerceros);
                    if (valorServicioTerceros > 0) {
                        datosIngresados = true;
                    }
                }

                let servicioRadioPortatiles = document.getElementById(`campoServicioRadioPortatiles${mes}`);
                if (servicioRadioPortatiles) {
                    let valorServicioRadioPortatiles = convertirANumero(servicioRadioPortatiles.textContent);
                    formData.append(`servicio_radio_portatiles_costos_${mes.toLowerCase()}`,
                        valorServicioRadioPortatiles);
                    if (valorServicioRadioPortatiles > 0) {
                        datosIngresados = true;
                    }
                }

                let trasladoPersonal = document.getElementById(`campoTrasladoPersonal${mes}`);
                if (trasladoPersonal) {
                    let valorTrasladoPersonal = convertirANumero(trasladoPersonal.textContent);
                    formData.append(`traslado_personal_costos_${mes.toLowerCase()}`,
                        valorTrasladoPersonal);
                    if (valorTrasladoPersonal > 0) {
                        datosIngresados = true;
                    }
                }

                let totalPresupuesto = document.getElementById(`campoTotalPresupuesto${mes}`);
                if (totalPresupuesto) {
                    let valorTotaPresupuesto = convertirANumero(totalPresupuesto.textContent);
                    formData.append(`total_presupuesto_${mes.toLowerCase()}`, valorTotaPresupuesto);
                    if (valorTotaPresupuesto > 0) {
                        datosIngresados = true;
                    }
                }
            });
            return formData;
        }

        function mostrarAlertaDeError(mensaje) {
            Swal.fire({
                icon: 'error',
                title: 'Error en el Formulario',
                text: mensaje,
                confirmButtonColor: "#448aff",
                confirmButtonText: "Aceptar"
            });
        }

        function confirmarAccion(mensaje, callback) {
            Swal.fire({
                title: '¿Estás seguro?',
                text: mensaje,
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: 'Sí, crear!',
                cancelButtonText: 'No, cancelar'
            }).then((result) => {
                if (result.isConfirmed) {
                    callback();
                }
            });
        }

        function validarCamposDelFormularioPresupuesto(data) {
            if (typeof data.responseJSON.errors.id_centro_costo !== 'undefined') {
                document.getElementById("campoCentroDeCostoPresupuesto").classList.remove('input-success-icon');
                document.getElementById("campoCentroDeCostoPresupuesto").classList.add('input-error-icon');
                document.getElementById("validacionCampoCentroDeCostoPresupuesto").innerHTML = data.responseJSON.errors
                    .id_centro_costo;
                document.getElementById("validacionCampoCentroDeCostoPresupuesto").style.display = "block";
            } else {
                document.getElementById("campoCentroDeCostoPresupuesto").classList.remove('input-error-icon');
                document.getElementById("campoCentroDeCostoPresupuesto").classList.add('input-success-icon');
                document.getElementById("validacionCampoCentroDeCostoPresupuesto").innerHTML = "";
                document.getElementById("validacionCampoCentroDeCostoPresupuesto").style.display = "none";
            }

            if (typeof data.responseJSON.errors.ano !== 'undefined') {
                document.getElementById("campoAno").classList.remove('input-success-icon');
                document.getElementById("campoAno").classList.add('input-error-icon');
                document.getElementById("validacionCampoAnoPresupuesto").innerHTML = data.responseJSON.errors
                    .ano;
                document.getElementById("validacionCampoAnoPresupuesto").style.display = "block";
            } else {
                document.getElementById("campoAno").classList.remove('input-error-icon');
                document.getElementById("campoAno").classList.add('input-success-icon');
                document.getElementById("validacionCampoAnoPresupuesto").innerHTML = "";
                document.getElementById("validacionCampoAnoPresupuesto").style.display = "none";
            }

        }

        function hayDatosParaEnviar() {
            const campos = document.querySelectorAll('td[contenteditable=true]');
            for (let campo of campos) {
                if (campo.textContent.trim() !== '') {
                    return true;
                }
            }
            return false;
        }
    </script>

@stop