@extends('adminlte::page')

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

@section('title', 'Aprobar/Rechazar Ítems de Terreno | 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-10">

                <div class="card card-aspen">
                    <div class="card-header">
                        <h3 class="card-title">Aprobar/Rechazar Ítems de Terreno </h3>
                    </div>

                    <form id="formularioDeAprobarItemsDeTerreno" method="POST" action="{{ route('orden-trabajo.aprobar-item-terreno', $ordenDeTrabajo) }}">
                        @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="dt-responsive table-responsive">
                                <table class="table table-striped table-bordered" role="grid" aria-describedby="base-style_info" id="table-items-terreno">
                                    <thead>
                                        <tr role="row">
                                            <th>Nombre del Punto</th>
                                            <th>Coordenadas Recomendadas[E;N;C]</th>
                                            @if ($ordenDeTrabajo->servicio->nombre=="Sondajes")
                                                @if ($ordenDeTrabajo->sistema_proyeccion=="Local")
                                                    <th>Primera Medición en Terreno Local[E;N;C]</th>
                                                    <th>Primera Medición en Terreno UTM[E;N;C]</th>
                                                    <th>Diferencias Local[E;N;C]</th>
                                                    <th>Cumple Tolerancia Local[E;N;C]</th>
                                                @elseif ($ordenDeTrabajo->sistema_proyeccion=="UTM")
                                                    <th>Primera Medición en Terreno UTM[E;N;C]</th>
                                                    <th>Primera Medición en Terreno Local[E;N;C]</th>
                                                    <th>Diferencias UTM[E;N;C]</th>
                                                    <th>Cumple Tolerancia UTM[E;N;C]</th>
                                                @endif
                                            @elseif($ordenDeTrabajo->servicio->nombre=="Pilas" || $ordenDeTrabajo->servicio->nombre=="Calicatas")
                                                <th>Primera Medición en Terreno Local[E;N;C]</th>
                                                <th>Diferencias Local[E;N;C]</th>
                                                <th>Cumple Tolerancia Local[E;N;C]</th>
                                            @endif
                                            <th>Observaciones</th>
                                            <th>Azimut Recomendada</th>
                                            <th>Inclinación Recomendada</th>
                                            <th>Azimut Editada</th>
                                            <th>Inclinación Editada</th>
                                            <th>Estado</th>
                                            <th>Motivo del Descarte</th>
                                            <th>Acciones</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @if (count($ordenDeTrabajo->puntos) > 0)
                                            @php
                                                $hayItemsParaProcesar = false;
                                            @endphp
                                            @foreach ($ordenDeTrabajo->puntos as $item)
                                                @isset($item->puntosEnLaEtapaDeTerreno)
                                                    @if ($item->puntosEnLaEtapaDeTerreno->estado == 'Pendiente')
                                                        @php
                                                            $hayItemsParaProcesar = true;
                                                        @endphp
                                                        <tr>
                                                            <td class="tabla-motivo-rechazo-item-terreno" style="display: none;"></td>
                                                            <td class="tabla-id-item-terreno" style="display: none;">{{ $item->id }}</td>
                                                            <td class="tabla-id-terreno-item-terreno" style="display: none;">{{ $item->puntosEnLaEtapaDeTerreno->id }}</td>
                                                            <td class="tabla-nombre-item-terreno">{{ $item->punto }}</td>
                                                            <td class="tabla-coordenadas-recomendadas-item-terreno">{{ $item->este }};{{ $item->norte }};{{ $item->cota }}</td>
                                                            @if ($ordenDeTrabajo->servicio->nombre=="Sondajes")
                                                                <td class="tabla-coordenadas-terreno-item-terreno">{{ $item->puntosEnLaEtapaDeTerreno->este }};{{ $item->puntosEnLaEtapaDeTerreno->norte }};{{ $item->puntosEnLaEtapaDeTerreno->cota }}</td>
                                                                <td class="tabla-coordenadas-terreno-item-terreno">{{ $item->puntosEnLaEtapaDeTerreno->este_utm }};{{ $item->puntosEnLaEtapaDeTerreno->norte_utm }};{{ $item->puntosEnLaEtapaDeTerreno->cota_utm }}</td>
                                                                <td class="tabla-diferencia-item-terreno">{{ $item->puntosEnLaEtapaDeTerreno->diferencia_este }};{{ $item->puntosEnLaEtapaDeTerreno->diferencia_norte }};{{ $item->puntosEnLaEtapaDeTerreno->diferencia_cota }}</td>
                                                                <td class="tabla-cumple-tolerancia-item-terreno">@if ($item->puntosEnLaEtapaDeTerreno->toleracia_este_cumple==true) Si; @else No; @endif @if ($item->puntosEnLaEtapaDeTerreno->toleracia_norte_cumple==true) Si; @else No; @endif @if ($item->puntosEnLaEtapaDeTerreno->toleracia_cota_cumple==true) Si @else No @endif  </td>
                                                            @elseif($ordenDeTrabajo->servicio->nombre=="Pilas" || $ordenDeTrabajo->servicio->nombre=="Calicatas")
                                                                <td class="tabla-coordenadas-terreno-item-terreno">{{ $item->puntosEnLaEtapaDeTerreno->este }};{{ $item->puntosEnLaEtapaDeTerreno->norte }};{{ $item->puntosEnLaEtapaDeTerreno->cota }}</td>
                                                                <td class="tabla-diferencia-item-terreno">{{ $item->puntosEnLaEtapaDeTerreno->diferencia_este }};{{ $item->puntosEnLaEtapaDeTerreno->diferencia_norte }};{{ $item->puntosEnLaEtapaDeTerreno->diferencia_cota }}</td>
                                                                <td class="tabla-cumple-tolerancia-item-terreno">@if ($item->puntosEnLaEtapaDeTerreno->toleracia_este_cumple==true) Si; @else No; @endif @if ($item->puntosEnLaEtapaDeTerreno->toleracia_norte_cumple==true) Si; @else No; @endif @if ($item->puntosEnLaEtapaDeTerreno->toleracia_cota_cumple==true) Si @else No @endif  </td>
                                                            @endif

                                                            <td class="tabla-observacion-item-terreno">{{ $item->puntosEnLaEtapaDeTerreno->observacion }}</td>
                                                            <td class="tabla-azimut-recomendada-item-terreno">{{ $item->azimut }}</td>
                                                            <td class="tabla-inclinacion-recomendada-item-terreno">{{ $item->inclinacion }}</td>
                                                            <td class="tabla-azimut-editada-item-terreno"></td>
                                                            <td class="tabla-inclinacion-editada-item-terreno"></td>
                                                            <td class="tabla-estado-item-terreno"><span class="badge badge-secondary">{{ $item->puntosEnLaEtapaDeTerreno->estado }}</span></td>
                                                            <td class="tabla-boton-motivo-rechazo-item-terreno"></td>
                                                            <td class="tabla-acciones-item-terreno">
                                                                <div class="btn-group ">
                                                                    <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Acciones</button>
                                                                    <div class="dropdown-menu">
                                                                        <a class="dropdown-item" href="#" onclick="cancelarAprobacionDelItem(this.parentElement.parentElement.parentElement.parentElement)"><i class="fas fa-times-circle" aria-hidden="true"></i> Cancelar Aceptación del Punto</a>
                                                                        <a class="dropdown-item" href="#" onclick="abrirModalDeAprobarItem(this.parentElement.parentElement.parentElement.parentElement)"><i class="fas fa-award" aria-hidden="true"></i> Aceptar Punto</a>
                                                                        <a class="dropdown-item" href="#" onclick="abrirModalDeRechazarItem(this.parentElement.parentElement.parentElement.parentElement,'{{ $item->punto }}')"><i class="fas fa-award" aria-hidden="true"></i> Descartar Punto</a>
                                                                    </div>
                                                                </div>
                                                            </td>
                                                        </tr>
                                                    @endif
                                                @endisset
                                            @endforeach

                                            @if ($hayItemsParaProcesar == false)
                                                <tr id="itemDeTerrenosNoDisponibleEnLaTabla">
                                                    <td colspan="10" class="text-center">No hay ítems disponibles en la tabla</td>
                                                </tr>
                                            @endif
                                        @else
                                            <tr id="itemDeTerrenosNoDisponibleEnLaTabla">
                                                <td colspan="12" class="text-center">No hay ítems disponibles en la tabla</td>
                                            </tr>
                                        @endif
                                    </tbody>
                                </table>
                            </div>

                            <input type="hidden" id="registrosDeitemsDeTerreno" name="registros_items_terreno" value="{{ old('registros_items_terreno', '[]') }}">
                            <input type="hidden" id="registrosDeUsuarioPara" name="registros_usuarios_para" value="{{ old('registros_usuarios_para', '[]') }}">
                            <input type="hidden" id="registrosDeUsuarioCopias" name="registros_usuarios_copias" value="{{ old('registros_usuarios_copias', '[]') }}">
                        </div>

                        <div class=" card-footer">
                            <button type="button" onclick="abrirSeleccionarDeCorreos()" class="btn btn-aspen" id="botonDeGuardarInformacion"><i class="fas fa-award" style="margin-right: 2px;"></i> Aceptar/Descartar Puntos </button>
                            @if ($ordenDeTrabajo->servicio->nombre=="Sondajes")
                                <a href="{{ route('orden-trabajo.index-cliente', $ordenDeTrabajo->id_servicio) }}" role="button" class="btn btn-secondary"><i class="fas fa-arrow-alt-circle-left" style="margin-right: 2px;"></i> Volver</a>
                            @elseif($ordenDeTrabajo->servicio->nombre=="Pilas")
                                <a href="{{ route('orden-trabajo.index-cliente-pila', $ordenDeTrabajo->id_servicio) }}" role="button" class="btn btn-secondary"><i class="fas fa-arrow-alt-circle-left" style="margin-right: 2px;"></i> Volver</a>
                            @endif
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" id="modalRechazarItem" tabindex="-1" aria-labelledby="LabelRechazoRequisicion" aria-hidden="true">
        <form id="formularioModalDescartePostulante">
            @csrf
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header" style="background-color: #007bff; color:white;">
                        <h5 class="modal-title" id="LabelModalRechazarItem"></h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close" style="color:white;">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <div class="form-group">
                            <label>Motivo del Descarte</label>
                            <textarea class="form-control" id="motivoDelRechazoModalRechazarItem" rows="3"></textarea>
                            <div class="invalid-feedback" id="validacionMotivoDelRechazoModalRechazarItem">

                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-danger" id="botonModalRecharItem">Descartar Punto</button>
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
                    </div>
                </div>
            </div>
        </form>
    </div>

    <div class="modal fade" id="modalVerRechazoDelItem" tabindex="-1" aria-labelledby="LabelRechazoRequisicion" aria-hidden="true">
        <form id="formularioModalDescartePostulante">
            @csrf
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header" style="background-color: #007bff; color:white;">
                        <h5 class="modal-title" id="LabelModalVerRechazoDelItem"></h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close" style="color:white;">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <div class="form-group">
                            <label>Motivo del Descarte</label>
                            <textarea class="form-control" id="motivoDelRechazoModalVerRechazoDelItem" rows="3" readonly="true"></textarea>
                            <div class="invalid-feedback" id="validacionMotivoDelRechazoModalVerRechazoDelItem">

                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
                    </div>
                </div>
            </div>
        </form>
    </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;">
                            <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="EnviarCamposParaProcesarlo()"><i class="fas fa-save" style="margin-right: 2px;"></i> Guardar Información </button>
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
                    </div>
                </div>
            </div>
        </form>
    </div>

    <div class="modal fade" id="modalAprobarItem" tabindex="-1" aria-labelledby="LabelRechazoRequisicion" aria-hidden="true">
        <form id="formularioModalAprobarItem">
            @csrf
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header" style="background-color: #B08C1C; color:white;">
                        <h5 class="modal-title" id="LabelModalAprobarItem"></h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close" style="color:white;">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <div class="form-group">
                            <label for="campoAzimutDelAprobacionDelItem">Azimut</label>
                            <input type="number" class="form-control" id="campoAzimutDelAprobacionDelItem" name="azimut" step="any" autocomplete="off">
                            <div class="invalid-feedback" id="validacionCampoAzimutDelAprobacionDelItem">

                            </div>
                        </div>

                        <div class="form-group">
                            <label for="campoInclinacionDelAprobacionDelItem">Inclinación</label>
                            <input type="number" class="form-control" id="campoInclinacionDelAprobacionDelItem" name="inclinacion" step="any" autocomplete="off">
                            <div class="invalid-feedback" id="validacionCampoInclinacionDelAprobacionDelItem">

                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-success" id="botonModalAprobarItem">Aceptar Punto</button>
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
                    </div>
                </div>
            </div>
        </form>
    </div>
@stop

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

@section('js')
    <script src="{{ asset('js/generico.js') }}"></script>
    <script>
        function aprobarItem(fila) {
            fila.querySelector(".tabla-estado-item-terreno").innerHTML = '<span class="badge badge-success">Aceptada</span>';
            fila.querySelector(".tabla-boton-motivo-rechazo-item-terreno").innerHTML = "";
            fila.querySelector(".tabla-motivo-rechazo-item-terreno").innerHTML = "";
        }

        function abrirModalDeRechazarItem(fila, nombreItem) {
            document.getElementById("motivoDelRechazoModalRechazarItem").value = "";
            document.getElementById("motivoDelRechazoModalRechazarItem").setAttribute("class", "form-control");
            document.getElementById("LabelModalRechazarItem").innerHTML = "Descartar Punto " + nombreItem;
            document.getElementById("botonModalRecharItem").addEventListener("click", function() {
                rechazarItem(fila, nombreItem);
            }, false);
            $("#modalRechazarItem").modal("show");
        }

        function rechazarItem(fila, nombreItem) {
            document.getElementById("botonModalRecharItem").setAttribute("disabled", true);
            let motivoRechazo = document.getElementById("motivoDelRechazoModalRechazarItem").value.trim();
            if (motivoRechazo.length > 0) {
                document.getElementById("botonModalRecharItem").removeAttribute("disabled");
                fila.querySelector(".tabla-estado-item-terreno").innerHTML = '<span class="badge badge-danger">Descartada</span>';
                fila.querySelector(".tabla-motivo-rechazo-item-terreno").innerHTML = document.getElementById("motivoDelRechazoModalRechazarItem").value;
                fila.querySelector(".tabla-boton-motivo-rechazo-item-terreno").innerHTML =
                    '<button type="button" onclick="verMotivoDelRechazo(\'' + document.getElementById("motivoDelRechazoModalRechazarItem").value + '\',\'' + nombreItem + '\')" class="btn btn-block btn-default"><i class="fas fa-eye" aria-hidden="true"></i></button>';
                    $("#modalRechazarItem").modal("hide");
            } else {
                document.getElementById("botonModalRecharItem").removeAttribute("disabled");
                document.getElementById("motivoDelRechazoModalRechazarItem").setAttribute("class", "form-control is-invalid");
                document.getElementById("validacionMotivoDelRechazoModalRechazarItem").innerHTML = "El campo motivo del descarte es obligatorio";
            }
        }

        function verMotivoDelRechazo(observacion, nombreItem) {
            document.getElementById("motivoDelRechazoModalVerRechazoDelItem").value = observacion;
            document.getElementById("motivoDelRechazoModalVerRechazoDelItem").setAttribute("class", "form-control");
            document.getElementById("LabelModalVerRechazoDelItem").innerHTML = "Descarte Del Punto " + nombreItem;
            $("#modalVerRechazoDelItem").modal("show");
        }

        function cancelarAprobacionDelItem(fila) {
            fila.querySelector(".tabla-estado-item-terreno").innerHTML = '<span class="badge badge-secondary">Pendiente</span>';
            fila.querySelector(".tabla-boton-motivo-rechazo-item-terreno").innerHTML = "";
            fila.querySelector(".tabla-motivo-rechazo-item-terreno").innerHTML = "";
        }
    </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 abrirSeleccionarDeCorreos(){
            let registrosDeitemsDeTerreno = [];
            let itemsAprobadoRechazado = false;
            let filasDeitems = document.getElementById('table-items-terreno').tBodies[0].querySelectorAll("tr");
            filasDeitems.forEach(filaItem => {
                if (filaItem.querySelector(".tabla-id-item-terreno")) {
                    let idItem = filaItem.querySelector(".tabla-id-item-terreno").innerHTML.trim();
                    let idItemTerreno = filaItem.querySelector(".tabla-id-terreno-item-terreno").innerHTML.trim();
                    let motivoDelRechazoItem = filaItem.querySelector(".tabla-motivo-rechazo-item-terreno").innerHTML.trim();
                    let estadoItem = filaItem.querySelector(".tabla-estado-item-terreno span").innerHTML.trim();

                    if (estadoItem == "Aceptada" || estadoItem == "Descartada") {
                        itemsAprobadoRechazado = true;
                    }

                    let objectoItem = {
                        idItem: idItem,
                        idItemTerreno: idItemTerreno,
                        motivoDelRechazoItem: motivoDelRechazoItem,
                        estadoItem: estadoItem
                    };

                    registrosDeitemsDeTerreno.push(objectoItem);
                }
            });

            if (registrosDeitemsDeTerreno.length > 0) {
                if (itemsAprobadoRechazado == true) {
                    $("#modalSeleccionarDeCorreos").modal("show");
                } else {
                    Swal.fire({
                        icon: 'error',
                        title: '¡Puntos Pendientes!',
                        text: 'Todos los puntos están pendiente de aprobación, para proceder con la operación es necesario que al menos un punto tenga el estado de aprobada o rechazada',
                        confirmButtonColor: "#448aff",
                        confirmButtonText: "Confirmar"
                    })
                }
            } else {
                Swal.fire({
                    icon: 'error',
                    title: '¡Sin Puntos!',
                    text: 'No hay puntos por aprobar',
                    confirmButtonColor: "#448aff",
                    confirmButtonText: "Confirmar"
                })
            }
        }

        function EnviarCamposParaProcesarlo() {
            let registrosDeitemsDeTerreno = [];
            let itemsAprobadoRechazado = false;
            let filasDeitems = document.getElementById('table-items-terreno').tBodies[0].querySelectorAll("tr");
            filasDeitems.forEach(filaItem => {
                if (filaItem.querySelector(".tabla-id-item-terreno")) {
                    let idItem = filaItem.querySelector(".tabla-id-item-terreno").innerHTML.trim();
                    let idItemTerreno = filaItem.querySelector(".tabla-id-terreno-item-terreno").innerHTML.trim();
                    let motivoDelRechazoItem = filaItem.querySelector(".tabla-motivo-rechazo-item-terreno").innerHTML.trim();
                    let estadoItem = filaItem.querySelector(".tabla-estado-item-terreno span").innerHTML.trim();
                    let azimutEditada = filaItem.querySelector(".tabla-azimut-editada-item-terreno").innerHTML.trim();
                    let inclinacionEditada = filaItem.querySelector(".tabla-inclinacion-editada-item-terreno").innerHTML.trim();

                    if (estadoItem == "Aceptada" || estadoItem == "Descartada") {
                        itemsAprobadoRechazado = true;
                    }

                    let objectoItem = {
                        idItem: idItem,
                        idItemTerreno: idItemTerreno,
                        motivoDelRechazoItem: motivoDelRechazoItem,
                        estadoItem: estadoItem,
                        azimutEditada: azimutEditada,
                        inclinacionEditada: inclinacionEditada
                    };

                    registrosDeitemsDeTerreno.push(objectoItem);
                }
            });

            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 (registrosDeitemsDeTerreno.length > 0) {
                if (itemsAprobadoRechazado == true) {
                    if (listadoDeUsuarioPara.length > 0) {
                        registrosDeitemsDeTerreno = JSON.stringify(registrosDeitemsDeTerreno);
                        listadoDeUsuarioPara = JSON.stringify(listadoDeUsuarioPara);
                        listadoDeUsuarioCopias = JSON.stringify(listadoDeUsuarioCopias);
                        document.getElementById("registrosDeitemsDeTerreno").value = registrosDeitemsDeTerreno;
                        document.getElementById("registrosDeUsuarioPara").value = listadoDeUsuarioPara;
                        document.getElementById("registrosDeUsuarioCopias").value = listadoDeUsuarioCopias;
    
                        document.getElementById("botonGuardarInformacionDefinitiva").setAttribute("disabled", true);
                        document.getElementById("preloader").removeAttribute("style");
                        document.getElementById("img-preloader").style.display = "block";
                        document.getElementById("formularioDeAprobarItemsDeTerreno").submit();
                    }else{
                        Swal.fire({
                            text: "Está seguro de proceder con la aprobación sin enviar ningún correo",
                            icon: 'warning',
                            showCancelButton: true,
                            confirmButtonColor: '#3085d6',
                            cancelButtonColor: '#d33',
                            confirmButtonText: '¡Si, continuar!',
                            cancelButtonText: 'Cancelar'
                        }).then((result) => {
                            if (result.isConfirmed) {
                                registrosDeitemsDeTerreno = JSON.stringify(registrosDeitemsDeTerreno);
                                listadoDeUsuarioPara = JSON.stringify(listadoDeUsuarioPara);
                                listadoDeUsuarioCopias = JSON.stringify(listadoDeUsuarioCopias);
                                document.getElementById("registrosDeitemsDeTerreno").value = registrosDeitemsDeTerreno;
                                document.getElementById("registrosDeUsuarioPara").value = listadoDeUsuarioPara;
                                document.getElementById("registrosDeUsuarioCopias").value = listadoDeUsuarioCopias;
            
                                document.getElementById("botonGuardarInformacionDefinitiva").setAttribute("disabled", true);
                                document.getElementById("preloader").removeAttribute("style");
                                document.getElementById("img-preloader").style.display = "block";
                                document.getElementById("formularioDeAprobarItemsDeTerreno").submit();
                            } 
                        })
                    }
                } else {
                    Swal.fire({
                        icon: 'error',
                        title: '¡Puntos Pendientes!',
                        text: 'Todos los puntos están pendiente de aprobación, para proceder con la operación es necesario que al menos un punto tenga el estado de aprobada o rechazada',
                        confirmButtonColor: "#448aff",
                        confirmButtonText: "Confirmar"
                    })
                }
            } else {
                Swal.fire({
                    icon: 'error',
                    title: '¡Sin Puntos!',
                    text: 'No hay puntos por aprobar',
                    confirmButtonColor: "#448aff",
                    confirmButtonText: "Confirmar"
                })
            }
        }
    </script>

    <script>
        function abrirModalDeAprobarItem(fila, nombreItem, azimut, inclinacion) {
            if(fila.querySelector(".tabla-azimut-editada-item-terreno").innerHTML.length>0){
                document.getElementById("campoAzimutDelAprobacionDelItem").value = fila.querySelector(".tabla-azimut-editada-item-terreno").innerHTML;
                document.getElementById("campoAzimutDelAprobacionDelItem").setAttribute("class", "form-control");
            }else{
                document.getElementById("campoAzimutDelAprobacionDelItem").value = azimut;
                document.getElementById("campoAzimutDelAprobacionDelItem").setAttribute("class", "form-control");
            }
    
            if(fila.querySelector(".tabla-inclinacion-editada-item-terreno").innerHTML.length>0){
                document.getElementById("campoInclinacionDelAprobacionDelItem").value = fila.querySelector(".tabla-inclinacion-editada-item-terreno").innerHTML;
                document.getElementById("campoInclinacionDelAprobacionDelItem").setAttribute("class", "form-control");
            }else{
                document.getElementById("campoInclinacionDelAprobacionDelItem").value = inclinacion;
                document.getElementById("campoInclinacionDelAprobacionDelItem").setAttribute("class", "form-control");
            }
    
            document.getElementById("LabelModalAprobarItem").innerHTML = "Aceptar Punto " + nombreItem;
            
            $('#botonModalAprobarItem').off('click');
    
            $('#botonModalAprobarItem').on('click', function() {
                aprobarItemConModificacionDeAzimutInclinacion(fila);
            });
            $("#modalAprobarItem").modal("show");
        }
    
        function aprobarItemConModificacionDeAzimutInclinacion(fila) {
            document.getElementById("botonModalAprobarItem").setAttribute("disabled", true);
            let campoAzimutDelAprobacionDelItem = document.getElementById("campoAzimutDelAprobacionDelItem").value;
            let campoInclinacionDelAprobacionDelItem = document.getElementById("campoInclinacionDelAprobacionDelItem").value;
            if(campoAzimutDelAprobacionDelItem.length > 0 && campoInclinacionDelAprobacionDelItem.length > 0){
                let campoAzimutEsNumerico=false;
                let campoInclinacionEsNumerico=false;
    
                if(!isNaN(campoAzimutDelAprobacionDelItem) && isFinite(campoAzimutDelAprobacionDelItem)){
                    campoAzimutEsNumerico=true;
                }
    
                if(!isNaN(campoInclinacionDelAprobacionDelItem) && isFinite(campoInclinacionDelAprobacionDelItem)){
                    campoInclinacionEsNumerico=true;
                }
    
                if(campoAzimutEsNumerico==true && campoInclinacionEsNumerico==true){
                    fila.querySelector(".tabla-estado-item-terreno").innerHTML = '<span class="badge badge-success">Aceptada</span>';
                    fila.querySelector(".tabla-boton-motivo-rechazo-item-terreno").innerHTML = "";
                    fila.querySelector(".tabla-motivo-rechazo-item-terreno").innerHTML = "";
                    fila.querySelector(".tabla-azimut-editada-item-terreno").innerHTML=campoAzimutDelAprobacionDelItem;
                    fila.querySelector(".tabla-inclinacion-editada-item-terreno").innerHTML=campoInclinacionDelAprobacionDelItem;
                    document.getElementById("botonModalAprobarItem").removeAttribute("disabled");
                    $("#modalAprobarItem").modal("hide");
                }else{
                    if(campoAzimutEsNumerico==false){
                        document.getElementById("campoAzimutDelAprobacionDelItem").setAttribute("class", "form-control is-invalid");
                        document.getElementById("validacionCampoAzimutDelAprobacionDelItem").innerHTML = "El campo azimut debe ser un valor numérico válido.";
                    }else{
                        document.getElementById("campoAzimutDelAprobacionDelItem").setAttribute("class", "form-control is-valid");
                        document.getElementById("validacionCampoAzimutDelAprobacionDelItem").innerHTML = "";
                    }
    
                    if(campoInclinacionEsNumerico==false){
                        document.getElementById("campoInclinacionDelAprobacionDelItem").setAttribute("class", "form-control is-invalid");
                        document.getElementById("validacionCampoInclinacionDelAprobacionDelItem").innerHTML = "El campo inclinación debe ser un valor numérico válido.";
                    }else{
                        document.getElementById("campoInclinacionDelAprobacionDelItem").setAttribute("class", "form-control is-valid");
                        document.getElementById("validacionCampoInclinacionDelAprobacionDelItem").innerHTML = "";
                    }
                    document.getElementById("botonModalAprobarItem").removeAttribute("disabled");
                }
            }else{
                let campoAzimutEsNumerico=false;
                let campoInclinacionEsNumerico=false;
    
                if(!isNaN(campoAzimutDelAprobacionDelItem) && isFinite(campoAzimutDelAprobacionDelItem)){
                    campoAzimutEsNumerico=true;
                }
    
                if(!isNaN(campoInclinacionDelAprobacionDelItem) && isFinite(campoInclinacionDelAprobacionDelItem)){
                    campoInclinacionEsNumerico=true;
                }
    
                if (campoAzimutDelAprobacionDelItem.length > 0) {
                    if(campoAzimutEsNumerico==false){
                        document.getElementById("campoAzimutDelAprobacionDelItem").setAttribute("class", "form-control is-invalid");
                        document.getElementById("validacionCampoAzimutDelAprobacionDelItem").innerHTML = "El campo azimut debe ser un valor numérico válido.";
                    }else{
                        document.getElementById("campoAzimutDelAprobacionDelItem").setAttribute("class", "form-control is-valid");
                        document.getElementById("validacionCampoAzimutDelAprobacionDelItem").innerHTML = "";
                    }
                } else {
                    document.getElementById("campoAzimutDelAprobacionDelItem").setAttribute("class", "form-control is-invalid");
                    document.getElementById("validacionCampoAzimutDelAprobacionDelItem").innerHTML = "El campo azimut es obligatorio.";
                }
    
                if (campoInclinacionDelAprobacionDelItem.length > 0) {
                    if(campoInclinacionEsNumerico==false){
                        document.getElementById("campoInclinacionDelAprobacionDelItem").setAttribute("class", "form-control is-invalid");
                        document.getElementById("validacionCampoInclinacionDelAprobacionDelItem").innerHTML = "El campo inclinación debe ser un valor numérico válido.";
                    }else{
                        document.getElementById("campoInclinacionDelAprobacionDelItem").setAttribute("class", "form-control is-valid");
                        document.getElementById("validacionCampoInclinacionDelAprobacionDelItem").innerHTML = "";
                    }
                } else {
                    document.getElementById("campoInclinacionDelAprobacionDelItem").setAttribute("class", "form-control is-invalid");
                    document.getElementById("validacionCampoInclinacionDelAprobacionDelItem").innerHTML = "El campo inclinación es obligatorio.";
                }
                document.getElementById("botonModalAprobarItem").removeAttribute("disabled");
            }
        }
    </script>

    @if (session('alerta') != null)
        <script>
            Swal.fire({
                icon: 'success',
                title: '¡Puntos Procesados!',
                text: '{{ session('alerta') }}',
                confirmButtonColor: "#448aff",
                confirmButtonText: "Confirmar"
            })
        </script>
    @endif
@stop