@extends('adminlte::page')

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

@section('title', 'Carga para Ubicación de Coordenadas Perforación | Guiñez Ingeniería')

@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-12">

                <div class="card card-aspen">
                    <div class="card-header">
                        <h3 class="card-title">Carga para Ubicación de Coordenadas Perforación</h3>
                    </div>

                    <form id="formularioDeCargarItemsPerforacion" method="POST" action="">
                        @csrf
                        @method('put')

                        <div class="card-body">
                            <div class="text-center">
                                <h3 style="font-weight: 700;">Carga para Ubicación de Coordenadas Perforación</h3>
                            </div>

                            <div class="form-group">
                                <label>Número de Orden de Trabajo</label>
                                <input type="text" class="form-control" value="{{ $ordenDeTrabajo->numero_orden_trabajo }}" disabled="true">
                            </div>

                            <div class="contenedor-dos-campos-por-fila">
                                <div class="form-group">
                                    <label>Servicio</label>
                                    <input type="text" class="form-control" value="{{ $ordenDeTrabajo->servicio->nombre }}" disabled="true">
                                </div>

                                <div class="form-group">
                                    <label>Tipo de Pozo</label>
                                    <input type="text" class="form-control" class="form-control" name="tipo_servicio" value="{{ $ordenDeTrabajo->tipo_servicio }}"  disabled="true">
                                </div>
                                
                                <div class="form-group">
                                    <label>Sistema de Referencia de Origen</label>
                                    <input type="text" class="form-control" value="{{ $ordenDeTrabajo->sistema_referencia_origen}}" disabled="true">
                                </div>

                                <div class="form-group">
                                    <label>Responsable de La medición</label>
                                    <input type="text" class="form-control" value="{{ auth()->user()->name }}" disabled="true">
                                </div>

                                <div class="form-group">
                                    <label>Equipo de Medición</label>
                                    <select class="form-control lista-despegable-con-buscador" id="campoEquipoDeMedicion" name="equipo_medicion" data-live-search="true">
                                        <option value="">--Seleccionar Equipo de Medición--</option>
                                        @foreach ($equiposDeMediciones as $equipo)
                                            @if (old('equipo_medicion') == $equipo->id)
                                                <option selected value="{{ $equipo->id }}">{{ $equipo->nombre }}</option>
                                            @else
                                                <option value="{{ $equipo->id }}">{{ $equipo->nombre }}</option>
                                            @endif
                                        @endforeach
                                    </select>
                                    <div class="invalid-feedback" id="validacionCampoEquipoDeMedicion">

                                    </div>
                                </div>

                                <div class="form-group">
                                    <label>Equipo de Transporte</label>
                                    <select class="form-control lista-despegable-con-buscador" id="campoEquipoDeTransporte" name="equipo_transporte" data-live-search="true">
                                        <option value="">--Seleccionar Equipo de Transporte--</option>
                                        @foreach ($equiposDeTransportes as $equipo)
                                            @if (old('equipo_transporte') == $equipo->id)
                                                <option selected value="{{ $equipo->id }}">{{ $equipo->nombre }}</option>
                                            @else
                                                <option value="{{ $equipo->id }}">{{ $equipo->nombre }}</option>
                                            @endif
                                        @endforeach
                                    </select>
                                    <div class="invalid-feedback" id="validacionCampoEquipoDeTransporte">

                                    </div>
                                </div>

                                <div class="form-group">
                                    <label>Sistema de Proyección</label>
                                    <input type="text" class="form-control" value="{{ $ordenDeTrabajo->sistema_proyeccion }}" readonly="true">
                                </div>

                                <div class="form-group">
                                    <label>Conversión a</label>
                                    <input type="text" class="form-control" value="{{ $ordenDeTrabajo->sistema_proyeccion_visualización }}" readonly="true">
                                </div>
                            </div>

                            <div style="width: 100%; display: grid; grid-template-columns: 1fr 2fr; grid-column-gap: 10px;">
                                <div class="dt-responsive table-responsive">
                                    <table class="table table-bordered" role="grid" aria-describedby="base-style_info" id="tabla-puntos-origen">
                                        <thead>
                                            <tr>
                                                <th colspan="12" class="text-center" style="background-color: rgba(74,72,73,1) !important;">DATOS DE ORIGEN</th>
                                            </tr>
                                            <tr role="row">
                                                <th style="background-color: rgba(74,72,73,1) !important;">Nombre del Punto</th>
                                                <th style="background-color: rgba(74,72,73,1) !important;">Azimut</th>
                                                <th style="background-color: rgba(74,72,73,1) !important;">Inclinación</th>
                                            </tr>
                                        </thead>
                                        <tbody id="registrosDePuntosOrigen">
                                            @foreach ($items as $item)
                                                @isset($item->id_responsable_perforacion)
                                                    @if (isset($item->puntosEnLaEtapaDeTerreno) && !isset($item->puntosEnLaEtapaDePerforacion))
                                                        @if ($item->puntosEnLaEtapaDePlataforma->estado=="Aceptada")
                                                            <tr>
                                                                <td>{{$item->punto}}</td>
                                                                <td>{{$item->azimut}}</td>
                                                                <td>{{$item->inclinacion}}</td>
                                                            </tr>
                                                        @endif
                                                    @endif
                                                @endisset
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
    
                                <div class="dt-responsive table-responsive">
                                    <table class="table table-bordered" role="grid" aria-describedby="base-style_info" id="tabla-puntos-destino">
                                        <thead>
                                            <tr>
                                                <th colspan="12" class="text-center" style="background-color: rgba(74,72,73,1) !important;">DATOS DESTINO</th>
                                            </tr>
                                            <tr role="row">
                                                <th style="background-color: rgba(74,72,73,1) !important;">Nombre del Punto</th>
                                                <th style="background-color: rgba(74,72,73,1) !important;">Azimut Medido</th>
                                                <th style="background-color: rgba(74,72,73,1) !important;">Inclinación Medido</th>
                                                <th style="background-color: rgba(74,72,73,1) !important;">Observación</th>
                                                <th style="background-color: rgba(74,72,73,1) !important;">Observación Error</th>
                                            </tr>
                                        </thead>
                                        <tbody id="registrosDePuntosDestino">
                                            @foreach ($items as $item)
                                                @isset($item->id_responsable_perforacion)
                                                    @if (isset($item->puntosEnLaEtapaDeTerreno) && !isset($item->puntosEnLaEtapaDePerforacion))
                                                        @if ($item->puntosEnLaEtapaDePlataforma->estado=="Aceptada")
                                                            <tr>
                                                                <td class="tabla-id-item-origen-destino" style="display:none;">{{$item->id}}</td>
                                                                <td class="tabla-id-item-terreno-destino" style="display:none;">{{$item->puntosEnLaEtapaDeTerreno->id}}</td>
                                                                <td class="tabla-id-item-plataforma-destino" style="display:none;">{{$item->puntosEnLaEtapaDePlataforma->id}}</td>
                                                                <td class="tabla-azimut-plataforma-destino" style="display:none;">{{$item->azimut}}</td>
                                                                <td class="tabla-inclinacion-plataforma-destino" style="display:none;">{{$item->inclinacion}}</td>
                                                                <td class="tabla-error-item-destino" style="display:none;">true</td>
                                                                <td class="tabla-error-cumple-azimut-destino" style="display:none;"></td>
                                                                <td class="tabla-error-cumple-inclinacion-destino" style="display:none;"></td>
                                                                <td class="tabla-nombre-item-destino">{{$item->punto}}</td>
                                                                @if ($ordenDeTrabajo->sistema_proyeccion=="Local")
                                                                <td class="tabla-este-item-destino" style="display:none;">{{$item->puntosEnLaEtapaDeTerreno->este}}</td>
                                                                <td class="tabla-norte-item-destino" style="display:none;">{{$item->puntosEnLaEtapaDeTerreno->norte}}</td>
                                                                <td class="tabla-cota-item-destino" style="display:none;">{{$item->puntosEnLaEtapaDeTerreno->cota}}</td>
                                                                @elseif($ordenDeTrabajo->sistema_proyeccion=="UTM")
                                                                <td class="tabla-este-item-destino" style="display:none;">{{$item->puntosEnLaEtapaDeTerreno->este_utm}}</td>
                                                                <td class="tabla-norte-item-destino" style="display:none;">{{$item->puntosEnLaEtapaDeTerreno->norte_utm}}</td>
                                                                <td class="tabla-cota-item-destino" style="display:none;">{{$item->puntosEnLaEtapaDeTerreno->cota_utm}}</td>
                                                                @endif
                                                                <td class="tabla-cota-azimut-medida-destino" onclick="editarColumnaAzimutDelItem(this)" style="cursor:pointer;"></td>
                                                                <td class="tabla-cota-inclinacion-medida-destino" onclick="editarColumnaInclinacionDelItem(this)" style="cursor:pointer;"></td>
                                                                <td class="tabla-cota-observacion-destino" onclick="editarColumnaObservacionDelItem(this)" style="cursor:pointer;"></td>
                                                                <td class="tabla-cota-error-observacion-destino item-error-rojo">Falta el valor del azimut y de la inclinación</td>
                                                            </tr>
                                                        @endif
                                                    @endif
                                                @endisset
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            </div>

                            <div style="width: 100%; display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 10px;" class="mt-4">
                                <table class="table table-bordered" role="grid" aria-describedby="base-style_info">
                                    <thead>
                                        <tr>
                                            <th colspan="2" style="background-color: #007bff; color:white;">IDENTIFICACIÓN DE TIPOS DE OBSERVACIONES</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td style="color: #dc3545; font-weight: 700;">Error</td>
                                            <td>Las observaciones que tengan el color rojo indican los errores del punto. No será posible guardar la información de los puntos hasta corregir todos los errores.</td>
                                        </tr>
                                        <tr>
                                            <td style="color: #ffc107; font-weight: 700;">Precaución</td>
                                            <td>Las observaciones que tengan el color amarillo indican que el punto no cumple con algunos condiciones o valores, pero es posible continuar con el proceso y guardar la información.</td>
                                        </tr>
                                        <tr>
                                            <td style="color: #28a745; font-weight: 700;">Valido</td>
                                            <td>Las observaciones que tengan el color verde indican que el punto es válido y no tiene errores.  </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>

                        <div class=" card-footer">
                            <button type="button" onclick="abrirSeleccionadorDeCorreos()" class="btn btn-aspen" id="botonGuardarInformacion"><i class="fas fa-table" style="margin-right: 2px;"></i> Guardar Información </button>
                            <a href="{{ route('orden-trabajo.index', $ordenDeTrabajo->servicio) }}" role="button" class="btn btn-secondary"><i class="fas fa-arrow-alt-circle-left" style="margin-right: 2px;"></i> Volver</a>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" id="modalSeleccionarDeCorreos" tabindex="-1" aria-labelledby="LabelSeleccionarDeCorreos" aria-hidden="true">
        <form id="formularioModalVerObservacionItem">
            @csrf
            <div class="modal-dialog modal-xl">
                <div class="modal-content">
                    <div class="modal-header" style="background-color: #007bff; color:white;">
                        <h5 class="modal-title" id="LabelModalSeleccionarDeCorreos">Seleccionador de Correos</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close" style="color:white;" onclick='document.getElementById("botonGuardarInformacion").removeAttribute("disabled")'>
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">

                        <div class="contenedor-dos-campos-por-fila">
                            <fieldset class="fieldset-color-aspen">
                                <legend class="titulo-fieldset-color-aspen">Para: </legend>

                                <div class="table-responsive">
                                    <table class="table table-bordered">
                                        <thead>
                                            <tr>
                                                <th>Seleccionar Todo</th>
                                                <th>Proyecto</th>
                                                <th>Seleccionar Usuario</th>
                                                <th>Nombre Usuario</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach ($proyectos as $proyecto)
                                                @if (count($proyecto->usuarios) > 0)
                                                    <tr>
                                                        <td class="text-center">
                                                            <div class="icheck-primary">
                                                                <input type="checkbox" id="checkboxParaTodosUsuariosProyecto{{ $proyecto->id }}" value="todos" onchange="seleccionarTodosLosUsuariosDeUnProyectoPara(this,'{{ $proyecto->id }}')">
                                                                <label for="checkboxParaTodosUsuariosProyecto{{ $proyecto->id }}"></label>
                                                            </div>
                                                        </td>
                                                        <td class="text-center">{{ $proyecto->nombre }}</td>
                                                        <td class="text-center" colspan="2" style="background-color: #4a4849; color:white; font-size: 20px;" style="background-color: #4a4849; color:white; font-size: 20px;"><i class="fas fa-eye-slash" onclick="verUsuarioDelproyectoPara(this,'{{ $proyecto->id }}')" style="cursor: pointer;"></i></td>
                                                    </tr>
                                                    @foreach ($proyecto->usuarios as $usuario)
                                                        <tr style="display: none;" class="contenedor_usuario_para_{{ $proyecto->id }}">
                                                            <td colspan="2"></td>
                                                            <td>
                                                                <div class="icheck-primary">
                                                                    <input class="checkbox-para-usuario" type="checkbox" id="checkboxParaUsuario{{ $usuario->id }}" value="{{ $usuario->id }}" name="checkbox-usuario-para[]" onchange="validarCheckBoxUsuarioPara(this,'{{ $usuario->id }}')">
                                                                    <label for="checkboxParaUsuario{{ $usuario->id }}"></label>
                                                                </div>
                                                            </td>
                                                            <td>{{ $usuario->name }}</td>
                                                        </tr>
                                                    @endforeach
                                                @endif
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            </fieldset>

                            <fieldset class="fieldset-color-aspen">
                                <legend class="titulo-fieldset-color-aspen">Copias: </legend>

                                <div class="table-responsive">
                                    <table class="table table-bordered">
                                        <thead>
                                            <tr>
                                                <th>Seleccionar Todo</th>
                                                <th>Proyecto</th>
                                                <th>Seleccionar Usuario</th>
                                                <th>Nombre Usuario</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach ($proyectos as $proyecto)
                                                @if (count($proyecto->usuarios) > 0)
                                                    <tr>
                                                        <td class="text-center">
                                                            <div class="icheck-primary">
                                                                <input type="checkbox" id="checkboxCopiasTodosUsuariosProyecto{{ $proyecto->id }}" value="todos" onchange="seleccionarTodosLosUsuariosDeUnProyectoCopias(this,'{{ $proyecto->id }}')">
                                                                <label for="checkboxCopiasTodosUsuariosProyecto{{ $proyecto->id }}"></label>
                                                            </div>
                                                        </td>
                                                        <td class="text-center">{{ $proyecto->nombre }}</td>
                                                        <td class="text-center" colspan="2" style="background-color: #4a4849; color:white; font-size: 20px;" style="background-color: #4a4849; color:white; font-size: 20px;"><i class="fas fa-eye-slash" onclick="verUsuarioDelproyectoCopias(this,'{{ $proyecto->id }}')" style="cursor: pointer;"></i></td>
                                                    </tr>
                                                    @foreach ($proyecto->usuarios as $usuario)
                                                        <tr style="display: none;" class="contenedor_usuario_copias_{{ $proyecto->id }}">
                                                            <td colspan="2"></td>
                                                            <td>
                                                                <div class="icheck-primary">
                                                                    <input class="checkbox-copias-usuario" type="checkbox" id="checkboxCopiasUsuario{{ $usuario->id }}" value="{{ $usuario->id }}" name="checkbox-usuario-copias[]" onchange="validarCheckBoxUsuariCopias(this,'{{ $usuario->id }}')">
                                                                    <label for="checkboxCopiasUsuario{{ $usuario->id }}"></label>
                                                                </div>
                                                            </td>
                                                            <td>{{ $usuario->name }}</td>
                                                        </tr>
                                                    @endforeach
                                                @endif
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            </fieldset>
                        </div>

                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-aspen" id="botonGuardarInformacionDefinitiva" onclick="guardarInformacion()"><i class="fas fa-save" style="margin-right: 2px;"></i> Guardar Información </button>
                        <button type="button" class="btn btn-secondary" data-dismiss="modal" onclick='document.getElementById("botonGuardarInformacion").removeAttribute("disabled")'>Cerrar</button>
                    </div>
                </div>
            </div>
        </form>
    </div>
