@extends('adminlte::page')

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

@section('title', 'Ingreso de Puntos de la Orden de Trabajo ' . $ordenDeTrabajo->numero_orden_trabajo . ' | 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-8">

                <div class="card card-aspen">
                    <div class="card-header">
                        <h3 class="card-title">Ingreso de Puntos de la Orden de Trabajo </h3>
                    </div>

                    <form id="formularioDeOrdenDeTrabajo" enctype="multipart/form-data">
                        @csrf

                        <div class="card-body">

                            <div class="contenedor-dos-campos-por-fila">
                                <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="form-group">
                                    <label>Contrato</label>
                                    <input type="text" class="form-control" value="{{ $ordenDeTrabajo->contrato->numero_contrato }}" disabled="true">
                                </div>

                                <div class="form-group">
                                    <label>Cliente</label>
                                    <input type="text" class="form-control" value="{{ $ordenDeTrabajo->cliente->name }}" disabled="true">
                                </div>

                                @if (isset($ordenDeTrabajo->proyecto))
                                    <div class="form-group">
                                        <label>Proyecto</label>
                                        <input type="text" class="form-control" value="{{ $ordenDeTrabajo->proyecto->nombre }}" disabled="true">
                                    </div>
                                @else
                                    <div class="form-group">
                                        <label>Proyecto</label>
                                        <input type="text" class="form-control" value="" disabled="true">
                                    </div>
                                @endif

                                <div class="form-group">
                                    <label>Área/Sector</label>
                                    <input type="text" class="form-control" value="{{ $ordenDeTrabajo->area->nombre }}" disabled="true">
                                </div>

                                <div class="form-group">
                                    <label>Servicio</label>
                                    <input type="text" class="form-control" value="{{ $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>

                                @if ($servicio->nombre=="Sondajes")
                                    <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>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>
                                @elseif($servicio->nombre=="Pilas")
                                    <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>
                                @elseif($servicio->nombre=="Calicatas")
                                    <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>
                                @endif

                                <div class="form-group">
                                    <label>Fecha Inicio</label>
                                    <input type="date" class="form-control" name="fecha_inicio" value="{{ $ordenDeTrabajo->fecha_inicio }}" 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 class="dt-responsive table-responsive">
                                <table class="table table-striped table-bordered" role="grid" aria-describedby="base-style_info" id="tabla-puntos-ingresados-orden-trabajo">
                                    <thead>
                                        <tr role="row">
                                            <th>Nombre del Punto</th>
                                            <th>Este</th>
                                            <th>Norte</th>
                                            <th>Cota</th>
                                            <th>Azimut</th>
                                            <th>Inclinación</th>
                                            <th>Observación</th>
                                        </tr>
                                    </thead>
                                    <tbody id="registrosDePuntosIngresados">
                                        <tr id="puntosIngresadosNoDisponibleEnLaTabla">
                                            <td colspan="7" class="text-center">No hay Puntos ingresados en la tabla</td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>

                            <button type="button" class="btn btn-aspen" id="botonIngresoDeItems" onclick="importarItemDeLaOrdenDeTrabajo()"><i class="fas fa-map-marked-alt" style="margin-right: 2px;"></i> Ingresar Puntos </button>
                        </div>

                        <div class=" card-footer">
                            <button type="button" class="btn btn-aspen" id="botonGuardarInformacion" onclick="abrirSeleccionadorDeCorreos()"><i class="fas fa-save" style="margin-right: 2px;"></i> Guardar Información </button>
                            <a href="{{ route('orden-trabajo.index-cliente', $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;
        }
    </style>
@stop

