@extends('adminlte::page')

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

@section('title', 'Carga para Ubicación de Coordenadas en Plataforma | 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 en Plataforma</h3>
                    </div>

                    <form id="formularioDeCargarItemsPlataforma" 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 en Plataforma</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 class="form-group" id="contenedorDeLosCamposDeTipoArchivo">
                                <label>Seleccionar Archivos</label>
                                <input type="file" class="form-control-file" id="campoPuntoIngresadoDeLaOrdenDeLaOrdenDeTrabajo" accept=".csv" name="punto_ingresado">
                                <div class="invalid-feedback" id="validacionCampoPuntoIngresadoDeLaOrdenDeLaOrdenDeTrabajo">

                                </div>
                            </div>

                            <div id="contenedorDeTablaDeitems" style="display: none;">
                                <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="6" 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;">Este</th>
                                                    <th style="background-color: rgba(74,72,73,1) !important;">Norte</th>
                                                    <th style="background-color: rgba(74,72,73,1) !important;">Cota</th>
                                                    <th style="background-color: rgba(74,72,73,1) !important;">Azimuth</th>
                                                    <th style="background-color: rgba(74,72,73,1) !important;">Inclinación</th>
                                                </tr>
                                            </thead>
                                            <tbody id="registrosDePuntosOrigen">

                                            </tbody>
                                        </table>
                                    </div>

                                    <div class="dt-responsive table-responsive">
                                        <table class="table table-bordered" role="grid" aria-describedby="base-style_info" id="tabla-puntos-estaca-acimutal">
                                            <thead>
                                                <tr>
                                                    <th colspan="13" class="text-center" style="background-color: rgba(74,72,73,1) !important;">DATOS ESTACA ACIMUTAL</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;">Este</th>
                                                    <th style="background-color: rgba(74,72,73,1) !important;">Norte</th>
                                                    <th style="background-color: rgba(74,72,73,1) !important;">Cota</th>
                                                    <th style="background-color: rgb(246, 168, 40) !important;">Este</th>
                                                    <th style="background-color: rgb(246, 168, 40) !important;">Norte</th>
                                                    <th style="background-color: rgb(246, 168, 40) !important;">Azimut</th>
                                                    <th style="background-color: rgba(74,72,73,1) !important;">Observación</th>
                                                    <th style="background-color: rgba(74,72,73,1) !important;">Diferencia Este</th>
                                                    <th style="background-color: rgba(74,72,73,1) !important;">Diferencia Norte</th>
                                                    <th style="background-color: rgba(74,72,73,1) !important;">Diferencia Cota</th>
                                                    <th style="background-color: rgba(74,72,73,1) !important;">Observación de Errores</th>
                                                </tr>
                                            </thead>
                                            <tbody id="registrosDePuntosEstacaAcimutal">

                                            </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>

                            <button type="button" class="btn btn-aspen" id="botonIngresoDeItems" onclick="importarItemDePlataforma('{{$ordenDeTrabajo->sistema_proyeccion}}')"><i class="fas fa-map-marked-alt" style="margin-right: 2px;"></i> Ingresar Puntos </button>

                        </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 = ""

        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 validarCaracteresDelCampoEsteManualDelItem(event, este) {
            if (event.key === "Enter") {
                este.removeAttribute("onblur");
                tipoColumnaActiva = "sin_campo";
                columnaActiva = false;
                var elementoPadre = este.parentElement.parentElement;
                var elementoAbuelo = este.parentElement.parentElement.parentElement;
                var valorEste = este.value;
                elementoPadre.innerHTML = valorEste;
                if (valorEste != "") {
                    let hayError=false;
                    let mensajeDeError="Falta el valor ";
                    let hayComa=false;
                    if(elementoAbuelo.querySelector(".tabla-este-manual-item-estaca-acimutal").innerHTML == ""){
                        hayError=true;
                        mensajeDeError+="de la coordenada estaca este"
                        hayComa=true;
                    }

                    if(elementoAbuelo.querySelector(".tabla-norte-manual-item-estaca-acimutal").innerHTML == ""){
                        hayError=true;
                        if(hayComa==true){
                            mensajeDeError+=", coordenada estaca norte"
                        }else{
                            mensajeDeError+="de la coordenada estaca norte"
                        }
                        hayComa=true;
                    }

                    if(hayError==true){
                        if(elementoAbuelo.querySelector(".tabla-azimut-manual-item-estaca-acimutal").innerHTML == ""){
                            hayError=true;
                            if(hayComa==true){
                                mensajeDeError+=" y del azimut"
                            }else{
                                mensajeDeError+=" del azimut"
                            }
                            hayComa=true;
                        }
                    }else{
                        let azimut=formulaAzimut(parseFloat(elementoAbuelo.querySelector(".tabla-este-manual-item-estaca-acimutal").innerHTML), parseFloat(elementoAbuelo.querySelector(".tabla-este-item-estaca-acimutal").innerHTML), parseFloat(elementoAbuelo.querySelector(".tabla-norte-manual-item-estaca-acimutal").innerHTML), parseFloat(elementoAbuelo.querySelector(".tabla-norte-item-estaca-acimutal").innerHTML));
                        elementoAbuelo.querySelector(".tabla-azimut-manual-item-estaca-acimutal").innerHTML=azimut;
                        elementoAbuelo.querySelector(".tabla-error-azimut-item-estaca-acimutal").innerHTML=false;

                        if(elementoAbuelo.querySelector(".tabla-azimut-manual-item-estaca-acimutal").innerHTML == ""){
                            hayError=true;
                            if(hayComa==true){
                                mensajeDeError+=" y del azimut"
                            }else{
                                mensajeDeError+=" del azimut"
                            }
                            hayComa=true;
                        }
                    }

                    if(hayError==true){
                        elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").innerHTML = mensajeDeError;
                        elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.remove("item-error-rojo");
                        elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.remove("item-error-verde");
                        elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.remove("item-error-amarillo");
                        elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.add("item-error-rojo");
                        elementoAbuelo.querySelector(".tabla-error-item-estaca-acimutal").innerHTML = "true";
                    }else{
                        let azimutItemEstacaAcimutal=parseFloat(elementoAbuelo.querySelector(".tabla-azimut-manual-item-estaca-acimutal").innerHTML);
                        let azimutItemOrigen=parseFloat(elementoAbuelo.querySelector(".tabla-azimuth-item-origen-item-estaca-acimutal").innerHTML);
                        let resultadoAzimut=0
                        if(azimutItemEstacaAcimutal>azimutItemOrigen){
                            resultadoAzimut=azimutItemEstacaAcimutal-azimutItemOrigen;
                        }else if(azimutItemOrigen>azimutItemEstacaAcimutal){
                            resultadoAzimut=azimutItemOrigen-azimutItemEstacaAcimutal;
                        }

                        if(resultadoAzimut<=0.50 && resultadoAzimut>=0){
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").innerHTML = "Punto valido.";
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.remove("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.remove("item-error-verde");
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.remove("item-error-amarillo");
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.add("item-error-verde");
                            elementoAbuelo.querySelector(".tabla-error-item-estaca-acimutal").innerHTML = "false";
                        }else{
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").innerHTML = "No cumple con la verificación de azimuth";
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.remove("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.remove("item-error-verde");
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.remove("item-error-amarillo");
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.add("item-error-amarillo");
                            elementoAbuelo.querySelector(".tabla-error-item-estaca-acimutal").innerHTML = "false";
                            elementoAbuelo.querySelector(".tabla-error-azimut-item-estaca-acimutal").innerHTML = "true";
                        }
                    }
                }else{
                    if (elementoAbuelo.querySelector(".tabla-error-item-estaca-acimutal").innerHTML === "false") {
                        if (elementoAbuelo.querySelector(".tabla-norte-manual-item-estaca-acimutal").innerHTML != "" && elementoAbuelo.querySelector(".tabla-azimut-manual-item-estaca-acimutal").innerHTML != "") {
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").innerHTML = "Falta el valor de la coordenada estaca este";
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.remove("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.remove("item-error-verde");
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.remove("item-error-amarillo");
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.add("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-error-item-estaca-acimutal").innerHTML = "true";
                        }else if(elementoAbuelo.querySelector(".tabla-norte-manual-item-estaca-acimutal").innerHTML == "" && elementoAbuelo.querySelector(".tabla-azimut-manual-item-estaca-acimutal").innerHTML != ""){
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").innerHTML = "Falta el valor de la coordenada estaca este y de la coordenada estaca norte";
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.remove("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.remove("item-error-verde");
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.remove("item-error-amarillo");
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.add("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-error-item-estaca-acimutal").innerHTML = "true";
                        }else if(elementoAbuelo.querySelector(".tabla-norte-manual-item-estaca-acimutal").innerHTML != "" && elementoAbuelo.querySelector(".tabla-azimut-manual-item-estaca-acimutal").innerHTML == ""){
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").innerHTML = "Falta el valor de la coordenada estaca este y del azimut";
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.remove("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.remove("item-error-verde");
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.remove("item-error-amarillo");
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.add("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-error-item-estaca-acimutal").innerHTML = "true";
                        }else{
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").innerHTML = "Falta el valor de la coordenada estaca este, coordenada estaca norte y del azimut";
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.remove("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.remove("item-error-verde");
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.remove("item-error-amarillo");
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.add("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-error-item-estaca-acimutal").innerHTML = "true";
                        }
                    }else{
                        let hayError=false;
                        let mensajeDeError="Falta el valor ";
                        let hayComa=false;
                        if(elementoAbuelo.querySelector(".tabla-este-manual-item-estaca-acimutal").innerHTML == ""){
                            hayError=true;
                            mensajeDeError+="de la coordenada estaca este"
                            hayComa=true;
                        }
    
                        if(elementoAbuelo.querySelector(".tabla-norte-manual-item-estaca-acimutal").innerHTML == ""){
                            hayError=true;
                            if(hayComa==true){
                                mensajeDeError+=", coordenada estaca norte"
                            }else{
                                mensajeDeError+="de la coordenada estaca norte"
                            }
                            hayComa=true;
                        }
    
                        if(elementoAbuelo.querySelector(".tabla-azimut-manual-item-estaca-acimutal").innerHTML == ""){
                            hayError=true;
                            if(hayComa==true){
                                mensajeDeError+=" y del azimut"
                            }else{
                                mensajeDeError+=" del azimut"
                            }
                            hayComa=true;
                        }
    
                        if(hayError==true){
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").innerHTML = mensajeDeError;
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.remove("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.remove("item-error-verde");
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.remove("item-error-amarillo");
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.add("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-error-item-estaca-acimutal").innerHTML = "true";
                        }else{
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").innerHTML = "Punto valido.";
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.remove("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.remove("item-error-verde");
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.remove("item-error-amarillo");
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.add("item-error-verde");
                            elementoAbuelo.querySelector(".tabla-error-item-estaca-acimutal").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 desenfocarInputColumnaEsteManualDelItem(este) {
            try {
                tipoColumnaActiva = "sin_campo";
                columnaActiva = false;
                var elementoPadre = este.parentElement.parentElement;
                var elementoAbuelo = este.parentElement.parentElement.parentElement;
                var valorEste = este.value;
                elementoPadre.innerHTML = valorEste;
                if (valorEste != "") {
                    let hayError=false;
                    let mensajeDeError="Falta el valor ";
                    let hayComa=false;
                    if(elementoAbuelo.querySelector(".tabla-este-manual-item-estaca-acimutal").innerHTML == ""){
                        hayError=true;
                        mensajeDeError+="de la coordenada estaca este"
                        hayComa=true;
                    }

                    if(elementoAbuelo.querySelector(".tabla-norte-manual-item-estaca-acimutal").innerHTML == ""){
                        hayError=true;
                        if(hayComa==true){
                            mensajeDeError+=", coordenada estaca norte"
                        }else{
                            mensajeDeError+="de la coordenada estaca norte"
                        }
                        hayComa=true;
                    }

                    if(hayError==true){
                        if(elementoAbuelo.querySelector(".tabla-azimut-manual-item-estaca-acimutal").innerHTML == ""){
                            hayError=true;
                            if(hayComa==true){
                                mensajeDeError+=" y del azimut"
                            }else{
                                mensajeDeError+=" del azimut"
                            }
                            hayComa=true;
                        }
                    }else{
                        let azimut=formulaAzimut(parseFloat(elementoAbuelo.querySelector(".tabla-este-manual-item-estaca-acimutal").innerHTML), parseFloat(elementoAbuelo.querySelector(".tabla-este-item-estaca-acimutal").innerHTML), parseFloat(elementoAbuelo.querySelector(".tabla-norte-manual-item-estaca-acimutal").innerHTML), parseFloat(elementoAbuelo.querySelector(".tabla-norte-item-estaca-acimutal").innerHTML));
                        elementoAbuelo.querySelector(".tabla-azimut-manual-item-estaca-acimutal").innerHTML=azimut;
                        elementoAbuelo.querySelector(".tabla-error-azimut-item-estaca-acimutal").innerHTML=false;

                        if(elementoAbuelo.querySelector(".tabla-azimut-manual-item-estaca-acimutal").innerHTML == ""){
                            hayError=true;
                            if(hayComa==true){
                                mensajeDeError+=" y del azimut"
                            }else{
                                mensajeDeError+=" del azimut"
                            }
                            hayComa=true;
                        }
                    }

                    if(hayError==true){
                        elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").innerHTML = mensajeDeError;
                        elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.remove("item-error-rojo");
                        elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.remove("item-error-verde");
                        elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.remove("item-error-amarillo");
                        elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.add("item-error-rojo");
                        elementoAbuelo.querySelector(".tabla-error-item-estaca-acimutal").innerHTML = "true";
                    }else{
                        let azimutItemEstacaAcimutal=parseFloat(elementoAbuelo.querySelector(".tabla-azimut-manual-item-estaca-acimutal").innerHTML);
                        let azimutItemOrigen=parseFloat(elementoAbuelo.querySelector(".tabla-azimuth-item-origen-item-estaca-acimutal").innerHTML);
                        let resultadoAzimut=0
                        if(azimutItemEstacaAcimutal>azimutItemOrigen){
                            resultadoAzimut=azimutItemEstacaAcimutal-azimutItemOrigen;
                        }else if(azimutItemOrigen>azimutItemEstacaAcimutal){
                            resultadoAzimut=azimutItemOrigen-azimutItemEstacaAcimutal;
                        }

                        if(resultadoAzimut<=0.50 && resultadoAzimut>=0){
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").innerHTML = "Punto valido.";
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.remove("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.remove("item-error-verde");
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.remove("item-error-amarillo");
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.add("item-error-verde");
                            elementoAbuelo.querySelector(".tabla-error-item-estaca-acimutal").innerHTML = "false";
                        }else{
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").innerHTML = "No cumple con la verificación de azimuth";
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.remove("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.remove("item-error-verde");
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.remove("item-error-amarillo");
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.add("item-error-amarillo");
                            elementoAbuelo.querySelector(".tabla-error-item-estaca-acimutal").innerHTML = "false";
                            elementoAbuelo.querySelector(".tabla-error-azimut-item-estaca-acimutal").innerHTML = "true";
                        }
                    }
                }else{
                    if (elementoAbuelo.querySelector(".tabla-error-item-estaca-acimutal").innerHTML === "false") {
                        if (elementoAbuelo.querySelector(".tabla-norte-manual-item-estaca-acimutal").innerHTML != "" && elementoAbuelo.querySelector(".tabla-azimut-manual-item-estaca-acimutal").innerHTML != "") {
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").innerHTML = "Falta el valor de la coordenada estaca este";
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.remove("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.remove("item-error-verde");
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.remove("item-error-amarillo");
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.add("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-error-item-estaca-acimutal").innerHTML = "true";
                        }else if(elementoAbuelo.querySelector(".tabla-norte-manual-item-estaca-acimutal").innerHTML == "" && elementoAbuelo.querySelector(".tabla-azimut-manual-item-estaca-acimutal").innerHTML != ""){
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").innerHTML = "Falta el valor de la coordenada estaca este y de la coordenada estaca norte";
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.remove("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.remove("item-error-verde");
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.remove("item-error-amarillo");
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.add("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-error-item-estaca-acimutal").innerHTML = "true";
                        }else if(elementoAbuelo.querySelector(".tabla-norte-manual-item-estaca-acimutal").innerHTML != "" && elementoAbuelo.querySelector(".tabla-azimut-manual-item-estaca-acimutal").innerHTML == ""){
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").innerHTML = "Falta el valor de la coordenada estaca este y del azimut";
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.remove("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.remove("item-error-verde");
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.remove("item-error-amarillo");
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.add("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-error-item-estaca-acimutal").innerHTML = "true";
                        }else{
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").innerHTML = "Falta el valor de la coordenada estaca este, coordenada estaca norte y del azimut";
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.remove("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.remove("item-error-verde");
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.remove("item-error-amarillo");
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.add("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-error-item-estaca-acimutal").innerHTML = "true";
                        }
                    }else{
                        let hayError=false;
                        let mensajeDeError="Falta el valor ";
                        let hayComa=false;
                        if(elementoAbuelo.querySelector(".tabla-este-manual-item-estaca-acimutal").innerHTML == ""){
                            hayError=true;
                            mensajeDeError+="de la coordenada estaca este"
                            hayComa=true;
                        }
    
                        if(elementoAbuelo.querySelector(".tabla-norte-manual-item-estaca-acimutal").innerHTML == ""){
                            hayError=true;
                            if(hayComa==true){
                                mensajeDeError+=", coordenada estaca norte"
                            }else{
                                mensajeDeError+="de la coordenada estaca norte"
                            }
                            hayComa=true;
                        }
    
                        if(elementoAbuelo.querySelector(".tabla-azimut-manual-item-estaca-acimutal").innerHTML == ""){
                            hayError=true;
                            if(hayComa==true){
                                mensajeDeError+=" y del azimut"
                            }else{
                                mensajeDeError+=" del azimut"
                            }
                            hayComa=true;
                        }
    
                        if(hayError==true){
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").innerHTML = mensajeDeError;
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.remove("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.remove("item-error-verde");
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.remove("item-error-amarillo");
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.add("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-error-item-estaca-acimutal").innerHTML = "true";
                        }else{
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").innerHTML = "Punto valido.";
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.remove("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.remove("item-error-verde");
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.remove("item-error-amarillo");
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.add("item-error-verde");
                            elementoAbuelo.querySelector(".tabla-error-item-estaca-acimutal").innerHTML = "false";
                        }
                    }
                }
            } catch (e) {
                console.log(e);
            }
        }

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

        function validarCaracteresDelCampoNorteManualDelItem(event, norte) {
            if (event.key === "Enter") {
                norte.removeAttribute("onblur");
                tipoColumnaActiva = "sin_campo";
                columnaActiva = false;
                var elementoPadre = norte.parentElement.parentElement;
                var elementoAbuelo = norte.parentElement.parentElement.parentElement;
                var valorNorte = norte.value;
                elementoPadre.innerHTML = valorNorte;
                if (valorNorte != "") {
                    let hayError=false;
                    let mensajeDeError="Falta el valor ";
                    let hayComa=false;
                    if(elementoAbuelo.querySelector(".tabla-este-manual-item-estaca-acimutal").innerHTML == ""){
                        hayError=true;
                        mensajeDeError+="de la coordenada estaca este"
                        hayComa=true;
                    }

                    if(elementoAbuelo.querySelector(".tabla-norte-manual-item-estaca-acimutal").innerHTML == ""){
                        hayError=true;
                        if(hayComa==true){
                            mensajeDeError+=", coordenada estaca norte"
                        }else{
                            mensajeDeError+="de la coordenada estaca norte"
                        }
                        hayComa=true;
                    }

                    if(hayError==true){
                        if(elementoAbuelo.querySelector(".tabla-azimut-manual-item-estaca-acimutal").innerHTML == ""){
                            hayError=true;
                            if(hayComa==true){
                                mensajeDeError+=" y del azimut"
                            }else{
                                mensajeDeError+=" del azimut"
                            }
                            hayComa=true;
                        }
                    }else{
                        let azimut=formulaAzimut(parseFloat(elementoAbuelo.querySelector(".tabla-este-manual-item-estaca-acimutal").innerHTML), parseFloat(elementoAbuelo.querySelector(".tabla-este-item-estaca-acimutal").innerHTML), parseFloat(elementoAbuelo.querySelector(".tabla-norte-manual-item-estaca-acimutal").innerHTML), parseFloat(elementoAbuelo.querySelector(".tabla-norte-item-estaca-acimutal").innerHTML));
                        elementoAbuelo.querySelector(".tabla-azimut-manual-item-estaca-acimutal").innerHTML=azimut;
                        elementoAbuelo.querySelector(".tabla-error-azimut-item-estaca-acimutal").innerHTML=false;

                        if(elementoAbuelo.querySelector(".tabla-azimut-manual-item-estaca-acimutal").innerHTML == ""){
                            hayError=true;
                            if(hayComa==true){
                                mensajeDeError+=" y del azimut"
                            }else{
                                mensajeDeError+=" del azimut"
                            }
                            hayComa=true;
                        }
                    }

                    if(hayError==true){
                        elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").innerHTML = mensajeDeError;
                        elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.remove("item-error-rojo");
                        elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.remove("item-error-verde");
                        elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.remove("item-error-amarillo");
                        elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.add("item-error-rojo");
                        elementoAbuelo.querySelector(".tabla-error-item-estaca-acimutal").innerHTML = "true";
                    }else{
                        let azimutItemEstacaAcimutal=parseFloat(elementoAbuelo.querySelector(".tabla-azimut-manual-item-estaca-acimutal").innerHTML);
                        let azimutItemOrigen=parseFloat(elementoAbuelo.querySelector(".tabla-azimuth-item-origen-item-estaca-acimutal").innerHTML);
                        let resultadoAzimut=0
                        if(azimutItemEstacaAcimutal>azimutItemOrigen){
                            resultadoAzimut=azimutItemEstacaAcimutal-azimutItemOrigen;
                        }else if(azimutItemOrigen>azimutItemEstacaAcimutal){
                            resultadoAzimut=azimutItemOrigen-azimutItemEstacaAcimutal;
                        }

                        if(resultadoAzimut<=0.50 && resultadoAzimut>=0){
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").innerHTML = "Punto valido.";
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.remove("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.remove("item-error-verde");
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.remove("item-error-amarillo");
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.add("item-error-verde");
                            elementoAbuelo.querySelector(".tabla-error-item-estaca-acimutal").innerHTML = "false";
                        }else{
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").innerHTML = "No cumple con la verificación de azimuth";
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.remove("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.remove("item-error-verde");
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.remove("item-error-amarillo");
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.add("item-error-amarillo");
                            elementoAbuelo.querySelector(".tabla-error-item-estaca-acimutal").innerHTML = "false";
                            elementoAbuelo.querySelector(".tabla-error-azimut-item-estaca-acimutal").innerHTML = "true";
                        }
                    }
                }else{
                    if (elementoAbuelo.querySelector(".tabla-error-item-estaca-acimutal").innerHTML === "false") {
                        if (elementoAbuelo.querySelector(".tabla-este-manual-item-estaca-acimutal").innerHTML != "" && elementoAbuelo.querySelector(".tabla-azimut-manual-item-estaca-acimutal").innerHTML != "") {
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").innerHTML = "Falta el valor de la coordenada estaca norte";
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.remove("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.remove("item-error-verde");
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.remove("item-error-amarillo");
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.add("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-error-item-estaca-acimutal").innerHTML = "true";
                        }else if(elementoAbuelo.querySelector(".tabla-este-manual-item-estaca-acimutal").innerHTML == "" && elementoAbuelo.querySelector(".tabla-azimut-manual-item-estaca-acimutal").innerHTML != ""){
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").innerHTML = "Falta el valor de la coordenada estaca este y de la coordenada estaca norte";
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.remove("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.remove("item-error-verde");
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.remove("item-error-amarillo");
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.add("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-error-item-estaca-acimutal").innerHTML = "true";
                        }else if(elementoAbuelo.querySelector(".tabla-este-manual-item-estaca-acimutal").innerHTML != "" && elementoAbuelo.querySelector(".tabla-azimut-manual-item-estaca-acimutal").innerHTML == ""){
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").innerHTML = "Falta el valor de la coordenada estaca norte y del azimut";
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.remove("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.remove("item-error-verde");
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.remove("item-error-amarillo");
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.add("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-error-item-estaca-acimutal").innerHTML = "true";
                        }else{
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").innerHTML = "Falta el valor de la coordenada estaca este, coordenada estaca norte y del azimut";
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.remove("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.remove("item-error-verde");
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.remove("item-error-amarillo");
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.add("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-error-item-estaca-acimutal").innerHTML = "true";
                        }
                    }else{
                        let hayError=false;
                        let mensajeDeError="Falta el valor ";
                        let hayComa=false;
                        if(elementoAbuelo.querySelector(".tabla-este-manual-item-estaca-acimutal").innerHTML == ""){
                            hayError=true;
                            mensajeDeError+="de la coordenada estaca este"
                            hayComa=true;
                        }
    
                        if(elementoAbuelo.querySelector(".tabla-norte-manual-item-estaca-acimutal").innerHTML == ""){
                            hayError=true;
                            if(hayComa==true){
                                mensajeDeError+=", coordenada estaca norte"
                            }else{
                                mensajeDeError+="de la coordenada estaca norte"
                            }
                            hayComa=true;
                        }
    
                        if(elementoAbuelo.querySelector(".tabla-azimut-manual-item-estaca-acimutal").innerHTML == ""){
                            hayError=true;
                            if(hayComa==true){
                                mensajeDeError+=" y del azimut"
                            }else{
                                mensajeDeError+=" del azimut"
                            }
                            hayComa=true;
                        }
    
                        if(hayError==true){
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").innerHTML = mensajeDeError;
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.remove("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.remove("item-error-verde");
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.remove("item-error-amarillo");
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.add("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-error-item-estaca-acimutal").innerHTML = "true";
                        }else{
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").innerHTML = "Punto valido.";
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.remove("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.remove("item-error-verde");
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.remove("item-error-amarillo");
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.add("item-error-verde");
                            elementoAbuelo.querySelector(".tabla-error-item-estaca-acimutal").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 desenfocarInputColumnaNorteManualDelItem(norte) {
            try {
                tipoColumnaActiva = "sin_campo";
                columnaActiva = false;
                var elementoPadre = norte.parentElement.parentElement;
                var elementoAbuelo = norte.parentElement.parentElement.parentElement;
                var valorNorte = norte.value;
                elementoPadre.innerHTML = valorNorte;
                if (valorNorte != "") {
                    let hayError=false;
                    let mensajeDeError="Falta el valor ";
                    let hayComa=false;
                    if(elementoAbuelo.querySelector(".tabla-este-manual-item-estaca-acimutal").innerHTML == ""){
                        hayError=true;
                        mensajeDeError+="de la coordenada estaca este"
                        hayComa=true;
                    }

                    if(elementoAbuelo.querySelector(".tabla-norte-manual-item-estaca-acimutal").innerHTML == ""){
                        hayError=true;
                        if(hayComa==true){
                            mensajeDeError+=", coordenada estaca norte"
                        }else{
                            mensajeDeError+="de la coordenada estaca norte"
                        }
                        hayComa=true;
                    }

                    if(hayError==true){
                        if(elementoAbuelo.querySelector(".tabla-azimut-manual-item-estaca-acimutal").innerHTML == ""){
                            hayError=true;
                            if(hayComa==true){
                                mensajeDeError+=" y del azimut"
                            }else{
                                mensajeDeError+=" del azimut"
                            }
                            hayComa=true;
                        }
                    }else{
                        let azimut=formulaAzimut(parseFloat(elementoAbuelo.querySelector(".tabla-este-manual-item-estaca-acimutal").innerHTML), parseFloat(elementoAbuelo.querySelector(".tabla-este-item-estaca-acimutal").innerHTML), parseFloat(elementoAbuelo.querySelector(".tabla-norte-manual-item-estaca-acimutal").innerHTML), parseFloat(elementoAbuelo.querySelector(".tabla-norte-item-estaca-acimutal").innerHTML));
                        elementoAbuelo.querySelector(".tabla-azimut-manual-item-estaca-acimutal").innerHTML=azimut;
                        elementoAbuelo.querySelector(".tabla-error-azimut-item-estaca-acimutal").innerHTML=false;

                        if(elementoAbuelo.querySelector(".tabla-azimut-manual-item-estaca-acimutal").innerHTML == ""){
                            hayError=true;
                            if(hayComa==true){
                                mensajeDeError+=" y del azimut"
                            }else{
                                mensajeDeError+=" del azimut"
                            }
                            hayComa=true;
                        }
                    }

                    if(hayError==true){
                        elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").innerHTML = mensajeDeError;
                        elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.remove("item-error-rojo");
                        elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.remove("item-error-verde");
                        elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.remove("item-error-amarillo");
                        elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.add("item-error-rojo");
                        elementoAbuelo.querySelector(".tabla-error-item-estaca-acimutal").innerHTML = "true";
                    }else{
                        let azimutItemEstacaAcimutal=parseFloat(elementoAbuelo.querySelector(".tabla-azimut-manual-item-estaca-acimutal").innerHTML);
                        let azimutItemOrigen=parseFloat(elementoAbuelo.querySelector(".tabla-azimuth-item-origen-item-estaca-acimutal").innerHTML);
                        let resultadoAzimut=0
                        if(azimutItemEstacaAcimutal>azimutItemOrigen){
                            resultadoAzimut=azimutItemEstacaAcimutal-azimutItemOrigen;
                        }else if(azimutItemOrigen>azimutItemEstacaAcimutal){
                            resultadoAzimut=azimutItemOrigen-azimutItemEstacaAcimutal;
                        }

                        if(resultadoAzimut<=0.50 && resultadoAzimut>=0){
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").innerHTML = "Punto valido.";
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.remove("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.remove("item-error-verde");
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.remove("item-error-amarillo");
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.add("item-error-verde");
                            elementoAbuelo.querySelector(".tabla-error-item-estaca-acimutal").innerHTML = "false";
                        }else{
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").innerHTML = "No cumple con la verificación de azimuth";
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.remove("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.remove("item-error-verde");
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.remove("item-error-amarillo");
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.add("item-error-amarillo");
                            elementoAbuelo.querySelector(".tabla-error-item-estaca-acimutal").innerHTML = "false";
                            elementoAbuelo.querySelector(".tabla-error-azimut-item-estaca-acimutal").innerHTML = "true";
                        }
                    }
                }else{
                    if (elementoAbuelo.querySelector(".tabla-error-item-estaca-acimutal").innerHTML === "false") {
                        if (elementoAbuelo.querySelector(".tabla-este-manual-item-estaca-acimutal").innerHTML != "" && elementoAbuelo.querySelector(".tabla-azimut-manual-item-estaca-acimutal").innerHTML != "") {
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").innerHTML = "Falta el valor de la coordenada estaca norte";
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.remove("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.remove("item-error-verde");
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.remove("item-error-amarillo");
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.add("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-error-item-estaca-acimutal").innerHTML = "true";
                        }else if(elementoAbuelo.querySelector(".tabla-este-manual-item-estaca-acimutal").innerHTML == "" && elementoAbuelo.querySelector(".tabla-azimut-manual-item-estaca-acimutal").innerHTML != ""){
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").innerHTML = "Falta el valor de la coordenada estaca este y de la coordenada estaca norte";
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.remove("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.remove("item-error-verde");
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.remove("item-error-amarillo");
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.add("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-error-item-estaca-acimutal").innerHTML = "true";
                        }else if(elementoAbuelo.querySelector(".tabla-este-manual-item-estaca-acimutal").innerHTML != "" && elementoAbuelo.querySelector(".tabla-azimut-manual-item-estaca-acimutal").innerHTML == ""){
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").innerHTML = "Falta el valor de la coordenada estaca norte y del azimut";
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.remove("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.remove("item-error-verde");
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.remove("item-error-amarillo");
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.add("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-error-item-estaca-acimutal").innerHTML = "true";
                        }else{
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").innerHTML = "Falta el valor de la coordenada estaca este, coordenada estaca norte y del azimut";
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.remove("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.remove("item-error-verde");
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.remove("item-error-amarillo");
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.add("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-error-item-estaca-acimutal").innerHTML = "true";
                        }
                    }else{
                        let hayError=false;
                        let mensajeDeError="Falta el valor ";
                        let hayComa=false;
                        if(elementoAbuelo.querySelector(".tabla-este-manual-item-estaca-acimutal").innerHTML == ""){
                            hayError=true;
                            mensajeDeError+="de la coordenada estaca este"
                            hayComa=true;
                        }
    
                        if(elementoAbuelo.querySelector(".tabla-norte-manual-item-estaca-acimutal").innerHTML == ""){
                            hayError=true;
                            if(hayComa==true){
                                mensajeDeError+=", coordenada estaca norte"
                            }else{
                                mensajeDeError+="de la coordenada estaca norte"
                            }
                            hayComa=true;
                        }
    
                        if(elementoAbuelo.querySelector(".tabla-azimut-manual-item-estaca-acimutal").innerHTML == ""){
                            hayError=true;
                            if(hayComa==true){
                                mensajeDeError+=" y del azimut"
                            }else{
                                mensajeDeError+=" del azimut"
                            }
                            hayComa=true;
                        }
    
                        if(hayError==true){
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").innerHTML = mensajeDeError;
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.remove("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.remove("item-error-verde");
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.remove("item-error-amarillo");
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.add("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-error-item-estaca-acimutal").innerHTML = "true";
                        }else{
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").innerHTML = "Punto valido.";
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.remove("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.remove("item-error-verde");
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.remove("item-error-amarillo");
                            elementoAbuelo.querySelector(".tabla-observacion-error-item-estaca-acimutal").classList.add("item-error-verde");
                            elementoAbuelo.querySelector(".tabla-error-item-estaca-acimutal").innerHTML = "false";
                        }
                    }
                }
            } catch (e) {
                console.log(e);
            }
        }

        function editarColumnaNorteManualDelItem(norte) {
            if (tipoColumnaActiva != "norte") {
                columnaActiva = true;
                tipoColumnaActiva = "norte";
                let valorNorte= norte.innerHTML;
                let campoDelFormulario =
                    '<div class="form-group">' +
                    '<input type="text" class="form-control" style="width:170px !important;" id="campoNorteDelItem" value="' + valorNorte + '"onblur="desenfocarInputColumnaNorteManualDelItem(this)" onkeypress="return validarCaracteresDelCampoNorteManualDelItem(event,this)">' +
                    '</div>';
                    norte.innerHTML = campoDelFormulario;
                setCaretPosition(norte.querySelector("input"), norte.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 reiniciarTablaDeItems(){
            document.getElementById("registrosDePuntosOrigen").innerHTML="";
            document.getElementById("registrosDePuntosEstacaAcimutal").innerHTML="";
            document.getElementById("contenedorDeTablaDeitems").style.display="none";
        }

        function importarItemDePlataforma(sistemaDeProyeccion) {
            let campoArchivo = document.getElementById("campoPuntoIngresadoDeLaOrdenDeLaOrdenDeTrabajo").value;
            let valorEquipoMedicion = document.getElementById("campoEquipoDeMedicion").value.trim();
            let valorEquipoTransporte = document.getElementById("campoEquipoDeTransporte").value.trim();
            if (campoArchivo.length > 0) {
                extension = campoArchivo.substring(campoArchivo.lastIndexOf('.'), campoArchivo.length);
                if (document.getElementById('campoPuntoIngresadoDeLaOrdenDeLaOrdenDeTrabajo').getAttribute('accept').split(',').indexOf(extension) < 0) {
                    document.getElementById("validacionCampoPuntoIngresadoDeLaOrdenDeLaOrdenDeTrabajo").style.display = "block";
                    document.getElementById("validacionCampoPuntoIngresadoDeLaOrdenDeLaOrdenDeTrabajo").innerHTML = "El campo seleccionar archivos debe ser un archivo de tipo: csv";
                } else {
                    document.getElementById("botonIngresoDeItems").setAttribute("disabled", true);
                    let formData = new FormData();
                    formData.append('punto_ingresado', document.getElementById("campoPuntoIngresadoDeLaOrdenDeLaOrdenDeTrabajo").files[0]);
                    var csrf = '{{ csrf_token() }}';

                    document.getElementById("preloader").removeAttribute("style");
                    document.getElementById("img-preloader").style.display = "block";
                    $.ajax({
                        url: '{{ route('orden-trabajo.importar-item-plataforma', $ordenDeTrabajo) }}',
                        method: 'POST',
                        data: formData,
                        contentType: false,
                        processData: false,
                        dataType: 'json',
                        headers: {
                            'X-CSRF-TOKEN': csrf
                        },
                        success: function(data) {
                            if (data.error == true) {
                                if (data.tipoError == "carga vacia") {
                                    Swal.fire({
                                        icon: 'error',
                                        title: '¡Carga Vacia!',
                                        text: 'El archivo CSV esta vacío, no hay puntos con la cual trabajar.',
                                        confirmButtonColor: "#448aff",
                                        confirmButtonText: "Confirmar"
                                    })
                                    reiniciarTablaDeItems()
                                } else if (data.tipoError == "item invalido") {
                                    Swal.fire({
                                        icon: 'error',
                                        title: '¡Carga con Errores!',
                                        text: 'La carga de puntos tiene errores, verifique que la Información enviada es Correcta.',
                                        confirmButtonColor: "#448aff",
                                        confirmButtonText: "Confirmar"
                                    })
                                    reiniciarTablaDeItems()
                                } else if (data.tipoError == "item procesado") {
                                    Swal.fire({
                                        icon: 'error',
                                        title: '¡Carga con Errores!',
                                        text: 'No es posible importar la carga de datos, ya que la carga vienen con puntos que ya fueron procesados anteriormente.',
                                        confirmButtonColor: "#448aff",
                                        confirmButtonText: "Confirmar"
                                    })
                                    reiniciarTablaDeItems()
                                }else if (data.tipoError == "item con otro ot") {
                                    Swal.fire({
                                        icon: 'error',
                                        title: '¡Carga con Errores!',
                                        text: 'No es posible importar la carga de datos, hay puntos que corresponden a otras ordenes de trabajos.',
                                        confirmButtonColor: "#448aff",
                                        confirmButtonText: "Confirmar"
                                    })
                                    reiniciarTablaDeItems();
                                }else if (data.tipoError == "no hay item terreno") {
                                    Swal.fire({
                                        icon: 'error',
                                        title: '¡Carga con Errores!',
                                        text: 'No es posible importar la carga de datos, hay puntos que todavía no se cargan la medición de terreno.',
                                        confirmButtonColor: "#448aff",
                                        confirmButtonText: "Confirmar"
                                    })
                                    reiniciarTablaDeItems();
                                }
                            } else {
                                reiniciarTablaDeItems();
                                data.items.forEach(elemento => {
                                    if(sistemaDeProyeccion=="Local"){
                                        document.getElementById("registrosDePuntosOrigen").innerHTML +=
                                            '<tr>' +
                                            '<td class="tabla-id-item-origen" style="display:none;">' + elemento.item_origen.id + '</td>' +
                                            '<td class="tabla-id-item-origen-terreno" style="display:none;">' + elemento.item_terreno.id + '</td>' +
                                            '<td class="tabla-nombre-item-origen">' + elemento.item_terreno.punto + '</td>' +
                                            '<td class="tabla-este-item-origen">' + elemento.item_terreno.este + '</td>' +
                                            '<td class="tabla-norte-item-origen">' + elemento.item_terreno.norte + '</td>' +
                                            '<td class="tabla-cota-item-origen">' + elemento.item_terreno.cota + '</td>' +
                                            '<td class="tabla-azimuth-item-origen">' + elemento.item_origen.azimut + '</td>' +
                                            '<td class="tabla-inclinacion-item-origen">' + elemento.item_origen.inclinacion + '</td>' +
                                            '</tr>';
                                    }else if(sistemaDeProyeccion=="UTM"){
                                        document.getElementById("registrosDePuntosOrigen").innerHTML +=
                                            '<tr>' +
                                            '<td class="tabla-id-item-origen" style="display:none;">' + elemento.item_origen.id + '</td>' +
                                            '<td class="tabla-id-item-origen-terreno" style="display:none;">' + elemento.item_terreno.id + '</td>' +
                                            '<td class="tabla-nombre-item-origen">' + elemento.item_terreno.punto + '</td>' +
                                            '<td class="tabla-este-item-origen">' + elemento.item_terreno.este_utm + '</td>' +
                                            '<td class="tabla-norte-item-origen">' + elemento.item_terreno.norte_utm + '</td>' +
                                            '<td class="tabla-cota-item-origen">' + elemento.item_terreno.cota_utm + '</td>' +
                                            '<td class="tabla-azimuth-item-origen">' + elemento.item_origen.azimut + '</td>' +
                                            '<td class="tabla-inclinacion-item-origen">' + elemento.item_origen.inclinacion + '</td>' +
                                            '</tr>';
                                    }

                                    let mensajeError="";
                                    let mensajeErrorTieneInformacion=false;
                                    let cantidadError=0;

                                    if(elemento.pozo_vertical==true){
                                        document.getElementById("registrosDePuntosEstacaAcimutal").innerHTML +=
                                            '<tr>' +
                                            '<td class="tabla-id-item-origen-estaca-acimutal" style="display:none;">' + elemento.item_origen.id + '</td>' +
                                            '<td class="tabla-id-item-origen-terreno-estaca-acimutal" style="display:none;">' + elemento.item_terreno.id + '</td>' +
                                            '<td class="tabla-azimuth-item-origen-item-estaca-acimutal" style="display:none;">' + elemento.item_origen.azimut + '</td>' +
                                            '<td class="tabla-error-item-estaca-acimutal" style="display:none;">false</td>' +
                                            '<td class="tabla-error-azimut-item-estaca-acimutal" style="display:none;">false</td>' +
                                            '<td class="tabla-pozo-vertical" style="display:none;">'+elemento.pozo_vertical+'</td>' +
                                            '<td class="tabla-nombre-item-estaca-acimutal">' + elemento.item + '</td>' +
                                            '<td class="tabla-este-item-estaca-acimutal">' + elemento.este + '</td>' +
                                            '<td class="tabla-norte-item-estaca-acimutal">' + elemento.norte + '</td>' +
                                            '<td class="tabla-cota-item-estaca-acimutal">' + elemento.cota + '</td>' +
                                            '<td class="tabla-este-manual-item-estaca-acimutal">No Aplica</td>' +
                                            '<td class="tabla-norte-manual-item-estaca-acimutal">No Aplica</td>' +
                                            '<td class="tabla-azimut-manual-item-estaca-acimutal">No Aplica</td>' +
                                            '<td class="tabla-observacion-item-estaca-acimutal" onclick="editarColumnaObservacionDelItem(this)" style="cursor:pointer;"></td>' +
                                            '<td class="tabla-diferencia-este-item-estaca-acimutal">' + elemento.diferencia_este + '</td>' +
                                            '<td class="tabla-diferencia-norte-item-estaca-acimutal">' + elemento.diferencia_norte + '</td>' +
                                            '<td class="tabla-diferencia-cota-item-estaca-acimutal">' + elemento.diferencia_cota + '</td>' +
                                            '<td class="tabla-observacion-error-item-estaca-acimutal item-error-verde">El punto valido</td>' +
                                            '</tr>';
                                    }else{
                                        document.getElementById("registrosDePuntosEstacaAcimutal").innerHTML +=
                                            '<tr>' +
                                            '<td class="tabla-id-item-origen-estaca-acimutal" style="display:none;">' + elemento.item_origen.id + '</td>' +
                                            '<td class="tabla-id-item-origen-terreno-estaca-acimutal" style="display:none;">' + elemento.item_terreno.id + '</td>' +
                                            '<td class="tabla-azimuth-item-origen-item-estaca-acimutal" style="display:none;">' + elemento.item_origen.azimut + '</td>' +
                                            '<td class="tabla-error-item-estaca-acimutal" style="display:none;">true</td>' +
                                            '<td class="tabla-error-azimut-item-estaca-acimutal" style="display:none;">true</td>' +
                                            '<td class="tabla-pozo-vertical" style="display:none;">'+elemento.pozo_vertical+'</td>' +
                                            '<td class="tabla-nombre-item-estaca-acimutal">' + elemento.item + '</td>' +
                                            '<td class="tabla-este-item-estaca-acimutal">' + elemento.este + '</td>' +
                                            '<td class="tabla-norte-item-estaca-acimutal">' + elemento.norte + '</td>' +
                                            '<td class="tabla-cota-item-estaca-acimutal">' + elemento.cota + '</td>' +
                                            '<td class="tabla-este-manual-item-estaca-acimutal" onclick="editarColumnaEsteManualDelItem(this)" style="cursor:pointer;"></td>' +
                                            '<td class="tabla-norte-manual-item-estaca-acimutal" onclick="editarColumnaNorteManualDelItem(this)" style="cursor:pointer;"></td>' +
                                            '<td class="tabla-azimut-manual-item-estaca-acimutal"></td>' +
                                            '<td class="tabla-observacion-item-estaca-acimutal" onclick="editarColumnaObservacionDelItem(this)" style="cursor:pointer;"></td>' +
                                            '<td class="tabla-diferencia-este-item-estaca-acimutal">' + elemento.diferencia_este + '</td>' +
                                            '<td class="tabla-diferencia-norte-item-estaca-acimutal">' + elemento.diferencia_norte + '</td>' +
                                            '<td class="tabla-diferencia-cota-item-estaca-acimutal">' + elemento.diferencia_cota + '</td>' +
                                            '<td class="tabla-observacion-error-item-estaca-acimutal item-error-rojo">Falta el valor de la coordenada estaca este, coordenada estaca norte y del azimut.</td>' +
                                            '</tr>';
                                    }
                                });

                                document.getElementById("contenedorDeTablaDeitems").style.display = "block";
                            }

                            document.getElementById("formularioDeCargarItemsPlataforma").reset();
                            document.getElementById("validacionCampoPuntoIngresadoDeLaOrdenDeLaOrdenDeTrabajo").style.display = "none";
                            document.getElementById("validacionCampoPuntoIngresadoDeLaOrdenDeLaOrdenDeTrabajo").innerHTML = "";
                            $('#campoEquipoDeMedicion').selectpicker('val', valorEquipoMedicion);
                            $('#campoEquipoDeTransporte').selectpicker('val', valorEquipoTransporte);
                            document.getElementById("botonIngresoDeItems").removeAttribute("disabled");
                            document.getElementById("preloader").style.height = "0px";
                            document.getElementById("img-preloader").style.display = "none";
                        },
                        error: function(data) {
                            console.log(data)
                            Swal.fire({
                                icon: 'error',
                                title: '¡Carga Vacia O Formato Invalido!',
                                text: 'El archivo CSV esta vacío o no cumple con un formato valido',
                                confirmButtonColor: "#448aff",
                                confirmButtonText: "Confirmar"
                            })
                            document.getElementById("formularioDeCargarItemsPlataforma").reset();
                            document.getElementById("validacionCampoPuntoIngresadoDeLaOrdenDeLaOrdenDeTrabajo").style.display = "none";
                            document.getElementById("validacionCampoPuntoIngresadoDeLaOrdenDeLaOrdenDeTrabajo").innerHTML = "";
                            $('#campoEquipoDeMedicion').selectpicker('val', valorEquipoMedicion);
                            $('#campoEquipoDeTransporte').selectpicker('val', valorEquipoTransporte);
                            document.getElementById("botonIngresoDeItems").removeAttribute("disabled");
                            document.getElementById("preloader").style.height = "0px";
                            document.getElementById("img-preloader").style.display = "none";
                        }
                    })
                }
            } else {
                if (campoArchivo.length > 0) {
                    document.getElementById("validacionCampoPuntoIngresadoDeLaOrdenDeLaOrdenDeTrabajo").style.display = "none";
                    document.getElementById("validacionCampoPuntoIngresadoDeLaOrdenDeLaOrdenDeTrabajo").innerHTML = "";
                } else {
                    document.getElementById("validacionCampoPuntoIngresadoDeLaOrdenDeLaOrdenDeTrabajo").style.display = "block";
                    document.getElementById("validacionCampoPuntoIngresadoDeLaOrdenDeLaOrdenDeTrabajo").innerHTML = "El campo seleccionar archivos es obligatorio";
                }
            }
        }

        function formulaAzimut(coordenadaEstacaEste, coordenadaEste, coordenadaEstacaNorte, coordenadaNorte){
            let resultado=0;
            if((coordenadaEstacaEste-coordenadaEste)<=0 && (coordenadaEstacaNorte-coordenadaNorte)>0){
                let atan=Math.atan((coordenadaEstacaEste-coordenadaEste)/(coordenadaEstacaNorte-coordenadaNorte));
                resultado=360-Math.abs(atan)*(180/3.141592654);
            }else if((coordenadaEstacaEste-coordenadaEste)>=0 && (coordenadaEstacaNorte-coordenadaNorte)>0){
                let atan=Math.atan((coordenadaEstacaEste-coordenadaEste)/(coordenadaEstacaNorte-coordenadaNorte));
                resultado=Math.abs(atan)*(180/3.141592654);
            }else if((coordenadaEstacaEste-coordenadaEste)>=0 && (coordenadaEstacaNorte-coordenadaNorte)<0){
                let atan=Math.atan((coordenadaEstacaEste-coordenadaEste)/(coordenadaEstacaNorte-coordenadaNorte));
                resultado=180-Math.abs(atan)*(180/3.141592654);
            }else if((coordenadaEstacaEste-coordenadaEste)<=0 && (coordenadaEstacaNorte-coordenadaNorte)<0){
                let atan=Math.atan((coordenadaEstacaEste-coordenadaEste)/(coordenadaEstacaNorte-coordenadaNorte));
                resultado=180+Math.abs(atan)*(180/3.141592654);
            }

            return Number.parseFloat(resultado).toFixed(3);
        }

        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 itemsEstacaAcimutal = document.getElementById('tabla-puntos-estaca-acimutal').tBodies[0].querySelectorAll("tr");
                if (itemsEstacaAcimutal.length > 0) {
                    itemsEstacaAcimutal.forEach(item => {
                        if (item.querySelector(".tabla-id-item-origen-terreno-estaca-acimutal").innerHTML.trim()) {
                            let idPuntoOrdenDeTrabajo = item.querySelector(".tabla-id-item-origen-estaca-acimutal").innerHTML.trim();
                            let idPuntoTerreno = item.querySelector(".tabla-id-item-origen-terreno-estaca-acimutal").innerHTML.trim();
                            let nombreItem = item.querySelector(".tabla-nombre-item-estaca-acimutal").innerHTML.trim();
                            let esteItem = item.querySelector(".tabla-este-item-estaca-acimutal").innerHTML.trim();
                            let norteItem = item.querySelector(".tabla-norte-item-estaca-acimutal").innerHTML.trim();
                            let cotaItem = item.querySelector(".tabla-cota-item-estaca-acimutal").innerHTML.trim();
                            let estacaEsteItem = item.querySelector(".tabla-este-manual-item-estaca-acimutal").innerHTML.trim();
                            let estacaNorteItem = item.querySelector(".tabla-norte-manual-item-estaca-acimutal").innerHTML.trim();
                            let azimutItem = item.querySelector(".tabla-azimut-manual-item-estaca-acimutal").innerHTML.trim();
                            let diferenciaEsteItem = item.querySelector(".tabla-diferencia-este-item-estaca-acimutal").innerHTML.trim();
                            let diferenciaNorteItem = item.querySelector(".tabla-diferencia-norte-item-estaca-acimutal").innerHTML.trim();
                            let diferenciaCotaItem = item.querySelector(".tabla-diferencia-cota-item-estaca-acimutal").innerHTML.trim();
                            let observacionItem = item.querySelector(".tabla-observacion-item-estaca-acimutal").innerHTML.trim();
                            let error = item.querySelector(".tabla-error-item-estaca-acimutal").innerHTML.trim();

                            if(item.querySelector(".tabla-error-azimut-item-estaca-acimutal").innerHTML.trim()=="true"){
                                errorAzimutItem=true;
                            }else{
                                errorAzimutItem=false;
                            }

                            let objectoItem = {
                                idPuntoOrdenDeTrabajo: idPuntoOrdenDeTrabajo,
                                idPuntoTerreno: idPuntoTerreno,
                                esteItem: esteItem,
                                norteItem: norteItem,
                                cotaItem: cotaItem,
                                estacaEsteItem: estacaEsteItem,
                                estacaNorteItem: estacaNorteItem,
                                azimutItem: azimutItem,
                                diferenciaEsteItem: diferenciaEsteItem,
                                diferenciaNorteItem: diferenciaNorteItem,
                                diferenciaCotaItem: diferenciaCotaItem,
                                observacionItem: observacionItem,
                                errorAzimutItem: errorAzimutItem
                            };

                            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 itemsEstacaAcimutal = document.getElementById('tabla-puntos-estaca-acimutal').tBodies[0].querySelectorAll("tr");
                if (itemsEstacaAcimutal.length > 0) {
                    itemsEstacaAcimutal.forEach(item => {
                        if (item.querySelector(".tabla-id-item-origen-terreno-estaca-acimutal").innerHTML.trim()) {
                            let idPuntoOrdenDeTrabajo = item.querySelector(".tabla-id-item-origen-estaca-acimutal").innerHTML.trim();
                            let idPuntoTerreno = item.querySelector(".tabla-id-item-origen-terreno-estaca-acimutal").innerHTML.trim();
                            let nombreItem = item.querySelector(".tabla-nombre-item-estaca-acimutal").innerHTML.trim();
                            let esteItem = item.querySelector(".tabla-este-item-estaca-acimutal").innerHTML.trim();
                            let norteItem = item.querySelector(".tabla-norte-item-estaca-acimutal").innerHTML.trim();
                            let cotaItem = item.querySelector(".tabla-cota-item-estaca-acimutal").innerHTML.trim();
                            let estacaEsteItem = item.querySelector(".tabla-este-manual-item-estaca-acimutal").innerHTML.trim();
                            let estacaNorteItem = item.querySelector(".tabla-norte-manual-item-estaca-acimutal").innerHTML.trim();
                            let azimutItem = item.querySelector(".tabla-azimut-manual-item-estaca-acimutal").innerHTML.trim();
                            let diferenciaEsteItem = item.querySelector(".tabla-diferencia-este-item-estaca-acimutal").innerHTML.trim();
                            let diferenciaNorteItem = item.querySelector(".tabla-diferencia-norte-item-estaca-acimutal").innerHTML.trim();
                            let diferenciaCotaItem = item.querySelector(".tabla-diferencia-cota-item-estaca-acimutal").innerHTML.trim();
                            let observacionItem = item.querySelector(".tabla-observacion-item-estaca-acimutal").innerHTML.trim();
                            let error = item.querySelector(".tabla-error-item-estaca-acimutal").innerHTML.trim();
                            let pozoVertical;

                            if(item.querySelector(".tabla-error-azimut-item-estaca-acimutal").innerHTML.trim()=="true"){
                                errorAzimutItem=true;
                            }else{
                                errorAzimutItem=false;
                            }

                            if(item.querySelector(".tabla-pozo-vertical").innerHTML.trim()=="true"){
                                pozoVertical=true;
                            }else if(item.querySelector(".tabla-pozo-vertical").innerHTML.trim()=="false"){
                                pozoVertical=false;
                            }

                            let objectoItem = {
                                idPuntoOrdenDeTrabajo: idPuntoOrdenDeTrabajo,
                                idPuntoTerreno: idPuntoTerreno,
                                esteItem: esteItem,
                                norteItem: norteItem,
                                cotaItem: cotaItem,
                                estacaEsteItem: estacaEsteItem,
                                estacaNorteItem: estacaNorteItem,
                                azimutItem: azimutItem,
                                diferenciaEsteItem: diferenciaEsteItem,
                                diferenciaNorteItem: diferenciaNorteItem,
                                diferenciaCotaItem: diferenciaCotaItem,
                                observacionItem: observacionItem,
                                errorAzimutItem: errorAzimutItem,
                                pozoVertical: pozoVertical
                            };

                            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-plataforma', $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("botonGuardarInformacionDefinitiva").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-plataforma', $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("botonGuardarInformacionDefinitiva").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