@stop

@section('css')
    <link rel="stylesheet" href="{{ asset('css/generico.css') }}">
    <style>
        .item-error-rojo {
            font-weight: 700;
            color: #dc3545;
        }

        .item-error-verde {
            font-weight: 700;
            color: #28a745;
        }

        .item-error-amarillo {
            font-weight: 700;
            color: #ffc107;
        }
    </style>
@stop

@section('js')
    <script>
        $('#campoEquipoDeMedicion').selectpicker({
            dropupAuto: false,
        });
        $('#campoEquipoDeTransporte').selectpicker({
            dropupAuto: false,
        });
    </script>

    <script>
        let columnaActiva = false;
        let tipoColumnaActiva = ""
        const tipoDePozo='{{$ordenDeTrabajo->tipo_servicio}}';

        function establecerCumplimientoToleranciaEstandar(elementoAbuelo){
            let azimutMedido=parseFloat(elementoAbuelo.querySelector(".tabla-cota-azimut-medida-destino").innerHTML);
            let azimutOrigen=parseFloat(elementoAbuelo.querySelector(".tabla-azimut-plataforma-destino").innerHTML);
            let resultadoAzimut=0
            if(azimutMedido>azimutOrigen){
                resultadoAzimut=azimutMedido-azimutOrigen;
            }else if(azimutOrigen>azimutMedido){
                resultadoAzimut=azimutOrigen-azimutMedido;
            }else{
                resultadoAzimut=azimutMedido-azimutOrigen;
            }

            let inclinacionMedido=parseFloat(elementoAbuelo.querySelector(".tabla-cota-inclinacion-medida-destino").innerHTML);
            let inclinacionOrigen=parseFloat(elementoAbuelo.querySelector(".tabla-inclinacion-plataforma-destino").innerHTML);
            let resultadoInclinacion=0
            if(inclinacionMedido>inclinacionOrigen){
                resultadoInclinacion=inclinacionMedido-inclinacionOrigen;
            }else if(inclinacionOrigen>inclinacionMedido){
                resultadoInclinacion=inclinacionOrigen-inclinacionMedido;
            }

            let azimutCumple=false;
            let inclinacionCumple=false;
            if(resultadoAzimut<=0.50 && resultadoAzimut>=0){
                elementoAbuelo.querySelector(".tabla-error-item-destino").innerHTML = "false";
                elementoAbuelo.querySelector(".tabla-error-cumple-azimut-destino").innerHTML = "true";
                azimutCumple=true;
            }else{
                elementoAbuelo.querySelector(".tabla-error-item-destino").innerHTML = "false";
                elementoAbuelo.querySelector(".tabla-error-cumple-azimut-destino").innerHTML = "false";
            }

            if(resultadoInclinacion<=0.50 && resultadoInclinacion>=0){
                elementoAbuelo.querySelector(".tabla-error-item-destino").innerHTML = "false";
                elementoAbuelo.querySelector(".tabla-error-cumple-inclinacion-destino").innerHTML = "true";
                inclinacionCumple=true;
            }else{
                elementoAbuelo.querySelector(".tabla-error-item-destino").innerHTML = "false";
                elementoAbuelo.querySelector(".tabla-error-cumple-inclinacion-destino").innerHTML = "false";
            }

            if(azimutCumple==false && inclinacionCumple==false){
                elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").innerHTML = "No cumple con la verificación de azimuth y la verificación de la inclinación.";
                elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").classList.remove("item-error-rojo");
                elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").classList.remove("item-error-verde");
                elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").classList.remove("item-error-amarillo");
                elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").classList.add("item-error-amarillo");
            }else if(azimutCumple==true && inclinacionCumple==false){
                elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").innerHTML = "No cumple con la verificación de la inclinación.";
                elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").classList.remove("item-error-rojo");
                elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").classList.remove("item-error-verde");
                elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").classList.remove("item-error-amarillo");
                elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").classList.add("item-error-amarillo");
            }else if(azimutCumple==false && inclinacionCumple==true){
                elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").innerHTML = "No cumple con la verificación de azimuth.";
                elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").classList.remove("item-error-rojo");
                elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").classList.remove("item-error-verde");
                elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").classList.remove("item-error-amarillo");
                elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").classList.add("item-error-amarillo");
            }else{
                elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").innerHTML = "Punto valido.";
                elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").classList.remove("item-error-rojo");
                elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").classList.remove("item-error-verde");
                elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").classList.remove("item-error-amarillo");
                elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").classList.add("item-error-verde");
            }
        }

        function establecerCumplimientoToleranciaParaPozoVertical(elementoAbuelo){
            elementoAbuelo.querySelector(".tabla-error-item-destino").innerHTML = "false";
            elementoAbuelo.querySelector(".tabla-error-cumple-azimut-destino").innerHTML = "true";
            elementoAbuelo.querySelector(".tabla-error-cumple-inclinacion-destino").innerHTML = "true";

            elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").innerHTML = "Punto valido.";
            elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").classList.remove("item-error-rojo");
            elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").classList.remove("item-error-verde");
            elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").classList.remove("item-error-amarillo");
            elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").classList.add("item-error-verde");
        }

        function establecerCumplimientoToleranciaParaPozoDrenes(elementoAbuelo){
            let azimutMedido=parseFloat(elementoAbuelo.querySelector(".tabla-cota-azimut-medida-destino").innerHTML);
            let azimutOrigen=parseFloat(elementoAbuelo.querySelector(".tabla-azimut-plataforma-destino").innerHTML);
            let resultadoAzimut=0
            if(azimutMedido>azimutOrigen){
                resultadoAzimut=azimutMedido-azimutOrigen;
            }else if(azimutOrigen>azimutMedido){
                resultadoAzimut=azimutOrigen-azimutMedido;
            }else{
                resultadoAzimut=azimutMedido-azimutOrigen;
            }

            let inclinacionMedido=parseFloat(elementoAbuelo.querySelector(".tabla-cota-inclinacion-medida-destino").innerHTML);
            let inclinacionOrigen=parseFloat(elementoAbuelo.querySelector(".tabla-inclinacion-plataforma-destino").innerHTML);
            let resultadoInclinacion=0
            resultadoInclinacion=inclinacionOrigen-inclinacionMedido;


            let azimutCumple=false;
            let inclinacionCumple=false;
            if(resultadoAzimut<=0.50 && resultadoAzimut>=0){
                elementoAbuelo.querySelector(".tabla-error-item-destino").innerHTML = "false";
                elementoAbuelo.querySelector(".tabla-error-cumple-azimut-destino").innerHTML = "true";
                azimutCumple=true;
            }else{
                elementoAbuelo.querySelector(".tabla-error-item-destino").innerHTML = "false";
                elementoAbuelo.querySelector(".tabla-error-cumple-azimut-destino").innerHTML = "false";
            }

            if(inclinacionOrigen>0){
                if(resultadoInclinacion<=1 && resultadoInclinacion>=-2){
                    elementoAbuelo.querySelector(".tabla-error-item-destino").innerHTML = "false";
                    elementoAbuelo.querySelector(".tabla-error-cumple-inclinacion-destino").innerHTML = "true";
                    inclinacionCumple=true;
                }else{
                    elementoAbuelo.querySelector(".tabla-error-item-destino").innerHTML = "false";
                    elementoAbuelo.querySelector(".tabla-error-cumple-inclinacion-destino").innerHTML = "false";
                }
            }else if(inclinacionOrigen<0){
                if(resultadoInclinacion>=-1 && resultadoInclinacion<=2){
                    elementoAbuelo.querySelector(".tabla-error-item-destino").innerHTML = "false";
                    elementoAbuelo.querySelector(".tabla-error-cumple-inclinacion-destino").innerHTML = "true";
                    inclinacionCumple=true;
                }else{
                    elementoAbuelo.querySelector(".tabla-error-item-destino").innerHTML = "false";
                    elementoAbuelo.querySelector(".tabla-error-cumple-inclinacion-destino").innerHTML = "false";
                }
            }else if(inclinacionOrigen==0){
                if(resultadoInclinacion>=-2 && resultadoInclinacion<=1){
                    elementoAbuelo.querySelector(".tabla-error-item-destino").innerHTML = "false";
                    elementoAbuelo.querySelector(".tabla-error-cumple-inclinacion-destino").innerHTML = "true";
                    inclinacionCumple=true;
                }else{
                    elementoAbuelo.querySelector(".tabla-error-item-destino").innerHTML = "false";
                    elementoAbuelo.querySelector(".tabla-error-cumple-inclinacion-destino").innerHTML = "false";
                }
            }

            if(azimutCumple==false && inclinacionCumple==false){
                elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").innerHTML = "No cumple con la verificación de azimuth y la verificación de la inclinación.";
                elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").classList.remove("item-error-rojo");
                elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").classList.remove("item-error-verde");
                elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").classList.remove("item-error-amarillo");
                elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").classList.add("item-error-amarillo");
            }else if(azimutCumple==true && inclinacionCumple==false){
                elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").innerHTML = "No cumple con la verificación de la inclinación.";
                elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").classList.remove("item-error-rojo");
                elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").classList.remove("item-error-verde");
                elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").classList.remove("item-error-amarillo");
                elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").classList.add("item-error-amarillo");
            }else if(azimutCumple==false && inclinacionCumple==true){
                elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").innerHTML = "No cumple con la verificación de azimuth.";
                elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").classList.remove("item-error-rojo");
                elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").classList.remove("item-error-verde");
                elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").classList.remove("item-error-amarillo");
                elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").classList.add("item-error-amarillo");
            }else{
                elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").innerHTML = "Punto valido.";
                elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").classList.remove("item-error-rojo");
                elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").classList.remove("item-error-verde");
                elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").classList.remove("item-error-amarillo");
                elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").classList.add("item-error-verde");
            }
        }

        function setCaretPosition(ctrl, pos) {
            if (ctrl.setSelectionRange) {
                ctrl.focus();
                ctrl.setSelectionRange(pos, pos);
            } else if (ctrl.createTextRange) {
                var range = ctrl.createTextRange();
                range.collapse(true);
                range.moveEnd('character', pos);
                range.moveStart('character', pos);
                range.select();
            }

        }

        function validarCaracteresDelCampoAzimutDelItem(event, azimut) {
            if (event.key === "Enter") {
                este.removeAttribute("onblur");
                tipoColumnaActiva = "sin_campo";
                columnaActiva = false;
                var elementoPadre = azimut.parentElement.parentElement;
                var elementoAbuelo = azimut.parentElement.parentElement.parentElement;
                var valorAzimut = azimut.value;
                elementoPadre.innerHTML = valorAzimut;
                if (valorAzimut != "") {
                    let hayError=false;
                    let mensajeDeError="Falta el valor ";
                    let hayComa=false;
                    if(elementoAbuelo.querySelector(".tabla-cota-azimut-medida-destino").innerHTML == ""){
                        hayError=true;
                        mensajeDeError+="del azimut "
                        hayComa=true;
                    }

                    if(elementoAbuelo.querySelector(".tabla-cota-inclinacion-medida-destino").innerHTML == ""){
                        hayError=true;
                        if(hayComa==true){
                            mensajeDeError+="y de la inclinación"
                        }else{
                            mensajeDeError+="de la inclinación"
                        }
                        hayComa=true;
                    }

                    if(hayError==true){
                        elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").innerHTML = mensajeDeError;
                        elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").classList.remove("item-error-rojo");
                        elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").classList.remove("item-error-verde");
                        elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").classList.remove("item-error-amarillo");
                        elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").classList.add("item-error-rojo");
                        elementoAbuelo.querySelector(".tabla-error-item-destino").innerHTML = "true";
                    }else{
                        if(tipoDePozo=='Vertical'){
                            establecerCumplimientoToleranciaParaPozoVertical(elementoAbuelo);
                        }else if(tipoDePozo=='Drenes'){
                            establecerCumplimientoToleranciaParaPozoDrenes(elementoAbuelo);
                        }
                    }
                }else{
                    if (elementoAbuelo.querySelector(".tabla-error-item-destino").innerHTML === "false") {
                        if (elementoAbuelo.querySelector(".tabla-cota-inclinacion-medida-destino").innerHTML != "") {
                            elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").innerHTML = "Falta el valor del azimut";
                            elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").classList.remove("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").classList.remove("item-error-verde");
                            elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").classList.remove("item-error-amarillo");
                            elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").classList.add("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-error-item-destino").innerHTML = "true";
                        }else{
                            elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").innerHTML = "Falta el valor del azimut y de la inclinación";
                            elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").classList.remove("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").classList.remove("item-error-verde");
                            elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").classList.remove("item-error-amarillo");
                            elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").classList.add("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-error-item-destino").innerHTML = "true";
                        }
                    }else{
                        let hayError=false;
                        let mensajeDeError="Falta el valor ";
                        let hayComa=false;
                        if(elementoAbuelo.querySelector(".tabla-cota-azimut-medida-destino").innerHTML == ""){
                            hayError=true;
                            mensajeDeError+="del azimut "
                            hayComa=true;
                        }
    
                        if(elementoAbuelo.querySelector(".tabla-cota-inclinacion-medida-destino").innerHTML == ""){
                            hayError=true;
                            if(hayComa==true){
                                mensajeDeError+="y de la inclinación"
                            }else{
                                mensajeDeError+="de la inclinación"
                            }
                            hayComa=true;
                        }
    
                        if(hayError==true){
                            elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").innerHTML = mensajeDeError;
                            elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").classList.remove("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").classList.remove("item-error-verde");
                            elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").classList.remove("item-error-amarillo");
                            elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").classList.add("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-error-item-destino").innerHTML = "true";
                        }else{
                            elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").innerHTML = "Punto valido.";
                            elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").classList.remove("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").classList.remove("item-error-verde");
                            elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").classList.remove("item-error-amarillo");
                            elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").classList.add("item-error-verde");
                            elementoAbuelo.querySelector(".tabla-error-item-destino").innerHTML = "false";
                        }
                    }
                }
            } else {
                if (event.key == ".") {
                    var cantidadDePuntos = 0;
                    for (var i = 0; i < azimut.value.length; i++) {
                        if (azimut.value[i].toLowerCase() === ".") cantidadDePuntos++;
                    }

                    if (cantidadDePuntos > 0) {
                        return false;
                    } else {
                        if (azimut.value.length > 0) {
                            return true;
                        } else {
                            return false;
                        }
                    }
                } else {
                    if (event.key != 1 && event.key != 2 && event.key != 3 && event.key != 4 && event.key != 5 && event.key != 6 && event.key != 7 && event.key != 8 && event.key != 9 && event.key != 0 && event.key != "-") {
                        return false;
                    } else {
                        return true;
                    }
                }
            }
        }

        function desenfocarInputColumnaAzimutDelItem(azimut) {
            try {
                tipoColumnaActiva = "sin_campo";
                columnaActiva = false;
                var elementoPadre = azimut.parentElement.parentElement;
                var elementoAbuelo = azimut.parentElement.parentElement.parentElement;
                var valorAzimut = azimut.value;
                elementoPadre.innerHTML = valorAzimut;
                if (valorAzimut != "") {
                    let hayError=false;
                    let mensajeDeError="Falta el valor ";
                    let hayComa=false;
                    if(elementoAbuelo.querySelector(".tabla-cota-azimut-medida-destino").innerHTML == ""){
                        hayError=true;
                        mensajeDeError+="del azimut "
                        hayComa=true;
                    }

                    if(elementoAbuelo.querySelector(".tabla-cota-inclinacion-medida-destino").innerHTML == ""){
                        hayError=true;
                        if(hayComa==true){
                            mensajeDeError+="y de la inclinación"
                        }else{
                            mensajeDeError+="de la inclinación"
                        }
                        hayComa=true;
                    }

                    if(hayError==true){
                        elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").innerHTML = mensajeDeError;
                        elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").classList.remove("item-error-rojo");
                        elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").classList.remove("item-error-verde");
                        elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").classList.remove("item-error-amarillo");
                        elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").classList.add("item-error-rojo");
                        elementoAbuelo.querySelector(".tabla-error-item-destino").innerHTML = "true";
                    }else{
                        if(tipoDePozo=='Vertical'){
                            establecerCumplimientoToleranciaParaPozoVertical(elementoAbuelo);
                        }else if(tipoDePozo=='Drenes'){
                            establecerCumplimientoToleranciaParaPozoDrenes(elementoAbuelo);
                        }
                    }
                }else{
                    if (elementoAbuelo.querySelector(".tabla-error-item-destino").innerHTML === "false") {
                        if (elementoAbuelo.querySelector(".tabla-cota-inclinacion-medida-destino").innerHTML != "") {
                            elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").innerHTML = "Falta el valor del azimut";
                            elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").classList.remove("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").classList.remove("item-error-verde");
                            elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").classList.remove("item-error-amarillo");
                            elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").classList.add("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-error-item-destino").innerHTML = "true";
                        }else{
                            elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").innerHTML = "Falta el valor del azimut y de la inclinación";
                            elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").classList.remove("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").classList.remove("item-error-verde");
                            elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").classList.remove("item-error-amarillo");
                            elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").classList.add("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-error-item-destino").innerHTML = "true";
                        }
                    }else{
                        let hayError=false;
                        let mensajeDeError="Falta el valor ";
                        let hayComa=false;
                        if(elementoAbuelo.querySelector(".tabla-cota-azimut-medida-destino").innerHTML == ""){
                            hayError=true;
                            mensajeDeError+="del azimut "
                            hayComa=true;
                        }
    
                        if(elementoAbuelo.querySelector(".tabla-cota-inclinacion-medida-destino").innerHTML == ""){
                            hayError=true;
                            if(hayComa==true){
                                mensajeDeError+="y de la inclinación"
                            }else{
                                mensajeDeError+="de la inclinación"
                            }
                            hayComa=true;
                        }
    
                        if(hayError==true){
                            elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").innerHTML = mensajeDeError;
                            elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").classList.remove("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").classList.remove("item-error-verde");
                            elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").classList.remove("item-error-amarillo");
                            elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").classList.add("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-error-item-destino").innerHTML = "true";
                        }else{
                            elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").innerHTML = "Punto valido.";
                            elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").classList.remove("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").classList.remove("item-error-verde");
                            elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").classList.remove("item-error-amarillo");
                            elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").classList.add("item-error-verde");
                            elementoAbuelo.querySelector(".tabla-error-item-destino").innerHTML = "false";
                        }
                    }
                }
            } catch (e) {
                console.log(e);
            }
        }

        function editarColumnaAzimutDelItem(azimut) {
            if (tipoColumnaActiva != "azimut") {
                columnaActiva = true;
                tipoColumnaActiva = "azimut";
                let valorAzimut= azimut.innerHTML;
                let campoDelFormulario =
                    '<div class="form-group">' +
                    '<input type="text" class="form-control" style="width:170px !important;" id="campoAzimutDelItem" value="' + valorAzimut + '"onblur="desenfocarInputColumnaAzimutDelItem(this)" onkeypress="return validarCaracteresDelCampoAzimutDelItem(event,this)">' +
                    '</div>';
                    azimut.innerHTML = campoDelFormulario;
                setCaretPosition(azimut.querySelector("input"), azimut.querySelector("input").value.length);
            }
        }

        function validarCaracteresDelCampoInclinacionDelItem(event, inclinacion) {
            if (event.key === "Enter") {
                este.removeAttribute("onblur");
                tipoColumnaActiva = "sin_campo";
                columnaActiva = false;
                var elementoPadre = inclinacion.parentElement.parentElement;
                var elementoAbuelo = inclinacion.parentElement.parentElement.parentElement;
                var valorInclinacion = inclinacion.value;
                elementoPadre.innerHTML = valorInclinacion;
                if (valorInclinacion != "") {
                    let hayError=false;
                    let mensajeDeError="Falta el valor ";
                    let hayComa=false;
                    if(elementoAbuelo.querySelector(".tabla-cota-azimut-medida-destino").innerHTML == ""){
                        hayError=true;
                        mensajeDeError+="del azimut "
                        hayComa=true;
                    }

                    if(elementoAbuelo.querySelector(".tabla-cota-inclinacion-medida-destino").innerHTML == ""){
                        hayError=true;
                        if(hayComa==true){
                            mensajeDeError+="y de la inclinación"
                        }else{
                            mensajeDeError+="de la inclinación"
                        }
                        hayComa=true;
                    }

                    if(hayError==true){
                        elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").innerHTML = mensajeDeError;
                        elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").classList.remove("item-error-rojo");
                        elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").classList.remove("item-error-verde");
                        elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").classList.remove("item-error-amarillo");
                        elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").classList.add("item-error-rojo");
                        elementoAbuelo.querySelector(".tabla-error-item-destino").innerHTML = "true";
                    }else{
                        if(tipoDePozo=='Vertical'){
                            establecerCumplimientoToleranciaParaPozoVertical(elementoAbuelo);
                        }else if(tipoDePozo=='Drenes'){
                            establecerCumplimientoToleranciaParaPozoDrenes(elementoAbuelo);
                        }
                    }
                }else{
                    if (elementoAbuelo.querySelector(".tabla-error-item-destino").innerHTML === "false") {
                        if (elementoAbuelo.querySelector(".tabla-cota-azimut-medida-destino").innerHTML != "") {
                            elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").innerHTML = "Falta el valor de la inclinación";
                            elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").classList.remove("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").classList.remove("item-error-verde");
                            elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").classList.remove("item-error-amarillo");
                            elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").classList.add("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-error-item-destino").innerHTML = "true";
                        }else{
                            elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").innerHTML = "Falta el valor del azimut y de la inclinación";
                            elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").classList.remove("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").classList.remove("item-error-verde");
                            elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").classList.remove("item-error-amarillo");
                            elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").classList.add("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-error-item-destino").innerHTML = "true";
                        }
                    }else{
                        let hayError=false;
                        let mensajeDeError="Falta el valor ";
                        let hayComa=false;
                        if(elementoAbuelo.querySelector(".tabla-cota-azimut-medida-destino").innerHTML == ""){
                            hayError=true;
                            mensajeDeError+="del azimut "
                            hayComa=true;
                        }
    
                        if(elementoAbuelo.querySelector(".tabla-cota-inclinacion-medida-destino").innerHTML == ""){
                            hayError=true;
                            if(hayComa==true){
                                mensajeDeError+="y de la inclinación"
                            }else{
                                mensajeDeError+="de la inclinación"
                            }
                            hayComa=true;
                        }
    
                        if(hayError==true){
                            elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").innerHTML = mensajeDeError;
                            elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").classList.remove("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").classList.remove("item-error-verde");
                            elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").classList.remove("item-error-amarillo");
                            elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").classList.add("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-error-item-destino").innerHTML = "true";
                        }else{
                            elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").innerHTML = "Punto valido.";
                            elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").classList.remove("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").classList.remove("item-error-verde");
                            elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").classList.remove("item-error-amarillo");
                            elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").classList.add("item-error-verde");
                            elementoAbuelo.querySelector(".tabla-error-item-destino").innerHTML = "false";
                        }
                    }
                }
            } else {
                if (event.key == ".") {
                    var cantidadDePuntos = 0;
                    for (var i = 0; i < azimut.value.length; i++) {
                        if (azimut.value[i].toLowerCase() === ".") cantidadDePuntos++;
                    }

                    if (cantidadDePuntos > 0) {
                        return false;
                    } else {
                        if (azimut.value.length > 0) {
                            return true;
                        } else {
                            return false;
                        }
                    }
                } else {
                    if (event.key != 1 && event.key != 2 && event.key != 3 && event.key != 4 && event.key != 5 && event.key != 6 && event.key != 7 && event.key != 8 && event.key != 9 && event.key != 0 && event.key != "-") {
                        return false;
                    } else {
                        return true;
                    }
                }
            }
        }

        function desenfocarInputColumnaInclinacionDelItem(inclinacion) {
            try {
                tipoColumnaActiva = "sin_campo";
                columnaActiva = false;
                var elementoPadre = inclinacion.parentElement.parentElement;
                var elementoAbuelo = inclinacion.parentElement.parentElement.parentElement;
                var valorInclinacion = inclinacion.value;
                elementoPadre.innerHTML = valorInclinacion;
                if (valorInclinacion != "") {
                    let hayError=false;
                    let mensajeDeError="Falta el valor ";
                    let hayComa=false;
                    if(elementoAbuelo.querySelector(".tabla-cota-azimut-medida-destino").innerHTML == ""){
                        hayError=true;
                        mensajeDeError+="del azimut "
                        hayComa=true;
                    }

                    if(elementoAbuelo.querySelector(".tabla-cota-inclinacion-medida-destino").innerHTML == ""){
                        hayError=true;
                        if(hayComa==true){
                            mensajeDeError+="y de la inclinación"
                        }else{
                            mensajeDeError+="de la inclinación"
                        }
                        hayComa=true;
                    }

                    if(hayError==true){
                        elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").innerHTML = mensajeDeError;
                        elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").classList.remove("item-error-rojo");
                        elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").classList.remove("item-error-verde");
                        elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").classList.remove("item-error-amarillo");
                        elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").classList.add("item-error-rojo");
                        elementoAbuelo.querySelector(".tabla-error-item-destino").innerHTML = "true";
                    }else{
                        if(tipoDePozo=='Vertical'){
                            establecerCumplimientoToleranciaParaPozoVertical(elementoAbuelo);
                        }else if(tipoDePozo=='Drenes'){
                            establecerCumplimientoToleranciaParaPozoDrenes(elementoAbuelo);
                        }
                    }
                }else{
                    if (elementoAbuelo.querySelector(".tabla-error-item-destino").innerHTML === "false") {
                        if (elementoAbuelo.querySelector(".tabla-cota-azimut-medida-destino").innerHTML != "") {
                            elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").innerHTML = "Falta el valor de la inclinación";
                            elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").classList.remove("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").classList.remove("item-error-verde");
                            elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").classList.remove("item-error-amarillo");
                            elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").classList.add("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-error-item-destino").innerHTML = "true";
                        }else{
                            elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").innerHTML = "Falta el valor del azimut y de la inclinación";
                            elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").classList.remove("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").classList.remove("item-error-verde");
                            elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").classList.remove("item-error-amarillo");
                            elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").classList.add("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-error-item-destino").innerHTML = "true";
                        }
                    }else{
                        let hayError=false;
                        let mensajeDeError="Falta el valor ";
                        let hayComa=false;
                        if(elementoAbuelo.querySelector(".tabla-cota-azimut-medida-destino").innerHTML == ""){
                            hayError=true;
                            mensajeDeError+="del azimut "
                            hayComa=true;
                        }
    
                        if(elementoAbuelo.querySelector(".tabla-cota-inclinacion-medida-destino").innerHTML == ""){
                            hayError=true;
                            if(hayComa==true){
                                mensajeDeError+="y de la inclinación"
                            }else{
                                mensajeDeError+="de la inclinación"
                            }
                            hayComa=true;
                        }
    
                        if(hayError==true){
                            elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").innerHTML = mensajeDeError;
                            elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").classList.remove("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").classList.remove("item-error-verde");
                            elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").classList.remove("item-error-amarillo");
                            elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").classList.add("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-error-item-destino").innerHTML = "true";
                        }else{
                            elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").innerHTML = "Punto valido.";
                            elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").classList.remove("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").classList.remove("item-error-verde");
                            elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").classList.remove("item-error-amarillo");
                            elementoAbuelo.querySelector(".tabla-cota-error-observacion-destino").classList.add("item-error-verde");
                            elementoAbuelo.querySelector(".tabla-error-item-destino").innerHTML = "false";
                        }
                    }
                }
            } catch (e) {
                console.log(e);
            }
        }

        function editarColumnaInclinacionDelItem(inclinacion) {
            if (tipoColumnaActiva != "inclinacion") {
                columnaActiva = true;
                tipoColumnaActiva = "inclinacion";
                let valorInclinacion= inclinacion.innerHTML;
                let campoDelFormulario =
                    '<div class="form-group">' +
                    '<input type="text" class="form-control" style="width:170px !important;" id="campoInclinacionDelItem" value="' + valorInclinacion + '"onblur="desenfocarInputColumnaInclinacionDelItem(this)" onkeypress="return validarCaracteresDelCampoInclinacionDelItem(event,this)">' +
                    '</div>';
                    inclinacion.innerHTML = campoDelFormulario;
                setCaretPosition(inclinacion.querySelector("input"), inclinacion.querySelector("input").value.length);
            }
        }

        function validarCaracteresDelCampoObservacionDelItem(event, observacion) {
            if (event.key === "Enter") {
                observacion.removeAttribute("onblur");
                tipoColumnaActiva = "sin_campo";
                columnaActiva = false;
                var elementoPadre = observacion.parentElement.parentElement;
                var elementoAbuelo = observacion.parentElement.parentElement.parentElement;
                var valorObservacion = observacion.value;
                elementoPadre.innerHTML = valorObservacion;
            } else {
                return true;
            }
        }

        function desenfocarInputColumnaObservacionDelItem(observacion) {
            try {
                tipoColumnaActiva = "sin_campo";
                columnaActiva = false;
                var elementoPadre = observacion.parentElement.parentElement;
                var elementoAbuelo = observacion.parentElement.parentElement.parentElement;
                var valorObservacion = observacion.value;
                elementoPadre.innerHTML = valorObservacion;
            } catch (e) {
                console.log(e);
            }
        }

        function editarColumnaObservacionDelItem(observacion) {
            if (tipoColumnaActiva != "obervacion") {
                columnaActiva = true;
                tipoColumnaActiva = "obervacion";
                let valorObservacion = observacion.innerHTML;
                let campoDelFormulario =
                    '<div class="form-group">' +
                    '<input type="text" class="form-control" id="campoObservacionDelItem" value="' + valorObservacion + '"  onblur="desenfocarInputColumnaObservacionDelItem(this)" onkeypress="return validarCaracteresDelCampoObservacionDelItem(event,this)">' +
                    '</div>';
                observacion.innerHTML = campoDelFormulario;
                setCaretPosition(observacion.querySelector("input"), observacion.querySelector("input").value.length);
            }
        }
    </script>

    <script>
        function verUsuarioDelproyectoPara(icono, idProyecto) {
            icono.setAttribute("class", "fas fa-eye");
            icono.setAttribute("onclick", "ocultarUsuarioDelproyectoPara(this,'" + idProyecto + "')");
            document.querySelectorAll(".contenedor_usuario_para_" + idProyecto).forEach(elemento => {
                elemento.style.display = "table-row";
            });
        }
    
        function ocultarUsuarioDelproyectoPara(icono, idProyecto) {
            icono.setAttribute("class", "fas fa-eye-slash");
            icono.setAttribute("onclick", "verUsuarioDelproyectoPara(this,'" + idProyecto + "')");
            document.querySelectorAll(".contenedor_usuario_para_" + idProyecto).forEach(elemento => {
                elemento.style.display = "none";
            });
        }
    
        function seleccionarTodosLosUsuariosDeUnProyectoPara(checkbox, idProyecto) {
            if (checkbox.checked == true) {
                document.querySelectorAll(".contenedor_usuario_para_" + idProyecto).forEach(elemento => {
                    elemento.querySelector(".checkbox-para-usuario").checked = true;
    
                    document.querySelectorAll(".contenedor_usuario_copias_" + idProyecto).forEach(elementoCopia => {
                        if (elemento.querySelector(".checkbox-para-usuario").value == elementoCopia.querySelector(".checkbox-copias-usuario").value) {
                            elementoCopia.querySelector(".checkbox-copias-usuario").checked = false;
                        }
                    });
                });
            } else if (checkbox.checked == false) {
                document.querySelectorAll(".contenedor_usuario_para_" + idProyecto).forEach(elemento => {
                    elemento.querySelector(".checkbox-para-usuario").checked = false;
                });
            }
        }
    
        function verUsuarioDelproyectoCopias(icono, idProyecto) {
            icono.setAttribute("class", "fas fa-eye");
            icono.setAttribute("onclick", "ocultarUsuarioDelproyectoCopias(this,'" + idProyecto + "')");
            document.querySelectorAll(".contenedor_usuario_copias_" + idProyecto).forEach(elemento => {
                elemento.style.display = "table-row";
            });
        }
    
        function ocultarUsuarioDelproyectoCopias(icono, idProyecto) {
            icono.setAttribute("class", "fas fa-eye-slash");
            icono.setAttribute("onclick", "verUsuarioDelproyectoCopias(this,'" + idProyecto + "')");
            document.querySelectorAll(".contenedor_usuario_copias_" + idProyecto).forEach(elemento => {
                elemento.style.display = "none";
            });
        }
    
        function seleccionarTodosLosUsuariosDeUnProyectoCopias(checkbox, idProyecto) {
            if (checkbox.checked == true) {
                document.querySelectorAll(".contenedor_usuario_copias_" + idProyecto).forEach(elemento => {
                    elemento.querySelector(".checkbox-copias-usuario").checked = true;
    
                    document.querySelectorAll(".contenedor_usuario_para_" + idProyecto).forEach(elementoPara => {
                        if (elemento.querySelector(".checkbox-copias-usuario").value == elementoPara.querySelector(".checkbox-para-usuario").value) {
                            elementoPara.querySelector(".checkbox-para-usuario").checked = false;
                        }
                    });
                });
            } else if (checkbox.checked == false) {
                document.querySelectorAll(".contenedor_usuario_copias_" + idProyecto).forEach(elemento => {
                    elemento.querySelector(".checkbox-copias-usuario").checked = false;
                });
            }
        }
    
        function validarCheckBoxUsuarioPara(checkbox, idUsuario) {
            if (checkbox.checked == true) {
                if (document.getElementById("checkboxCopiasUsuario" + idUsuario)) {
                    document.getElementById("checkboxCopiasUsuario" + idUsuario).checked = false;
                }
            }
        }
    
        function validarCheckBoxUsuariCopias(checkbox, idUsuario) {
            if (checkbox.checked == true) {
                if (document.getElementById("checkboxParaUsuario" + idUsuario)) {
                    document.getElementById("checkboxParaUsuario" + idUsuario).checked = false;
                }
            }
        }
    </script>  

    <script>
        function abrirSeleccionadorDeCorreos() {
            document.getElementById("botonGuardarInformacion").setAttribute("disabled", true);
            document.getElementById("preloader").removeAttribute("style");
            document.getElementById("img-preloader").style.display = "block";

            if (document.getElementById("campoEquipoDeMedicion").value.trim().length > 0 && document.getElementById("campoEquipoDeTransporte").value.trim().length > 0) {
                document.getElementById("campoEquipoDeMedicion").classList.remove('input-error-icon');
                document.getElementById("campoEquipoDeMedicion").classList.add('input-success-icon');
                document.getElementById("validacionCampoEquipoDeMedicion").innerHTML = "";
                document.getElementById("validacionCampoEquipoDeMedicion").style.display = "none";

                document.getElementById("campoEquipoDeTransporte").classList.remove('input-error-icon');
                document.getElementById("campoEquipoDeTransporte").classList.add('input-success-icon');
                document.getElementById("validacionCampoEquipoDeTransporte").innerHTML = "";
                document.getElementById("validacionCampoEquipoDeTransporte").style.display = "none";

                let hayErrores = false;
                let listadoDeitems = [];
                let itemsDestino = document.getElementById('tabla-puntos-destino').tBodies[0].querySelectorAll("tr");
                if (itemsDestino.length > 0) {
                    itemsDestino.forEach(item => {
                        if (item.querySelector(".tabla-id-item-origen-destino").innerHTML.trim()) {
                            let idPuntoOrdenDeTrabajo = item.querySelector(".tabla-id-item-origen-destino").innerHTML.trim();
                            let idPuntoTerreno = item.querySelector(".tabla-id-item-terreno-destino").innerHTML.trim();
                            let idPuntoPlataforma = item.querySelector(".tabla-id-item-plataforma-destino").innerHTML.trim();
                            let nombreItem = item.querySelector(".tabla-nombre-item-destino").innerHTML.trim();
                            let esteItem = item.querySelector(".tabla-este-item-destino").innerHTML.trim();
                            let norteItem = item.querySelector(".tabla-norte-item-destino").innerHTML.trim();
                            let cotaItem = item.querySelector(".tabla-cota-item-destino").innerHTML.trim();
                            let azimut = item.querySelector(".tabla-cota-azimut-medida-destino").innerHTML.trim();
                            let inclinacion = item.querySelector(".tabla-cota-inclinacion-medida-destino").innerHTML.trim();
                            let observacionItem = item.querySelector(".tabla-cota-observacion-destino").innerHTML.trim();
                            let error = item.querySelector(".tabla-error-item-destino").innerHTML.trim();

                            let objectoItem = {
                                idPuntoOrdenDeTrabajo: idPuntoOrdenDeTrabajo,
                                idPuntoTerreno: idPuntoTerreno,
                                idPuntoPlataforma: idPuntoPlataforma,
                                nombreItem: nombreItem,
                                esteItem: esteItem,
                                norteItem: norteItem,
                                cotaItem: cotaItem,
                                azimut: azimut,
                                inclinacion: inclinacion,
                                observacionItem: observacionItem
                            };

                            if (error == "true") {
                                hayErrores = true;
                            }

                            listadoDeitems.push(objectoItem);
                        }
                    });

                    if (hayErrores == true) {
                        Swal.fire({
                            icon: 'error',
                            title: '¡Puntos con Errores!',
                            text: 'No es posible guardar la información, hay puntos con errores ',
                            confirmButtonColor: "#448aff",
                            confirmButtonText: "Confirmar"
                        })
                        document.getElementById("botonGuardarInformacion").removeAttribute("disabled");
                        document.getElementById("preloader").style.height = "0px";
                        document.getElementById("img-preloader").style.display = "none";
                    } else {
                        $("#modalSeleccionarDeCorreos").modal("show");
                        document.getElementById("preloader").style.height = "0px";
                        document.getElementById("img-preloader").style.display = "none";
                    }
                } else {
                    Swal.fire({
                        icon: 'error',
                        title: '¡Carga de Puntos!',
                        text: 'Debe ingresar al menos un punto valido para guardar la información',
                        confirmButtonColor: "#448aff",
                        confirmButtonText: "Confirmar"
                    })
                    document.getElementById("botonGuardarInformacion").removeAttribute("disabled");
                    document.getElementById("preloader").style.height = "0px";
                    document.getElementById("img-preloader").style.display = "none";
                }
            } else {
                if (document.getElementById("campoEquipoDeMedicion").value.trim().length > 0) {
                    document.getElementById("campoEquipoDeMedicion").classList.remove('input-error-icon');
                    document.getElementById("campoEquipoDeMedicion").classList.add('input-success-icon');
                    document.getElementById("validacionCampoEquipoDeMedicion").innerHTML = "";
                    document.getElementById("validacionCampoEquipoDeMedicion").style.display = "none";
                } else {
                    document.getElementById("campoEquipoDeMedicion").classList.remove('input-success-icon');
                    document.getElementById("campoEquipoDeMedicion").classList.add('input-error-icon');
                    document.getElementById("validacionCampoEquipoDeMedicion").innerHTML = "El campo responsable es obligatorio.";
                    document.getElementById("validacionCampoEquipoDeMedicion").style.display = "block";
                }

                if (document.getElementById("campoEquipoDeTransporte").value.trim().length > 0) {
                    document.getElementById("campoEquipoDeTransporte").classList.remove('input-error-icon');
                    document.getElementById("campoEquipoDeTransporte").classList.add('input-success-icon');
                    document.getElementById("validacionCampoEquipoDeTransporte").innerHTML = "";
                    document.getElementById("validacionCampoEquipoDeTransporte").style.display = "none";
                } else {
                    document.getElementById("campoEquipoDeTransporte").classList.remove('input-success-icon');
                    document.getElementById("campoEquipoDeTransporte").classList.add('input-error-icon');
                    document.getElementById("validacionCampoEquipoDeTransporte").innerHTML = "El campo responsable es obligatorio.";
                    document.getElementById("validacionCampoEquipoDeTransporte").style.display = "block";
                }

                document.getElementById("botonGuardarInformacion").removeAttribute("disabled");
                    document.getElementById("preloader").style.height = "0px";
                    document.getElementById("img-preloader").style.display = "none";
            }
        }

        function guardarInformacion() {
            document.getElementById("botonGuardarInformacionDefinitiva").setAttribute("disabled", true);
            document.getElementById("preloader").removeAttribute("style");
            document.getElementById("img-preloader").style.display = "block";

            if (document.getElementById("campoEquipoDeMedicion").value.trim().length > 0 && document.getElementById("campoEquipoDeTransporte").value.trim().length > 0) {
                document.getElementById("campoEquipoDeMedicion").classList.remove('input-error-icon');
                document.getElementById("campoEquipoDeMedicion").classList.add('input-success-icon');
                document.getElementById("validacionCampoEquipoDeMedicion").innerHTML = "";
                document.getElementById("validacionCampoEquipoDeMedicion").style.display = "none";

                document.getElementById("campoEquipoDeTransporte").classList.remove('input-error-icon');
                document.getElementById("campoEquipoDeTransporte").classList.add('input-success-icon');
                document.getElementById("validacionCampoEquipoDeTransporte").innerHTML = "";
                document.getElementById("validacionCampoEquipoDeTransporte").style.display = "none";

                let hayErrores = false;
                let listadoDeitems = [];
                let itemsDestino = document.getElementById('tabla-puntos-destino').tBodies[0].querySelectorAll("tr");
                if (itemsDestino.length > 0) {
                    itemsDestino.forEach(item => {
                        if (item.querySelector(".tabla-id-item-origen-destino").innerHTML.trim()) {
                            let idPuntoOrdenDeTrabajo = item.querySelector(".tabla-id-item-origen-destino").innerHTML.trim();
                            let idPuntoTerreno = item.querySelector(".tabla-id-item-terreno-destino").innerHTML.trim();
                            let idPuntoPlataforma = item.querySelector(".tabla-id-item-plataforma-destino").innerHTML.trim();
                            let nombreItem = item.querySelector(".tabla-nombre-item-destino").innerHTML.trim();
                            let esteItem = item.querySelector(".tabla-este-item-destino").innerHTML.trim();
                            let norteItem = item.querySelector(".tabla-norte-item-destino").innerHTML.trim();
                            let cotaItem = item.querySelector(".tabla-cota-item-destino").innerHTML.trim();
                            let azimut = item.querySelector(".tabla-cota-azimut-medida-destino").innerHTML.trim();
                            let inclinacion = item.querySelector(".tabla-cota-inclinacion-medida-destino").innerHTML.trim();
                            let observacionItem = item.querySelector(".tabla-cota-observacion-destino").innerHTML.trim();
                            let error = item.querySelector(".tabla-error-item-destino").innerHTML.trim();
                            let cumpleAzimut;
                            let cumpleInclinacion;

                            if(item.querySelector(".tabla-error-cumple-azimut-destino").innerHTML.trim()=="true"){
                                cumpleAzimut=true;
                            }else if(item.querySelector(".tabla-error-cumple-azimut-destino").innerHTML.trim()=="false"){
                                cumpleAzimut=false;
                            }

                            if(item.querySelector(".tabla-error-cumple-inclinacion-destino").innerHTML.trim()=="true"){
                                cumpleInclinacion=true;
                            }else if(item.querySelector(".tabla-error-cumple-inclinacion-destino").innerHTML.trim()=="false"){
                                cumpleInclinacion=false;
                            }

                            let objectoItem = {
                                idPuntoOrdenDeTrabajo: idPuntoOrdenDeTrabajo,
                                idPuntoTerreno: idPuntoTerreno,
                                idPuntoPlataforma: idPuntoPlataforma,
                                nombreItem: nombreItem,
                                esteItem: esteItem,
                                norteItem: norteItem,
                                cotaItem: cotaItem,
                                azimut: azimut,
                                inclinacion: inclinacion,
                                observacionItem: observacionItem,
                                cumpleAzimut: cumpleAzimut,
                                cumpleInclinacion: cumpleInclinacion
                            };

                            if (error == "true") {
                                hayErrores = true;
                            }

                            listadoDeitems.push(objectoItem);
                        }
                    });

                    if (hayErrores == true) {
                        Swal.fire({
                            icon: 'error',
                            title: '¡Puntos con Errores!',
                            text: 'No es posible guardar la información, hay puntos con errores ',
                            confirmButtonColor: "#448aff",
                            confirmButtonText: "Confirmar"
                        })
                        document.getElementById("botonGuardarInformacionDefinitiva").removeAttribute("disabled");
                        document.getElementById("preloader").style.height = "0px";
                        document.getElementById("img-preloader").style.display = "none";
                    } else {
                        let listadoDeUsuarioPara = [];
                        let listadoDeUsuarioCopias = [];
                        let usuariosPara = document.querySelectorAll(".checkbox-para-usuario");
                        let usuariosCopias = document.querySelectorAll(".checkbox-copias-usuario");
    
                        usuariosPara.forEach(elemento => {
                            if (elemento.checked == true) {
                                listadoDeUsuarioPara.push(elemento.value)
                            }
                        });
    
                        usuariosCopias.forEach(elemento => {
                            if (elemento.checked == true) {
                                listadoDeUsuarioCopias.push(elemento.value)
                            }
                        });

                        if (listadoDeUsuarioPara.length > 0) {
                            let formData = new FormData();
                            formData.append('puntos_ingresados', JSON.stringify(listadoDeitems));
                            formData.append('recurso_equipo', document.getElementById("campoEquipoDeMedicion").value);
                            formData.append('recurso_vehiculo', document.getElementById("campoEquipoDeTransporte").value);
                            formData.append('listado_usuarios_para', JSON.stringify(listadoDeUsuarioPara));
                            formData.append('listado_usuarios_copias', JSON.stringify(listadoDeUsuarioCopias));
                            let csrf = '{{ csrf_token() }}';
                            $.ajax({
                                url: '{{ route('orden-trabajo.ingreso-item-perforacion', $ordenDeTrabajo) }}',
                                method: 'POST',
                                data: formData,
                                contentType: false,
                                processData: false,
                                dataType: 'json',
                                headers: {
                                    'X-CSRF-TOKEN': csrf
                                },
                                success: function(data) {
                                    Swal.fire({
                                        icon: 'success',
                                        title: '¡Operación Exitosa!',
                                        text: 'La operación se realizó con éxito',
                                        confirmButtonColor: "#448aff",
                                        confirmButtonText: "Confirmar"
                                    }).then((result) => {
                                        location.reload();
                                    })
                                    .catch((error) => {
                                        location.reload();
                                    });
                                    document.getElementById("preloader").style.height = "0px";
                                    document.getElementById("img-preloader").style.display = "none";
                                },
                                error: function(data) {
                                    console.log(data)
                                    document.getElementById("botonGuardarInformacion").removeAttribute("disabled");
                                    document.getElementById("preloader").style.height = "0px";
                                    document.getElementById("img-preloader").style.display = "none";
                                }
                            })
                        }else{
                            Swal.fire({
                                text: "Está seguro de proceder con él guardado de la información sin enviar ningún correo",
                                icon: 'warning',
                                showCancelButton: true,
                                confirmButtonColor: '#3085d6',
                                cancelButtonColor: '#d33',
                                confirmButtonText: '¡Si, continuar!',
                                cancelButtonText: 'Cancelar'
                            }).then((result) => {
                                if (result.isConfirmed) {
                                    document.getElementById("preloader").removeAttribute("style");
                                    document.getElementById("img-preloader").style.display = "block";
                                    let formData = new FormData();
                                    formData.append('puntos_ingresados', JSON.stringify(listadoDeitems));
                                    formData.append('recurso_equipo', document.getElementById("campoEquipoDeMedicion").value);
                                    formData.append('recurso_vehiculo', document.getElementById("campoEquipoDeTransporte").value);
                                    formData.append('listado_usuarios_para', JSON.stringify(listadoDeUsuarioPara));
                                    formData.append('listado_usuarios_copias', JSON.stringify(listadoDeUsuarioCopias));
                                    let csrf = '{{ csrf_token() }}';
                                    $.ajax({
                                        url: '{{ route('orden-trabajo.ingreso-item-perforacion', $ordenDeTrabajo) }}',
                                        method: 'POST',
                                        data: formData,
                                        contentType: false,
                                        processData: false,
                                        dataType: 'json',
                                        headers: {
                                            'X-CSRF-TOKEN': csrf
                                        },
                                        success: function(data) {
                                            Swal.fire({
                                                icon: 'success',
                                                title: '¡Operación Exitosa!',
                                                text: 'La operación se realizó con éxito',
                                                confirmButtonColor: "#448aff",
                                                confirmButtonText: "Confirmar"
                                            }).then((result) => {
                                                location.reload();
                                            })
                                            .catch((error) => {
                                                location.reload();
                                            });
                                            document.getElementById("preloader").style.height = "0px";
                                            document.getElementById("img-preloader").style.display = "none";
                                        },
                                        error: function(data) {
                                            console.log(data)
                                            document.getElementById("botonGuardarInformacion").removeAttribute("disabled");
                                            document.getElementById("preloader").style.height = "0px";
                                            document.getElementById("img-preloader").style.display = "none";
                                        }
                                    })
                                } else {
                                    document.getElementById("botonGuardarInformacionDefinitiva").removeAttribute("disabled");
                                }
                            })
                            document.getElementById("preloader").style.height = "0px";
                            document.getElementById("img-preloader").style.display = "none";
                        }
                    }
                } else {
                    Swal.fire({
                        icon: 'error',
                        title: '¡Carga de Puntos!',
                        text: 'Debe ingresar al menos un punto valido para guardar la información',
                        confirmButtonColor: "#448aff",
                        confirmButtonText: "Confirmar"
                    })
                    document.getElementById("botonGuardarInformacionDefinitiva").removeAttribute("disabled");
                    document.getElementById("preloader").style.height = "0px";
                    document.getElementById("img-preloader").style.display = "none";
                }
            } else {
                if (document.getElementById("campoEquipoDeMedicion").value.trim().length > 0) {
                    document.getElementById("campoEquipoDeMedicion").classList.remove('input-error-icon');
                    document.getElementById("campoEquipoDeMedicion").classList.add('input-success-icon');
                    document.getElementById("validacionCampoEquipoDeMedicion").innerHTML = "";
                    document.getElementById("validacionCampoEquipoDeMedicion").style.display = "none";
                } else {
                    document.getElementById("campoEquipoDeMedicion").classList.remove('input-success-icon');
                    document.getElementById("campoEquipoDeMedicion").classList.add('input-error-icon');
                    document.getElementById("validacionCampoEquipoDeMedicion").innerHTML = "El campo responsable es obligatorio.";
                    document.getElementById("validacionCampoEquipoDeMedicion").style.display = "block";
                }

                if (document.getElementById("campoEquipoDeTransporte").value.trim().length > 0) {
                    document.getElementById("campoEquipoDeTransporte").classList.remove('input-error-icon');
                    document.getElementById("campoEquipoDeTransporte").classList.add('input-success-icon');
                    document.getElementById("validacionCampoEquipoDeTransporte").innerHTML = "";
                    document.getElementById("validacionCampoEquipoDeTransporte").style.display = "none";
                } else {
                    document.getElementById("campoEquipoDeTransporte").classList.remove('input-success-icon');
                    document.getElementById("campoEquipoDeTransporte").classList.add('input-error-icon');
                    document.getElementById("validacionCampoEquipoDeTransporte").innerHTML = "El campo responsable es obligatorio.";
                    document.getElementById("validacionCampoEquipoDeTransporte").style.display = "block";
                }

                document.getElementById("botonGuardarInformacionDefinitiva").removeAttribute("disabled");
                    document.getElementById("preloader").style.height = "0px";
                    document.getElementById("img-preloader").style.display = "none";
            }
        }
    </script>
@stop