@section('js')
    <script src="{{ asset('js/generico.js') }}"></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 validarCaracteresDelCampoAzimutDelItem(event, azimut) {
            if (event.key === "Enter") {
                azimut.removeAttribute("onblur");
                tipoColumnaActiva = "sin_campo";
                columnaActiva = false;
                let elementoPadre = azimut.parentElement.parentElement;
                let elementoAbuelo = azimut.parentElement.parentElement.parentElement;
                let valorAzimut = azimut.value;
                elementoPadre.innerHTML = valorAzimut;
                if (valorAzimut != "") {
                    if (elementoAbuelo.querySelector(".tabla-error-puntos-ingresados").innerHTML === "true") {
                        if (elementoAbuelo.querySelector(".tabla-inclinacion-puntos-ingresados").innerHTML == "" && elementoAbuelo.querySelector(".tabla-azimut-puntos-ingresados").innerHTML == "") {
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").innerHTML = "Falta el valor de la inclinación y del azimut.";
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.remove("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.remove("item-error-verde");
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.add("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-error-puntos-ingresados").innerHTML = "true";
                        } else if (elementoAbuelo.querySelector(".tabla-inclinacion-puntos-ingresados").innerHTML == "") {
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").innerHTML = "Falta el valor de la inclinación.";
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.remove("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.remove("item-error-verde");
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.add("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-error-puntos-ingresados").innerHTML = "true";
                        } else if (elementoAbuelo.querySelector(".tabla-azimut-puntos-ingresados").innerHTML == "") {
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").innerHTML = "Falta el valor del azimut.";
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.remove("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.remove("item-error-verde");
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.add("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-error-puntos-ingresados").innerHTML = "true";
                        } else if (elementoAbuelo.querySelector(".tabla-existe-en-base-datos-puntos-ingresados").innerHTML == "true") {
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").innerHTML = "El punto ya se encuentra en nuestros registros de base de datos.";
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.remove("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.remove("item-error-verde");
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.add("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-error-puntos-ingresados").innerHTML = "true";
                        } else if (elementoAbuelo.querySelector(".tabla-repite-pts-en-la-importacion-puntos-ingresados").innerHTML == "true") {
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").innerHTML = "El punto se encuentra repetido en la importación de datos.";
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.remove("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.remove("item-error-verde");
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.add("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-error-puntos-ingresados").innerHTML = "true";
                        } else {
                            if (elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").innerHTML == "Falta el valor del azimut." ||
                                elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").innerHTML == "Falta el valor de la inclinación y del azimut." ||
                                elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").innerHTML == "Falta el valor de la inclinación." ||
                                elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").innerHTML == "El punto ya se encuentra en nuestros registros de base de datos." ||
                                elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").innerHTML == "El punto se encuentra repetido en la importación de datos.") {
                                elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").innerHTML = "Punto valido.";
                                elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.remove("item-error-rojo");
                                elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.remove("item-error-verde");
                                elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.add("item-error-verde");
                                elementoAbuelo.querySelector(".tabla-error-puntos-ingresados").innerHTML = "false";
                            }
                        }
                    }
                } else {
                    if (elementoAbuelo.querySelector(".tabla-error-puntos-ingresados").innerHTML === "false") {
                        if (elementoAbuelo.querySelector(".tabla-inclinacion-puntos-ingresados").innerHTML != "") {
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").innerHTML = "Falta el valor del azimut.";
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.remove("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.remove("item-error-verde");
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.add("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-error-puntos-ingresados").innerHTML = "true";
                        } else {
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").innerHTML = "Falta el valor de la inclinación y del azimut.";
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.remove("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.remove("item-error-verde");
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.add("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-error-puntos-ingresados").innerHTML = "true";
                        }
                    } else {
                        if (elementoAbuelo.querySelector(".tabla-inclinacion-puntos-ingresados").innerHTML == "" && elementoAbuelo.querySelector(".tabla-azimut-puntos-ingresados").innerHTML == "") {
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").innerHTML = "Falta el valor de la inclinación y del azimut.";
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.remove("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.remove("item-error-verde");
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.add("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-error-puntos-ingresados").innerHTML = "true";
                        } else if (elementoAbuelo.querySelector(".tabla-inclinacion-puntos-ingresados").innerHTML == "") {
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").innerHTML = "Falta el valor de la inclinación.";
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.remove("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.remove("item-error-verde");
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.add("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-error-puntos-ingresados").innerHTML = "true";
                        } else if (elementoAbuelo.querySelector(".tabla-azimut-puntos-ingresados").innerHTML == "") {
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").innerHTML = "Falta el valor del azimut.";
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.remove("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.remove("item-error-verde");
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.add("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-error-puntos-ingresados").innerHTML = "true";
                        } else if (elementoAbuelo.querySelector(".tabla-existe-en-base-datos-puntos-ingresados").innerHTML == "true") {
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").innerHTML = "El punto ya se encuentra en nuestros registros de base de datos.";
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.remove("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.remove("item-error-verde");
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.add("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-error-puntos-ingresados").innerHTML = "true";
                        } else if (elementoAbuelo.querySelector(".tabla-repite-pts-en-la-importacion-puntos-ingresados").innerHTML == "true") {
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").innerHTML = "El punto se encuentra repetido en la importación de datos.";
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.remove("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.remove("item-error-verde");
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.add("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-error-puntos-ingresados").innerHTML = "true";
                        } else {
                            if (elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").innerHTML == "Falta el valor del azimut." ||
                                elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").innerHTML == "Falta el valor de la inclinación y del azimut." ||
                                elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").innerHTML == "Falta el valor de la inclinación." ||
                                elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").innerHTML == "El punto ya se encuentra en nuestros registros de base de datos." ||
                                elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").innerHTML == "El punto se encuentra repetido en la importación de datos.") {
                                elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").innerHTML = "Punto valido.";
                                elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.remove("item-error-rojo");
                                elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.remove("item-error-verde");
                                elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.add("item-error-verde");
                                elementoAbuelo.querySelector(".tabla-error-puntos-ingresados").innerHTML = "false";
                            }
                        }
                    }
                }
            } else {
                if (event.key == ".") {
                    var cantidadDePuntos = 0;
                    for (var i = 0; i < azimut.value.length; i++) {
                        if (azimut.value[i].toLowerCase() === ".") cantidadDePuntos++;
                    }

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

        function desenfocarInputColumnaAzimutDelItem(azimut) {
            try {
                tipoColumnaActiva = "sin_campo";
                columnaActiva = false;
                var elementoPadre = azimut.parentElement.parentElement;
                var elementoAbuelo = azimut.parentElement.parentElement.parentElement;
                var valorAzimut = azimut.value;
                elementoPadre.innerHTML = valorAzimut;
                if (valorAzimut != "") {
                    if (elementoAbuelo.querySelector(".tabla-error-puntos-ingresados").innerHTML === "true") {
                        if (elementoAbuelo.querySelector(".tabla-inclinacion-puntos-ingresados").innerHTML == "" && elementoAbuelo.querySelector(".tabla-azimut-puntos-ingresados").innerHTML == "") {
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").innerHTML = "Falta el valor de la inclinación y del azimut.";
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.remove("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.remove("item-error-verde");
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.add("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-error-puntos-ingresados").innerHTML = "true";
                        } else if (elementoAbuelo.querySelector(".tabla-inclinacion-puntos-ingresados").innerHTML == "") {
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").innerHTML = "Falta el valor de la inclinación.";
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.remove("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.remove("item-error-verde");
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.add("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-error-puntos-ingresados").innerHTML = "true";
                        } else if (elementoAbuelo.querySelector(".tabla-azimut-puntos-ingresados").innerHTML == "") {
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").innerHTML = "Falta el valor del azimut.";
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.remove("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.remove("item-error-verde");
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.add("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-error-puntos-ingresados").innerHTML = "true";
                        } else if (elementoAbuelo.querySelector(".tabla-existe-en-base-datos-puntos-ingresados").innerHTML == "true") {
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").innerHTML = "El punto ya se encuentra en nuestros registros de base de datos.";
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.remove("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.remove("item-error-verde");
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.add("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-error-puntos-ingresados").innerHTML = "true";
                        } else if (elementoAbuelo.querySelector(".tabla-repite-pts-en-la-importacion-puntos-ingresados").innerHTML == "true") {
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").innerHTML = "El punto se encuentra repetido en la importación de datos.";
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.remove("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.remove("item-error-verde");
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.add("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-error-puntos-ingresados").innerHTML = "true";
                        } else {
                            if (elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").innerHTML == "Falta el valor del azimut." ||
                                elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").innerHTML == "Falta el valor de la inclinación y del azimut." ||
                                elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").innerHTML == "Falta el valor de la inclinación." ||
                                elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").innerHTML == "El punto ya se encuentra en nuestros registros de base de datos." ||
                                elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").innerHTML == "El punto se encuentra repetido en la importación de datos.") {
                                elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").innerHTML = "Punto valido.";
                                elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.remove("item-error-rojo");
                                elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.remove("item-error-verde");
                                elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.add("item-error-verde");
                                elementoAbuelo.querySelector(".tabla-error-puntos-ingresados").innerHTML = "false";
                            }
                        }
                    }
                } else {
                    if (elementoAbuelo.querySelector(".tabla-error-puntos-ingresados").innerHTML === "false") {
                        if (elementoAbuelo.querySelector(".tabla-inclinacion-puntos-ingresados").innerHTML != "") {
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").innerHTML = "Falta el valor del azimut.";
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.remove("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.remove("item-error-verde");
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.add("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-error-puntos-ingresados").innerHTML = "true";
                        } else {
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").innerHTML = "Falta el valor de la inclinación y del azimut.";
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.remove("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.remove("item-error-verde");
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.add("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-error-puntos-ingresados").innerHTML = "true";
                        }
                    } else {
                        if (elementoAbuelo.querySelector(".tabla-inclinacion-puntos-ingresados").innerHTML == "" && elementoAbuelo.querySelector(".tabla-azimut-puntos-ingresados").innerHTML == "") {
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").innerHTML = "Falta el valor de la inclinación y del azimut.";
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.remove("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.remove("item-error-verde");
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.add("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-error-puntos-ingresados").innerHTML = "true";
                        } else if (elementoAbuelo.querySelector(".tabla-inclinacion-puntos-ingresados").innerHTML == "") {
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").innerHTML = "Falta el valor de la inclinación.";
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.remove("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.remove("item-error-verde");
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.add("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-error-puntos-ingresados").innerHTML = "true";
                        } else if (elementoAbuelo.querySelector(".tabla-azimut-puntos-ingresados").innerHTML == "") {
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").innerHTML = "Falta el valor del azimut.";
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.remove("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.remove("item-error-verde");
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.add("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-error-puntos-ingresados").innerHTML = "true";
                        } else if (elementoAbuelo.querySelector(".tabla-existe-en-base-datos-puntos-ingresados").innerHTML == "true") {
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").innerHTML = "El punto ya se encuentra en nuestros registros de base de datos.";
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.remove("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.remove("item-error-verde");
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.add("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-error-puntos-ingresados").innerHTML = "true";
                        } else if (elementoAbuelo.querySelector(".tabla-repite-pts-en-la-importacion-puntos-ingresados").innerHTML == "true") {
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").innerHTML = "El punto se encuentra repetido en la importación de datos.";
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.remove("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.remove("item-error-verde");
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.add("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-error-puntos-ingresados").innerHTML = "true";
                        } else {
                            if (elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").innerHTML == "Falta el valor del azimut." ||
                                elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").innerHTML == "Falta el valor de la inclinación y del azimut." ||
                                elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").innerHTML == "Falta el valor de la inclinación." ||
                                elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").innerHTML == "El punto ya se encuentra en nuestros registros de base de datos." ||
                                elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").innerHTML == "El punto se encuentra repetido en la importación de datos.") {
                                elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").innerHTML = "Punto valido.";
                                elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.remove("item-error-rojo");
                                elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.remove("item-error-verde");
                                elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.add("item-error-verde");
                                elementoAbuelo.querySelector(".tabla-error-puntos-ingresados").innerHTML = "false";
                            }
                        }
                    }
                }
            } catch (e) {
                console.log(e);
            }
        }

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

        function validarCaracteresDelCampoInclinacionDelItem(event, inclinacion) {
            if (event.key === "Enter") {
                inclinacion.removeAttribute("onblur");
                tipoColumnaActiva = "sin_campo";
                columnaActiva = false;
                let elementoPadre = inclinacion.parentElement.parentElement;
                let elementoAbuelo = inclinacion.parentElement.parentElement.parentElement;
                let valorInclinacion = inclinacion.value;
                elementoPadre.innerHTML = Inclinacion;
                if (valorInclinacion != "") {
                    if (elementoAbuelo.querySelector(".tabla-error-puntos-ingresados").innerHTML === "true") {
                        if (elementoAbuelo.querySelector(".tabla-inclinacion-puntos-ingresados").innerHTML == "" && elementoAbuelo.querySelector(".tabla-azimut-puntos-ingresados").innerHTML == "") {
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").innerHTML = "Falta el valor de la inclinación y del azimut.";
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.remove("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.remove("item-error-verde");
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.add("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-error-puntos-ingresados").innerHTML = "true";
                        } else if (elementoAbuelo.querySelector(".tabla-inclinacion-puntos-ingresados").innerHTML == "") {
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").innerHTML = "Falta el valor de la inclinación.";
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.remove("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.remove("item-error-verde");
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.add("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-error-puntos-ingresados").innerHTML = "true";
                        } else if (elementoAbuelo.querySelector(".tabla-azimut-puntos-ingresados").innerHTML == "") {
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").innerHTML = "Falta el valor del azimut.";
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.remove("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.remove("item-error-verde");
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.add("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-error-puntos-ingresados").innerHTML = "true";
                        } else if (elementoAbuelo.querySelector(".tabla-existe-en-base-datos-puntos-ingresados").innerHTML == "true") {
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").innerHTML = "El punto ya se encuentra en nuestros registros de base de datos.";
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.remove("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.remove("item-error-verde");
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.add("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-error-puntos-ingresados").innerHTML = "true";
                        } else if (elementoAbuelo.querySelector(".tabla-repite-pts-en-la-importacion-puntos-ingresados").innerHTML == "true") {
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").innerHTML = "El punto se encuentra repetido en la importación de datos.";
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.remove("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.remove("item-error-verde");
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.add("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-error-puntos-ingresados").innerHTML = "true";
                        } else {
                            if (elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").innerHTML == "Falta el valor del azimut." ||
                                elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").innerHTML == "Falta el valor de la inclinación y del azimut." ||
                                elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").innerHTML == "Falta el valor de la inclinación." ||
                                elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").innerHTML == "El punto ya se encuentra en nuestros registros de base de datos." ||
                                elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").innerHTML == "El punto se encuentra repetido en la importación de datos.") {
                                elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").innerHTML = "Punto valido.";
                                elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.remove("item-error-rojo");
                                elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.remove("item-error-verde");
                                elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.add("item-error-verde");
                                elementoAbuelo.querySelector(".tabla-error-puntos-ingresados").innerHTML = "false";
                            }
                        }
                    }
                } else {
                    if (elementoAbuelo.querySelector(".tabla-error-puntos-ingresados").innerHTML === "false") {
                        if (elementoAbuelo.querySelector(".tabla-azimut-puntos-ingresados").innerHTML != "") {
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").innerHTML = "Falta el valor de la inclinación.";
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.remove("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.remove("item-error-verde");
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.add("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-error-puntos-ingresados").innerHTML = "true";
                        } else {
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").innerHTML = "Falta el valor de la inclinación y del azimut.";
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.remove("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.remove("item-error-verde");
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.add("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-error-puntos-ingresados").innerHTML = "true";
                        }
                    } else {
                        if (elementoAbuelo.querySelector(".tabla-inclinacion-puntos-ingresados").innerHTML == "" && elementoAbuelo.querySelector(".tabla-azimut-puntos-ingresados").innerHTML == "") {
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").innerHTML = "Falta el valor de la inclinación y del azimut.";
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.remove("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.remove("item-error-verde");
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.add("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-error-puntos-ingresados").innerHTML = "true";
                        } else if (elementoAbuelo.querySelector(".tabla-inclinacion-puntos-ingresados").innerHTML == "") {
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").innerHTML = "Falta el valor de la inclinación.";
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.remove("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.remove("item-error-verde");
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.add("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-error-puntos-ingresados").innerHTML = "true";
                        } else if (elementoAbuelo.querySelector(".tabla-azimut-puntos-ingresados").innerHTML == "") {
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").innerHTML = "Falta el valor del azimut.";
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.remove("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.remove("item-error-verde");
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.add("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-error-puntos-ingresados").innerHTML = "true";
                        } else if (elementoAbuelo.querySelector(".tabla-existe-en-base-datos-puntos-ingresados").innerHTML == "true") {
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").innerHTML = "El punto ya se encuentra en nuestros registros de base de datos.";
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.remove("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.remove("item-error-verde");
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.add("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-error-puntos-ingresados").innerHTML = "true";
                        } else if (elementoAbuelo.querySelector(".tabla-repite-pts-en-la-importacion-puntos-ingresados").innerHTML == "true") {
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").innerHTML = "El punto se encuentra repetido en la importación de datos.";
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.remove("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.remove("item-error-verde");
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.add("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-error-puntos-ingresados").innerHTML = "true";
                        } else {
                            if (elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").innerHTML == "Falta el valor del azimut." ||
                                elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").innerHTML == "Falta el valor de la inclinación y del azimut." ||
                                elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").innerHTML == "Falta el valor de la inclinación." ||
                                elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").innerHTML == "El punto ya se encuentra en nuestros registros de base de datos." ||
                                elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").innerHTML == "El punto se encuentra repetido en la importación de datos.") {
                                elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").innerHTML = "Punto valido.";
                                elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.remove("item-error-rojo");
                                elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.remove("item-error-verde");
                                elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.add("item-error-verde");
                                elementoAbuelo.querySelector(".tabla-error-puntos-ingresados").innerHTML = "false";
                            }
                        }
                    }
                }
            } else {
                if (event.key == ".") {
                    var cantidadDePuntos = 0;
                    for (var i = 0; i < inclinacion.value.length; i++) {
                        if (inclinacion.value[i].toLowerCase() === ".") cantidadDePuntos++;
                    }

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

        function desenfocarInputColumnaInclinacionDelItem(inclinacion) {
            try {
                tipoColumnaActiva = "sin_campo";
                columnaActiva = false;
                var elementoPadre = inclinacion.parentElement.parentElement;
                var elementoAbuelo = inclinacion.parentElement.parentElement.parentElement;
                var valorInclinacion = inclinacion.value;
                elementoPadre.innerHTML = valorInclinacion;
                if (valorInclinacion != "") {
                    if (elementoAbuelo.querySelector(".tabla-error-puntos-ingresados").innerHTML === "true") {
                        if (elementoAbuelo.querySelector(".tabla-inclinacion-puntos-ingresados").innerHTML == "" && elementoAbuelo.querySelector(".tabla-azimut-puntos-ingresados").innerHTML == "") {
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").innerHTML = "Falta el valor de la inclinación y del azimut.";
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.remove("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.remove("item-error-verde");
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.add("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-error-puntos-ingresados").innerHTML = "true";
                        } else if (elementoAbuelo.querySelector(".tabla-inclinacion-puntos-ingresados").innerHTML == "") {
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").innerHTML = "Falta el valor de la inclinación.";
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.remove("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.remove("item-error-verde");
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.add("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-error-puntos-ingresados").innerHTML = "true";
                        } else if (elementoAbuelo.querySelector(".tabla-azimut-puntos-ingresados").innerHTML == "") {
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").innerHTML = "Falta el valor del azimut.";
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.remove("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.remove("item-error-verde");
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.add("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-error-puntos-ingresados").innerHTML = "true";
                        } else if (elementoAbuelo.querySelector(".tabla-existe-en-base-datos-puntos-ingresados").innerHTML == "true") {
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").innerHTML = "El punto ya se encuentra en nuestros registros de base de datos.";
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.remove("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.remove("item-error-verde");
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.add("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-error-puntos-ingresados").innerHTML = "true";
                        } else if (elementoAbuelo.querySelector(".tabla-repite-pts-en-la-importacion-puntos-ingresados").innerHTML == "true") {
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").innerHTML = "El punto se encuentra repetido en la importación de datos.";
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.remove("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.remove("item-error-verde");
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.add("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-error-puntos-ingresados").innerHTML = "true";
                        } else {
                            if (elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").innerHTML == "Falta el valor del azimut." ||
                                elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").innerHTML == "Falta el valor de la inclinación y del azimut." ||
                                elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").innerHTML == "Falta el valor de la inclinación." ||
                                elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").innerHTML == "El punto ya se encuentra en nuestros registros de base de datos." ||
                                elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").innerHTML == "El punto se encuentra repetido en la importación de datos.") {
                                elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").innerHTML = "Punto valido.";
                                elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.remove("item-error-rojo");
                                elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.remove("item-error-verde");
                                elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.add("item-error-verde");
                                elementoAbuelo.querySelector(".tabla-error-puntos-ingresados").innerHTML = "false";
                            }
                        }
                    }
                } else {
                    if (elementoAbuelo.querySelector(".tabla-error-puntos-ingresados").innerHTML === "false") {
                        if (elementoAbuelo.querySelector(".tabla-azimut-puntos-ingresados").innerHTML != "") {
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").innerHTML = "Falta el valor de la inclinación.";
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.remove("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.remove("item-error-verde");
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.add("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-error-puntos-ingresados").innerHTML = "true";
                        } else {
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").innerHTML = "Falta el valor de la inclinación y del azimut.";
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.remove("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.remove("item-error-verde");
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.add("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-error-puntos-ingresados").innerHTML = "true";
                        }
                    } else {
                        if (elementoAbuelo.querySelector(".tabla-inclinacion-puntos-ingresados").innerHTML == "" && elementoAbuelo.querySelector(".tabla-azimut-puntos-ingresados").innerHTML == "") {
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").innerHTML = "Falta el valor de la inclinación y del azimut.";
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.remove("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.remove("item-error-verde");
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.add("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-error-puntos-ingresados").innerHTML = "true";
                        } else if (elementoAbuelo.querySelector(".tabla-inclinacion-puntos-ingresados").innerHTML == "") {
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").innerHTML = "Falta el valor de la inclinación.";
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.remove("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.remove("item-error-verde");
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.add("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-error-puntos-ingresados").innerHTML = "true";
                        } else if (elementoAbuelo.querySelector(".tabla-azimut-puntos-ingresados").innerHTML == "") {
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").innerHTML = "Falta el valor del azimut.";
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.remove("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.remove("item-error-verde");
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.add("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-error-puntos-ingresados").innerHTML = "true";
                        } else if (elementoAbuelo.querySelector(".tabla-existe-en-base-datos-puntos-ingresados").innerHTML == "true") {
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").innerHTML = "El punto ya se encuentra en nuestros registros de base de datos.";
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.remove("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.remove("item-error-verde");
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.add("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-error-puntos-ingresados").innerHTML = "true";
                        } else if (elementoAbuelo.querySelector(".tabla-repite-pts-en-la-importacion-puntos-ingresados").innerHTML == "true") {
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").innerHTML = "El punto se encuentra repetido en la importación de datos.";
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.remove("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.remove("item-error-verde");
                            elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.add("item-error-rojo");
                            elementoAbuelo.querySelector(".tabla-error-puntos-ingresados").innerHTML = "true";
                        } else {
                            if (elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").innerHTML == "Falta el valor del azimut." ||
                                elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").innerHTML == "Falta el valor de la inclinación y del azimut." ||
                                elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").innerHTML == "Falta el valor de la inclinación." ||
                                elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").innerHTML == "El punto ya se encuentra en nuestros registros de base de datos." ||
                                elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").innerHTML == "El punto se encuentra repetido en la importación de datos.") {
                                elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").innerHTML = "Punto valido.";
                                elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.remove("item-error-rojo");
                                elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.remove("item-error-verde");
                                elementoAbuelo.querySelector(".tabla-observacion-puntos-ingresados").classList.add("item-error-verde");
                                elementoAbuelo.querySelector(".tabla-error-puntos-ingresados").innerHTML = "false";
                            }
                        }
                    }
                }
            } catch (e) {
                console.log(e);
            }
        }

        function editarColumnaInclinacionDelItem(inclinacion) {
            if (tipoColumnaActiva != "inclinacion") {
                columnaActiva = true;
                tipoColumnaActiva = "inclinacion";
                let valorInclinacion = inclinacion.innerHTML;
                let campoDelFormulario =
                    '<div class="form-group">' +
                    '<input type="text" class="form-control" id="campoInclinacionDelItem" value="' + valorInclinacion + '"  onblur="desenfocarInputColumnaInclinacionDelItem(this)" onkeypress="return validarCaracteresDelCampoInclinacionDelItem(event,this)">' +
                    '</div>';
                inclinacion.innerHTML = campoDelFormulario;
                setCaretPosition(inclinacion.querySelector("input"), inclinacion.querySelector("input").value.length);
            }
        }
    </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 importarItemDeLaOrdenDeTrabajo() {
            let campoArchivo = document.getElementById("campoPuntoIngresadoDeLaOrdenDeLaOrdenDeTrabajo").value;
            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', $ordenDeTrabajo) }}',
                        method: 'POST',
                        data: formData,
                        contentType: false,
                        processData: false,
                        dataType: 'json',
                        headers: {
                            'X-CSRF-TOKEN': csrf
                        },
                        success: function(data) {
                            if (data.items.length > 0) {
                                if (document.getElementById("puntosIngresadosNoDisponibleEnLaTabla")) {
                                    document.getElementById("puntosIngresadosNoDisponibleEnLaTabla").remove();
                                }
                                document.getElementById("registrosDePuntosIngresados").innerHTML = "";
                                data.items.forEach(elemento => {
                                    if (elemento.error == true) {
                                        document.getElementById("registrosDePuntosIngresados").innerHTML +=
                                            '<tr>' +
                                            '<td class="tabla-error-puntos-ingresados" style="display:none;">' + elemento.error + '</td>' +
                                            '<td class="tabla-existe-en-base-datos-puntos-ingresados" style="display:none;">' + elemento.existe_en_base_datos + '</td>' +
                                            '<td class="tabla-repite-pts-en-la-importacion-puntos-ingresados" style="display:none;">' + elemento.repite_pts_en_la_importacion + '</td>' +
                                            '<td class="tabla-item-puntos-ingresados">' + elemento.item + '</td>' +
                                            '<td class="tabla-este-puntos-ingresados">' + elemento.este + '</td>' +
                                            '<td class="tabla-norte-puntos-ingresados">' + elemento.norte + '</td>' +
                                            '<td class="tabla-cota-puntos-ingresados">' + elemento.cota + '</td>' +
                                            '<td class="tabla-azimut-puntos-ingresados">' + elemento.azimut + '</td>' +
                                            '<td class="tabla-inclinacion-puntos-ingresados">' + elemento.inclinacion + '</td>' +
                                            '<td class="tabla-observacion-puntos-ingresados item-error-rojo">' + elemento.observacion + '</td>' +
                                            '</tr>';
                                    } else {
                                        document.getElementById("registrosDePuntosIngresados").innerHTML +=
                                            '<tr>' +
                                            '<td class="tabla-error-puntos-ingresados" style="display:none;">' + elemento.error + '</td>' +
                                            '<td class="tabla-existe-en-base-datos-puntos-ingresados" style="display:none;">' + elemento.existe_en_base_datos + '</td>' +
                                            '<td class="tabla-repite-pts-en-la-importacion-puntos-ingresados" style="display:none;">' + elemento.repite_pts_en_la_importacion + '</td>' +
                                            '<td class="tabla-item-puntos-ingresados">' + elemento.item + '</td>' +
                                            '<td class="tabla-este-puntos-ingresados">' + elemento.este + '</td>' +
                                            '<td class="tabla-norte-puntos-ingresados">' + elemento.norte + '</td>' +
                                            '<td class="tabla-cota-puntos-ingresados">' + elemento.cota + '</td>' +
                                            '<td class="tabla-azimut-puntos-ingresados" onclick="editarColumnaAzimutDelItem(this)">' + elemento.azimut + '</td>' +
                                            '<td class="tabla-inclinacion-puntos-ingresados" onclick="editarColumnaInclinacionDelItem(this)">' + elemento.inclinacion + '</td>' +
                                            '<td class="tabla-observacion-puntos-ingresados item-error-verde">' + elemento.observacion + '</td>' +
                                            '</tr>';
                                    }
                                });
                            } else {
                                document.getElementById("registrosDePuntosIngresados").innerHTML = "";
                                document.getElementById("registrosDePuntosIngresados").innerHTML =
                                    '<tr id="puntosIngresadosNoDisponibleEnLaTabla">' +
                                    '<td colspan="7" class="text-center">No hay Puntos ingresados en la tabla</td>' +
                                    '</tr>';
                            }

                            document.getElementById("formularioDeOrdenDeTrabajo").reset();
                            document.getElementById("validacionCampoPuntoIngresadoDeLaOrdenDeLaOrdenDeTrabajo").style.display = "none";
                            document.getElementById("validacionCampoPuntoIngresadoDeLaOrdenDeLaOrdenDeTrabajo").innerHTML = "";

                            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("formularioDeOrdenDeTrabajo").reset();
                            document.getElementById("validacionCampoPuntoIngresadoDeLaOrdenDeLaOrdenDeTrabajo").style.display = "none";
                            document.getElementById("validacionCampoPuntoIngresadoDeLaOrdenDeLaOrdenDeTrabajo").innerHTML = "";

                            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 abrirSeleccionadorDeCorreos() {
            document.getElementById("botonGuardarInformacion").setAttribute("disabled", true);
            document.getElementById("preloader").removeAttribute("style");
            document.getElementById("img-preloader").style.display = "block";

            let itemsIngresados = document.getElementById('tabla-puntos-ingresados-orden-trabajo').tBodies[0].querySelectorAll("tr");
            let hayRegistros = false;
            let hayErrores = false;
            let listadoDeitems = [];
            itemsIngresados.forEach(filaItemIngresado => {
                if (filaItemIngresado.querySelector(".tabla-item-puntos-ingresados")) {
                    hayRegistros = true;
                    let item = filaItemIngresado.querySelector(".tabla-item-puntos-ingresados").innerHTML.trim();
                    let este = filaItemIngresado.querySelector(".tabla-este-puntos-ingresados").innerHTML.trim();
                    let norte = filaItemIngresado.querySelector(".tabla-norte-puntos-ingresados").innerHTML.trim();
                    let cota = filaItemIngresado.querySelector(".tabla-cota-puntos-ingresados").innerHTML.trim();
                    let azimut = filaItemIngresado.querySelector(".tabla-azimut-puntos-ingresados").innerHTML.trim();
                    let inclinacion = filaItemIngresado.querySelector(".tabla-inclinacion-puntos-ingresados").innerHTML.trim();
                    let observacion = filaItemIngresado.querySelector(".tabla-observacion-puntos-ingresados").innerHTML.trim();
                    let error = filaItemIngresado.querySelector(".tabla-error-puntos-ingresados").innerHTML.trim();
                    let errorExisteEnBaseDeDatos = filaItemIngresado.querySelector(".tabla-existe-en-base-datos-puntos-ingresados").innerHTML.trim();
                    let errorSeRepiteEnLaImportacion = filaItemIngresado.querySelector(".tabla-repite-pts-en-la-importacion-puntos-ingresados").innerHTML.trim();

                    let objectoItem = {
                        item: item,
                        este: este,
                        norte: norte,
                        cota: cota,
                        azimut: azimut,
                        inclinacion: inclinacion,
                        observacion: observacion,
                        error: error
                    };

                    if (error == "true") {
                        hayErrores = true;
                    } else if (errorExisteEnBaseDeDatos == "true") {
                        hayErrores = true;
                    } else if (errorSeRepiteEnLaImportacion == "true") {
                        hayErrores = true;
                    }

                    listadoDeitems.push(objectoItem);
                }
            });

            if (hayRegistros == true) {
                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: '¡Ingrese Puntos!',
                    text: 'Debe ingresar al menos un punto 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";
            }
        }

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

            let itemsIngresados = document.getElementById('tabla-puntos-ingresados-orden-trabajo').tBodies[0].querySelectorAll("tr");
            let hayRegistros = false;
            let hayErrores = false;
            let listadoDeitems = [];
            itemsIngresados.forEach(filaItemIngresado => {
                if (filaItemIngresado.querySelector(".tabla-item-puntos-ingresados")) {
                    hayRegistros = true;
                    let item = filaItemIngresado.querySelector(".tabla-item-puntos-ingresados").innerHTML.trim();
                    let este = filaItemIngresado.querySelector(".tabla-este-puntos-ingresados").innerHTML.trim();
                    let norte = filaItemIngresado.querySelector(".tabla-norte-puntos-ingresados").innerHTML.trim();
                    let cota = filaItemIngresado.querySelector(".tabla-cota-puntos-ingresados").innerHTML.trim();
                    let azimut = filaItemIngresado.querySelector(".tabla-azimut-puntos-ingresados").innerHTML.trim();
                    let inclinacion = filaItemIngresado.querySelector(".tabla-inclinacion-puntos-ingresados").innerHTML.trim();
                    let observacion = filaItemIngresado.querySelector(".tabla-observacion-puntos-ingresados").innerHTML.trim();
                    let error = filaItemIngresado.querySelector(".tabla-error-puntos-ingresados").innerHTML.trim();
                    let errorExisteEnBaseDeDatos = filaItemIngresado.querySelector(".tabla-existe-en-base-datos-puntos-ingresados").innerHTML.trim();
                    let errorSeRepiteEnLaImportacion = filaItemIngresado.querySelector(".tabla-repite-pts-en-la-importacion-puntos-ingresados").innerHTML.trim();

                    let objectoItem = {
                        item: item,
                        este: este,
                        norte: norte,
                        cota: cota,
                        azimut: azimut,
                        inclinacion: inclinacion,
                        observacion: observacion,
                        error: error
                    };

                    if (error == "true") {
                        hayErrores = true;
                    } else if (errorExisteEnBaseDeDatos == "true") {
                        hayErrores = true;
                    } else if (errorSeRepiteEnLaImportacion == "true") {
                        hayErrores = true;
                    }

                    listadoDeitems.push(objectoItem);
                }
            });

            if (hayRegistros == true) {
                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('listado_usuarios_para', JSON.stringify(listadoDeUsuarioPara));
                        formData.append('listado_usuarios_copias', JSON.stringify(listadoDeUsuarioCopias));
                        let csrf = '{{ csrf_token() }}';
                        $.ajax({
                            url: '{{ route('orden-trabajo.update-ingreso-item', $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('listado_usuarios_para', JSON.stringify(listadoDeUsuarioPara));
                                formData.append('listado_usuarios_copias', JSON.stringify(listadoDeUsuarioCopias));
                                let csrf = '{{ csrf_token() }}';
                                $.ajax({
                                    url: '{{ route('orden-trabajo.update-ingreso-item', $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: '¡Ingrese Puntos!',
                    text: 'Debe ingresar al menos un punto 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";
            }
        }
    </script>
@stop