@extends('adminlte::page')

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

@section('title', 'Editar Encuesta de Desempeño Asesor en Prevención de Riesgos')

@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-primary">
                    <div class="card-header">
                        <h3 class="card-title">Editar Encuesta de Desempeño Asesor en Prevención de Riesgos</h3>
                    </div>
                    <div class="card-body p-0">
                        <div class="bs-stepper linear">
                            <div class="bs-stepper-header" role="tablist">

                                <div class="step active" data-target="#logins-part">
                                    <button type="button" class="step-trigger" role="tab" aria-controls="logins-part" id="logins-part-trigger" aria-selected="true">
                                        <span class="bs-stepper-circle">1</span>
                                        <span class="bs-stepper-label">Datos del Encuestado</span>
                                    </button>
                                </div>
                                <div class="line"></div>
                                <div class="step" data-target="#information-part">
                                    <button type="button" class="step-trigger" role="tab" aria-controls="information-part" id="information-part-trigger" aria-selected="false" disabled="disabled">
                                        <span class="bs-stepper-circle">2</span>
                                        <span class="bs-stepper-label">Encuesta por Escala Likert</span>
                                    </button>
                                </div>
                                <div class="line"></div>
                                <div class="step" data-target="#information-kpi">
                                    <button type="button" class="step-trigger" role="tab" aria-controls="information-kpi" id="information-kpi-trigger" aria-selected="false" disabled="disabled">
                                        <span class="bs-stepper-circle">3</span>
                                        <span class="bs-stepper-label">Encuesta por Escala Tipo Binaria</span>
                                    </button>
                                </div>
                                <div class="line"></div>
                                <div class="step" data-target="#information-resultados">
                                    <button type="button" class="step-trigger" role="tab" aria-controls="information-resultados" id="information-resultados-trigger" aria-selected="false" disabled="disabled">
                                        <span class="bs-stepper-circle">4</span>
                                        <span class="bs-stepper-label">Resultado de la Evaluación</span>
                                    </button>
                                </div>
                            </div>
                            <div class="bs-stepper-content">
                                <div id="logins-part" class="content active dstepper-block" role="tabpanel" aria-labelledby="logins-part-trigger">
                                    <div class="contenedor-grid-dos-campos-para-formularios">
                                        <div class="form-group">
                                            <label for="campoCorrelativoEvaluacion">Correlativo de la Encuesta de Desempeño</label>
                                            <input type="text" class="form-control" id="campoCorrelativoEvaluacion" name="correlativo_evaluacion" value="{{ old('correlativo_evaluacion', $evaluacion->correlativo) }}" readonly="true">
                                        </div>

                                        <div class="form-group">
                                            <label for="campoRutDelEvaluado">Rut del Encuestado </label>
                                            <input type="text" class="form-control" id="campoRutDelEvaluado" name="rut_evaluado" value="{{ old('rut_evaluado', $evaluacion->rut_evaluado) }}">
                                            <div class="invalid-feedback" id="validacionCampoRutDelEvaluado">

                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label for="campoNombreDelEvaluado">Nombre del Encuestado </label>
                                            <input type="text" class="form-control" id="campoNombreDelEvaluado" name="nombre_evaluado" value="{{ old('nombre_evaluado', $evaluacion->nombre_evaluado) }}">
                                            <div class="invalid-feedback" id="validacionCampoNombreDelEvaluado">

                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label for="campoPeriodoEvaluacion">Periodo Encuesta </label>
                                            <input type="text" class="form-control" id="campoPeriodoEvaluacion" name="periodo_evaluacion" value="{{ old('periodo_evaluacion', $evaluacion->periodo_evaluacion) }}">
                                            <div class="invalid-feedback" id="validacionCampoPeriodoEvaluacion">

                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label for="campoContrato">Contrato </label>
                                            <input type="text" class="form-control" id="campoContrato" name="contrato" value="{{ old('contrato', $evaluacion->contrato) }}">
                                            <div class="invalid-feedback" id="validacionCampoContrato">

                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label for="campoCargoDelEvaluado">Cargo del Encuestado </label>
                                            <input type="text" class="form-control" id="campoCargoDelEvaluado" name="cargo_evaluado" value="{{ old('cargo_evaluado', $evaluacion->cargo_evaluado) }}">
                                            <div class="invalid-feedback" id="validacionCampoCargoDelEvaluado">

                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label for="campoNombreJefatura">Nombre Jefatura</label>
                                            <input type="text" class="form-control" id="campoNombreJefatura" name="nombre_jefatura" value="{{ old('nombre_jefatura', $evaluacion->nombre_jefatura) }}">
                                            <div class="invalid-feedback" id="validacionCampoNombreJefatura">

                                            </div>
                                        </div>
                                    </div>

                                    <button class="btn btn-secondary" onclick="stepper.next()">Siguiente <i class="fas fa-arrow-right"></i></button>
                                </div>
                                <div id="information-part" class="content" role="tabpanel" aria-labelledby="information-part-trigger">
                                    @if ($evaluacion->version=="2.0")                                    
                                        <h3>Encuesta por escala Likert</h3>
                                        <p>En este formulario se evalúan las competencias del trabajador a través del método de escala Likert, el cual es un método de escala bipolar que mide tanto el grado positivo como neutral y negativo de cada enunciado. Desde el punto de vista del diseño del cuestionario, es una escala fácil de construir y desde el punto de vista del encuestado, se le ofrece la facilidad de poder graduar su opinión ante afirmaciones complejas. Las opciones de puntuación van desde el Siempre (4 pts) hasta el Rara Vez (1 pto), y deberá asignar tales valores según como se presente la actividad del enunciado o item en la realidad del evaluado.</p>
    
                                        <div class="alert alert-danger" id="alertaTablaGestionSSMA" style="display: none;">Gestión SSMA: Es obligatorio que cada pregunta tenga un valor seleccionado </div>
                                        <table class="table table-bordered" id="tabla-gestion-ssma">
                                            <thead>
                                                <tr>
                                                    <td colspan="7" class="celda-color-azul" style="font-weight: 700;">
                                                        <h4>a) - Gestión SSMA</h4>
                                                    </td>
                                                    <td colspan="2" class="celda-color-azul" style="font-weight: 700;">Peso Específico: 85%</td>
                                                </tr>
                                                <tr>
                                                    <th class="celda-color-azul"></th>
                                                    <th class="celda-color-azul"></th>
                                                    <th class="celda-color-azul">Pond. (%)</th>
                                                    <th class="celda-color-azul">4 pts (Siempre)</th>
                                                    <th class="celda-color-azul">3 pts (Casi Siempre)</th>
                                                    <th class="celda-color-azul">2 pts (Ocasionalmente)</th>
                                                    <th class="celda-color-azul">1 pts (Rara Vez)</th>
                                                    <th class="celda-color-gris">Valoración (%)</th>
                                                    <th class="celda-color-gris">Observaciones</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @foreach ($categoriasDeGestionSsma->respuestas as $respuesta)
                                                    @php
                                                        $valor = 0;
                                                        if ($respuesta->ponderacion == 8) {
                                                            if ($respuesta->valor == 8) {
                                                                $valor = 4;
                                                            } elseif ($respuesta->valor == 6) {
                                                                $valor = 3;
                                                            } elseif ($respuesta->valor == 4) {
                                                                $valor = 2;
                                                            } elseif ($respuesta->valor == 2) {
                                                                $valor = 1;
                                                            }
                                                        } else if($respuesta->ponderacion == 10){
                                                            if ($respuesta->valor == 10) {
                                                                $valor = 4;
                                                            } elseif ($respuesta->valor == 8) {
                                                                $valor = 3;
                                                            } elseif ($respuesta->valor == 5) {
                                                                $valor = 2;
                                                            } elseif ($respuesta->valor == 3) {
                                                                $valor = 1;
                                                            }
                                                        }else if($respuesta->ponderacion == 6){
                                                            if ($respuesta->valor == 6) {
                                                                $valor = 4;
                                                            } elseif ($respuesta->valor == 5) {
                                                                $valor = 3;
                                                            } elseif ($respuesta->valor == 3) {
                                                                $valor = 2;
                                                            } elseif ($respuesta->valor == 2) {
                                                                $valor = 1;
                                                            }
                                                        }else if($respuesta->ponderacion == 5){
                                                            if ($respuesta->valor == 5) {
                                                                $valor = 4;
                                                            } elseif ($respuesta->valor == 4) {
                                                                $valor = 3;
                                                            } elseif ($respuesta->valor == 3) {
                                                                $valor = 2;
                                                            } elseif ($respuesta->valor == 1) {
                                                                $valor = 1;
                                                            }
                                                        }
                                                    @endphp
                                                    <tr>
                                                        <td class="tabla-menu-pregunta">{{ $respuesta->dimension }}</td>
                                                        <td class="tabla-descripcion-pregunta">{{ $respuesta->pregunta }}</td>
                                                        <td class="tabla-ponderacion-pregunta" style="display:none;">{{ $respuesta->ponderacion }}</td>
                                                        <td class="tabla-valoracion-pregunta" style="display:none;">{{ $respuesta->valor }}</td>
                                                        <td class="tabla-valoracion-sin-redondeo-pregunta" style="display:none;">{{ $respuesta->valor_sin_redondeo }}</td>
                                                        <td>{{ round($respuesta->ponderacion)}}%</td>
                                                        <td class="text-center">
                                                            @if ($valor == 4)
                                                                <div class="icheck-primary d-inline">
                                                                    <input type="radio" id="RadioButton{{ strtoupper($respuesta->dimension) }}Pts4" checked="true" name="radio_button_{{ $respuesta->dimension }}" value="4" onclick="calcularValoracionDeUnaPregunta({{ $respuesta->ponderacion }},4,this.parentElement.parentElement.parentElement)">
                                                                    <label for="RadioButton{{ strtoupper($respuesta->dimension) }}Pts4">
                                                                    </label>
                                                                </div>
                                                            @else    
                                                                <div class="icheck-primary d-inline">
                                                                    <input type="radio" id="RadioButton{{ strtoupper($respuesta->dimension) }}Pts4" name="radio_button_{{ $respuesta->dimension }}" value="4" onclick="calcularValoracionDeUnaPregunta({{ $respuesta->ponderacion }},4,this.parentElement.parentElement.parentElement)">
                                                                    <label for="RadioButton{{ strtoupper($respuesta->dimension) }}Pts4">
                                                                    </label>
                                                                </div>
                                                            @endif
                                                        </td>
                                                        <td class="text-center">
                                                            @if ($valor == 3)
                                                                <div class="icheck-primary d-inline">
                                                                    <input type="radio" id="RadioButton{{ strtoupper($respuesta->dimension) }}Pts3" checked="true" name="radio_button_{{ $respuesta->dimension }}" value="3" onclick="calcularValoracionDeUnaPregunta({{ $respuesta->ponderacion }},3,this.parentElement.parentElement.parentElement)">
                                                                    <label for="RadioButton{{ strtoupper($respuesta->dimension) }}Pts3">
                                                                    </label>
                                                                </div>
                                                            @else
                                                                <div class="icheck-primary d-inline">
                                                                    <input type="radio" id="RadioButton{{ strtoupper($respuesta->dimension) }}Pts3" name="radio_button_{{ $respuesta->dimension }}" value="3" onclick="calcularValoracionDeUnaPregunta({{ $respuesta->ponderacion }},3,this.parentElement.parentElement.parentElement)">
                                                                    <label for="RadioButton{{ strtoupper($respuesta->dimension) }}Pts3">
                                                                    </label>
                                                                </div>
                                                            @endif
                                                        </td>
                                                        <td class="text-center">
                                                            @if ($valor == 2)
                                                                <div class="icheck-primary d-inline">
                                                                    <input type="radio" id="RadioButton{{ strtoupper($respuesta->dimension) }}Pts2" checked="true" name="radio_button_{{ $respuesta->dimension }}" value="2" onclick="calcularValoracionDeUnaPregunta({{ $respuesta->ponderacion }},2,this.parentElement.parentElement.parentElement)">
                                                                    <label for="RadioButton{{ strtoupper($respuesta->dimension) }}Pts2">
                                                                    </label>
                                                                </div>
                                                            @else
                                                                <div class="icheck-primary d-inline">
                                                                    <input type="radio" id="RadioButton{{ strtoupper($respuesta->dimension) }}Pts2" name="radio_button_{{ $respuesta->dimension }}" value="2" onclick="calcularValoracionDeUnaPregunta({{ $respuesta->ponderacion }},2,this.parentElement.parentElement.parentElement)">
                                                                    <label for="RadioButton{{ strtoupper($respuesta->dimension) }}Pts2">
                                                                    </label>
                                                                </div>    
                                                            @endif
                                                        </td>
                                                        <td class="text-center">
                                                            @if ($valor == 1)
                                                                <div class="icheck-primary d-inline">
                                                                    <input type="radio" id="RadioButton{{ strtoupper($respuesta->dimension) }}Pts1" checked="true" name="radio_button_{{ $respuesta->dimension }}" value="1" onclick="calcularValoracionDeUnaPregunta({{ $respuesta->ponderacion }},1,this.parentElement.parentElement.parentElement)">
                                                                    <label for="RadioButton{{ strtoupper($respuesta->dimension) }}Pts1">
                                                                    </label>
                                                                </div>
                                                            @else   
                                                                <div class="icheck-primary d-inline">
                                                                    <input type="radio" id="RadioButton{{ strtoupper($respuesta->dimension) }}Pts1" name="radio_button_{{ $respuesta->dimension }}" value="1" onclick="calcularValoracionDeUnaPregunta({{ $respuesta->ponderacion }},1,this.parentElement.parentElement.parentElement)">
                                                                    <label for="RadioButton{{ strtoupper($respuesta->dimension) }}Pts1">
                                                                    </label>
                                                                </div> 
                                                            @endif
                                                        </td>
                                                        <td class="tabla-valoracion-porcentaje-pregunta">{{ $respuesta->valor }}%</td>
                                                        <td class="tabla-observacion-pregunta" onclick="editarValorObservacion(this)" style="cursor: pointer;">{{ $respuesta->observacion}}</td>
                                                    </tr>
                                                @endforeach
                                                <tr>
                                                    <td colspan="5" class="celda-color-azul"></td>
                                                    <td colspan="2" class="celda-color-azul" style="font-weight: 700;">Sub-Total</td>
                                                    <td colspan="2" id="subtotalGestionSsma" class="celda-color-azul" style="font-weight: 700;">{{ round($categoriasDeGestionSsma->valor_total) }}%</td>
                                                </tr>
                                            </tbody>
                                        </table>
    
                                        <div class="alert alert-danger" id="alertaTablaRelacionesGssma" style="display: none;">Relación con GSSMA: Es obligatorio que cada pregunta tenga un valor seleccionado </div>
                                        <table class="table table-bordered" id="tabla-relaciones-gssma">
                                            <thead>
                                                <tr>
                                                    <td colspan="8" class="celda-color-azul" style="font-weight: 700;">
                                                        <h4>b) - Relación con GSSMA</h4>
                                                    </td>
                                                    <td colspan="2" class="celda-color-azul" style="font-weight: 700;">Peso Específico: 15%</td>
                                                </tr>
                                                <tr>
                                                    <th class="celda-color-azul"></th>
                                                    <th class="celda-color-azul"></th>
                                                    <th class="celda-color-azul"></th>
                                                    <th class="celda-color-azul">Pond. (%)</th>
                                                    <th class="celda-color-azul">4 pts (Siempre)</th>
                                                    <th class="celda-color-azul">3 pts (Casi Siempre)</th>
                                                    <th class="celda-color-azul">2 pts (Ocasionalmente)</th>
                                                    <th class="celda-color-azul">1 pts (Rara Vez)</th>
                                                    <th class="celda-color-gris">Valoración (%)</th>
                                                    <th class="celda-color-gris">Observaciones</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @foreach ($categoriasDeRelacionesConGssma->secciones as $seccion)
                                                    @php
                                                        $primeraFilaRespuestaUtilizada = false;
                                                        $cantidadRespuesta=0;
                                                    @endphp
                                                    @foreach ($seccion->respuestas as $respuesta)
                                                        @php
                                                            $cantidadRespuesta++;
                                                            $valor = 0;
                                                            if ($respuesta->ponderacion == 25) {
                                                                if ($respuesta->valor == 25) {
                                                                    $valor = 4;
                                                                } elseif ($respuesta->valor == 19) {
                                                                    $valor = 3;
                                                                } elseif ($respuesta->valor == 13) {
                                                                    $valor = 2;
                                                                } elseif ($respuesta->valor == 6) {
                                                                    $valor = 1;
                                                                }
                                                            }
                                                        @endphp
                                                        <tr>
                                                            @if ($primeraFilaRespuestaUtilizada == true)
                                                                <td class="tabla-menu-pregunta" style="display: none;">{{ $seccion->dimension }}</td>
                                                                <td class="tabla-submenu-pregunta" style="display:none;">{{ $respuesta->dimension }}</td>
                                                                <td class="tabla-seccion-pregunta" style="display: none;">{{ $seccion->seccion }}</td>
                                                                <td class="tabla-descripcion-pregunta">{{ $respuesta->pregunta }}</td>
                                                            @else
                                                                <td rowspan="4" class="tabla-menu-pregunta">{{ $seccion->dimension }}</td>
                                                                <td class="tabla-submenu-pregunta" style="display:none;">{{ $respuesta->dimension }}</td>
                                                                <td rowspan="4" class="tabla-seccion-pregunta">{{ $seccion->seccion }}</td>
                                                                <td class="tabla-descripcion-pregunta">{{ $respuesta->pregunta }}</td>
                                                            @endif
                                                            <td class="tabla-ponderacion-pregunta" style="display:none;">{{ $respuesta->ponderacion }}</td>
                                                            <td class="tabla-valoracion-pregunta" style="display:none;">{{ $respuesta->valor }}</td>
                                                            <td class="tabla-valoracion-sin-redondeo-pregunta" style="display:none;">{{ $respuesta->valor_sin_redondeo }}</td>
                                                            <td>{{ round($respuesta->ponderacion) }}%</td>
                                                            <td class="text-center">
                                                                @if ($valor == 4)
                                                                    <div class="icheck-primary d-inline">
                                                                        <input type="radio" id="RadioButton{{ strtoupper($seccion->dimension) }}Parte{{$cantidadRespuesta}}Pts4" checked="true" name="radio_button_{{ $seccion->dimension }}_parte{{$cantidadRespuesta}}" value="4" onclick="calcularValoracionDeUnaPregunta(25,4,this.parentElement.parentElement.parentElement)">
                                                                        <label for="RadioButton{{ strtoupper($seccion->dimension) }}Parte{{$cantidadRespuesta}}Pts4">
                                                                        </label>
                                                                    </div> 
                                                                @else
                                                                    <div class="icheck-primary d-inline">
                                                                        <input type="radio" id="RadioButton{{ strtoupper($seccion->dimension) }}Parte{{$cantidadRespuesta}}Pts4" name="radio_button_{{ $seccion->dimension }}_parte{{$cantidadRespuesta}}" value="4" onclick="calcularValoracionDeUnaPregunta(25,4,this.parentElement.parentElement.parentElement)">
                                                                        <label for="RadioButton{{ strtoupper($seccion->dimension) }}Parte{{$cantidadRespuesta}}Pts4">
                                                                        </label>
                                                                    </div>    
                                                                @endif
                                                            </td>
                                                            <td class="text-center">
                                                                @if ($valor == 3)
                                                                    <div class="icheck-primary d-inline">
                                                                        <input type="radio" id="RadioButton{{ strtoupper($seccion->dimension) }}Parte{{$cantidadRespuesta}}Pts3" checked="true" name="radio_button_{{ $seccion->dimension }}_parte{{$cantidadRespuesta}}" value="3" onclick="calcularValoracionDeUnaPregunta(25,3,this.parentElement.parentElement.parentElement)">
                                                                        <label for="RadioButton{{ strtoupper($seccion->dimension) }}Parte{{$cantidadRespuesta}}Pts3">
                                                                        </label>
                                                                    </div>
                                                                @else
                                                                    <div class="icheck-primary d-inline">
                                                                        <input type="radio" id="RadioButton{{ strtoupper($seccion->dimension) }}Parte{{$cantidadRespuesta}}Pts3" name="radio_button_{{ $seccion->dimension }}_parte{{$cantidadRespuesta}}" value="3" onclick="calcularValoracionDeUnaPregunta(25,3,this.parentElement.parentElement.parentElement)">
                                                                        <label for="RadioButton{{ strtoupper($seccion->dimension) }}Parte{{$cantidadRespuesta}}Pts3">
                                                                        </label>
                                                                    </div>
                                                                @endif
                                                            </td>
                                                            <td class="text-center">
                                                                @if ($valor == 2)
                                                                    <div class="icheck-primary d-inline">
                                                                        <input type="radio" id="RadioButton{{ strtoupper($seccion->dimension) }}Parte{{$cantidadRespuesta}}Pts2" checked="true" name="radio_button_{{ $seccion->dimension }}_parte{{$cantidadRespuesta}}" value="2" onclick="calcularValoracionDeUnaPregunta(25,2,this.parentElement.parentElement.parentElement)">
                                                                        <label for="RadioButton{{ strtoupper($seccion->dimension) }}Parte{{$cantidadRespuesta}}Pts2">
                                                                        </label>
                                                                    </div>
                                                                @else
                                                                    <div class="icheck-primary d-inline">
                                                                        <input type="radio" id="RadioButton{{ strtoupper($seccion->dimension) }}Parte{{$cantidadRespuesta}}Pts2" name="radio_button_{{ $seccion->dimension }}_parte{{$cantidadRespuesta}}" value="2" onclick="calcularValoracionDeUnaPregunta(25,2,this.parentElement.parentElement.parentElement)">
                                                                        <label for="RadioButton{{ strtoupper($seccion->dimension) }}Parte{{$cantidadRespuesta}}Pts2">
                                                                        </label>
                                                                    </div>
                                                                @endif
                                                            </td>
                                                            <td class="text-center">
                                                                @if ($valor == 1)
                                                                    <div class="icheck-primary d-inline">
                                                                        <input type="radio" id="RadioButton{{ strtoupper($seccion->dimension) }}Parte{{$cantidadRespuesta}}Pts1" checked="true" name="radio_button_{{ $seccion->dimension }}_parte{{$cantidadRespuesta}}" value="1" onclick="calcularValoracionDeUnaPregunta(25,1,this.parentElement.parentElement.parentElement)">
                                                                        <label for="RadioButton{{ strtoupper($seccion->dimension) }}Parte{{$cantidadRespuesta}}Pts1">
                                                                        </label>
                                                                    </div>
                                                                @else
                                                                    <div class="icheck-primary d-inline">
                                                                        <input type="radio" id="RadioButton{{ strtoupper($seccion->dimension) }}Parte{{$cantidadRespuesta}}Pts1" name="radio_button_{{ $seccion->dimension }}_parte{{$cantidadRespuesta}}" value="1" onclick="calcularValoracionDeUnaPregunta(25,1,this.parentElement.parentElement.parentElement)">
                                                                        <label for="RadioButton{{ strtoupper($seccion->dimension) }}Parte{{$cantidadRespuesta}}Pts1">
                                                                        </label>
                                                                    </div>
                                                                @endif
                                                            </td>
                                                            <td class="tabla-valoracion-porcentaje-pregunta">{{ $respuesta->valor }}%</td>
                                                            <td class="tabla-observacion-pregunta" onclick="editarValorObservacion(this)" style="cursor: pointer;">{{ $respuesta->observacion}}</td>
                                                        </tr>
                                                        @php
                                                            $primeraFilaRespuestaUtilizada = true;
                                                        @endphp
                                                    @endforeach
                                                @endforeach
                                                <tr>
                                                    <td colspan="6" class="celda-color-azul"></td>
                                                    <td colspan="2" class="celda-color-azul" style="font-weight: 700;">Sub-Total</td>
                                                    <td colspan="2" id="subtotalRelacionesGssma" class="celda-color-azul" style="font-weight: 700;">{{ round($categoriasDeRelacionesConGssma->valor_total)}}%</td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    @elseif($evaluacion->version=="1.0")  
                                        <h3>Encuesta por escala Likert</h3>
                                        <p>En este formulario se evalúan las competencias del trabajador a través del método de escala Likert, el cual es un método de escala bipolar que mide tanto el grado positivo como neutral y negativo de cada enunciado. Desde el punto de vista del diseño del cuestionario, es una escala fácil de construir y desde el punto de vista del encuestado, se le ofrece la facilidad de poder graduar su opinión ante afirmaciones complejas. Las opciones de puntuación van desde el Siempre (4 pts) hasta el Rara Vez (1 pto), y deberá asignar tales valores según como se presente la actividad del enunciado o item en la realidad del evaluado.</p>
    
                                        <div class="alert alert-danger" id="alertaTablaGestionSSMA" style="display: none;">Gestión SSMA: Es obligatorio que cada pregunta tenga un valor seleccionado </div>
                                        <table class="table table-bordered" id="tabla-gestion-ssma">
                                            <thead>
                                                <tr>
                                                    <td colspan="7" class="celda-color-azul" style="font-weight: 700;">
                                                        <h4>a) - Gestión SSMA</h4>
                                                    </td>
                                                    <td colspan="2" class="celda-color-azul" style="font-weight: 700;">Peso Específico: 75%</td>
                                                </tr>
                                                <tr>
                                                    <th class="celda-color-azul"></th>
                                                    <th class="celda-color-azul"></th>
                                                    <th class="celda-color-azul">Pond. (%)</th>
                                                    <th class="celda-color-azul">4 pts (Siempre)</th>
                                                    <th class="celda-color-azul">3 pts (Casi Siempre)</th>
                                                    <th class="celda-color-azul">2 pts (Ocasionalmente)</th>
                                                    <th class="celda-color-azul">1 pts (Rara Vez)</th>
                                                    <th class="celda-color-gris">Valoración (%)</th>
                                                    <th class="celda-color-gris">Observaciones</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @foreach ($categoriasDeGestionSsma->respuestas as $respuesta)
                                                    @php
                                                        $valor = 0;
                                                        if ($respuesta->ponderacion == 5.2631578947368) {
                                                            if ($respuesta->valor == 5) {
                                                                $valor = 4;
                                                            } elseif ($respuesta->valor == 4) {
                                                                $valor = 3;
                                                            } elseif ($respuesta->valor == 3) {
                                                                $valor = 2;
                                                            } elseif ($respuesta->valor == 1) {
                                                                $valor = 1;
                                                            }
                                                        } 
                                                    @endphp
                                                    <tr>
                                                        <td class="tabla-menu-pregunta">{{ $respuesta->dimension }}</td>
                                                        <td class="tabla-descripcion-pregunta">{{ $respuesta->pregunta }}</td>
                                                        <td class="tabla-ponderacion-pregunta" style="display:none;">{{ $respuesta->ponderacion }}</td>
                                                        <td class="tabla-valoracion-pregunta" style="display:none;">{{ $respuesta->valor }}</td>
                                                        <td class="tabla-valoracion-sin-redondeo-pregunta" style="display:none;">{{ $respuesta->valor_sin_redondeo }}</td>
                                                        <td>{{ round($respuesta->ponderacion)}}%</td>
                                                        <td class="text-center">
                                                            @if ($valor == 4)
                                                                <div class="icheck-primary d-inline">
                                                                    <input type="radio" id="RadioButton{{ strtoupper($respuesta->dimension) }}Pts4" checked="true" name="radio_button_{{ $respuesta->dimension }}" value="4" onclick="calcularValoracionDeUnaPregunta({{ $respuesta->ponderacion }},4,this.parentElement.parentElement.parentElement)">
                                                                    <label for="RadioButton{{ strtoupper($respuesta->dimension) }}Pts4">
                                                                    </label>
                                                                </div>
                                                            @else    
                                                                <div class="icheck-primary d-inline">
                                                                    <input type="radio" id="RadioButton{{ strtoupper($respuesta->dimension) }}Pts4" name="radio_button_{{ $respuesta->dimension }}" value="4" onclick="calcularValoracionDeUnaPregunta({{ $respuesta->ponderacion }},4,this.parentElement.parentElement.parentElement)">
                                                                    <label for="RadioButton{{ strtoupper($respuesta->dimension) }}Pts4">
                                                                    </label>
                                                                </div>
                                                            @endif
                                                        </td>
                                                        <td class="text-center">
                                                            @if ($valor == 3)
                                                                <div class="icheck-primary d-inline">
                                                                    <input type="radio" id="RadioButton{{ strtoupper($respuesta->dimension) }}Pts3" checked="true" name="radio_button_{{ $respuesta->dimension }}" value="3" onclick="calcularValoracionDeUnaPregunta({{ $respuesta->ponderacion }},3,this.parentElement.parentElement.parentElement)">
                                                                    <label for="RadioButton{{ strtoupper($respuesta->dimension) }}Pts3">
                                                                    </label>
                                                                </div>
                                                            @else
                                                                <div class="icheck-primary d-inline">
                                                                    <input type="radio" id="RadioButton{{ strtoupper($respuesta->dimension) }}Pts3" name="radio_button_{{ $respuesta->dimension }}" value="3" onclick="calcularValoracionDeUnaPregunta({{ $respuesta->ponderacion }},3,this.parentElement.parentElement.parentElement)">
                                                                    <label for="RadioButton{{ strtoupper($respuesta->dimension) }}Pts3">
                                                                    </label>
                                                                </div>
                                                            @endif
                                                        </td>
                                                        <td class="text-center">
                                                            @if ($valor == 2)
                                                                <div class="icheck-primary d-inline">
                                                                    <input type="radio" id="RadioButton{{ strtoupper($respuesta->dimension) }}Pts2" checked="true" name="radio_button_{{ $respuesta->dimension }}" value="2" onclick="calcularValoracionDeUnaPregunta({{ $respuesta->ponderacion }},2,this.parentElement.parentElement.parentElement)">
                                                                    <label for="RadioButton{{ strtoupper($respuesta->dimension) }}Pts2">
                                                                    </label>
                                                                </div>
                                                            @else
                                                                <div class="icheck-primary d-inline">
                                                                    <input type="radio" id="RadioButton{{ strtoupper($respuesta->dimension) }}Pts2" name="radio_button_{{ $respuesta->dimension }}" value="2" onclick="calcularValoracionDeUnaPregunta({{ $respuesta->ponderacion }},2,this.parentElement.parentElement.parentElement)">
                                                                    <label for="RadioButton{{ strtoupper($respuesta->dimension) }}Pts2">
                                                                    </label>
                                                                </div>    
                                                            @endif
                                                        </td>
                                                        <td class="text-center">
                                                            @if ($valor == 1)
                                                                <div class="icheck-primary d-inline">
                                                                    <input type="radio" id="RadioButton{{ strtoupper($respuesta->dimension) }}Pts1" checked="true" name="radio_button_{{ $respuesta->dimension }}" value="1" onclick="calcularValoracionDeUnaPregunta({{ $respuesta->ponderacion }},1,this.parentElement.parentElement.parentElement)">
                                                                    <label for="RadioButton{{ strtoupper($respuesta->dimension) }}Pts1">
                                                                    </label>
                                                                </div>
                                                            @else   
                                                                <div class="icheck-primary d-inline">
                                                                    <input type="radio" id="RadioButton{{ strtoupper($respuesta->dimension) }}Pts1" name="radio_button_{{ $respuesta->dimension }}" value="1" onclick="calcularValoracionDeUnaPregunta({{ $respuesta->ponderacion }},1,this.parentElement.parentElement.parentElement)">
                                                                    <label for="RadioButton{{ strtoupper($respuesta->dimension) }}Pts1">
                                                                    </label>
                                                                </div> 
                                                            @endif
                                                        </td>
                                                        <td class="tabla-valoracion-porcentaje-pregunta">{{ $respuesta->valor }}%</td>
                                                        <td class="tabla-observacion-pregunta" onclick="editarValorObservacion(this)" style="cursor: pointer;">{{ $respuesta->observacion}}</td>
                                                    </tr>
                                                @endforeach
                                                <tr>
                                                    <td colspan="5" class="celda-color-azul"></td>
                                                    <td colspan="2" class="celda-color-azul" style="font-weight: 700;">Sub-Total</td>
                                                    <td colspan="2" id="subtotalGestionSsma" class="celda-color-azul" style="font-weight: 700;">{{ round($categoriasDeGestionSsma->valor_total) }}%</td>
                                                </tr>
                                            </tbody>
                                        </table>
    
                                        <div class="alert alert-danger" id="alertaTablaRelacionesGssma" style="display: none;">Relación con GSSMA: Es obligatorio que cada pregunta tenga un valor seleccionado </div>
                                        <table class="table table-bordered" id="tabla-relaciones-gssma">
                                            <thead>
                                                <tr>
                                                    <td colspan="8" class="celda-color-azul" style="font-weight: 700;">
                                                        <h4>b) - Relación con GSSMA</h4>
                                                    </td>
                                                    <td colspan="2" class="celda-color-azul" style="font-weight: 700;">Peso Específico: 15%</td>
                                                </tr>
                                                <tr>
                                                    <th class="celda-color-azul"></th>
                                                    <th class="celda-color-azul"></th>
                                                    <th class="celda-color-azul"></th>
                                                    <th class="celda-color-azul">Pond. (%)</th>
                                                    <th class="celda-color-azul">4 pts (Siempre)</th>
                                                    <th class="celda-color-azul">3 pts (Casi Siempre)</th>
                                                    <th class="celda-color-azul">2 pts (Ocasionalmente)</th>
                                                    <th class="celda-color-azul">1 pts (Rara Vez)</th>
                                                    <th class="celda-color-gris">Valoración (%)</th>
                                                    <th class="celda-color-gris">Observaciones</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @foreach ($categoriasDeRelacionesConGssma->secciones as $seccion)
                                                    @php
                                                        $primeraFilaRespuestaUtilizada = false;
                                                        $cantidadRespuesta=0;
                                                    @endphp
                                                    @foreach ($seccion->respuestas as $respuesta)
                                                        @php
                                                            $cantidadRespuesta++;
                                                            $valor = 0;
                                                            if ($respuesta->ponderacion == 25) {
                                                                if ($respuesta->valor == 25) {
                                                                    $valor = 4;
                                                                } elseif ($respuesta->valor == 19) {
                                                                    $valor = 3;
                                                                } elseif ($respuesta->valor == 13) {
                                                                    $valor = 2;
                                                                } elseif ($respuesta->valor == 6) {
                                                                    $valor = 1;
                                                                }
                                                            }
                                                        @endphp
                                                        <tr>
                                                            @if ($primeraFilaRespuestaUtilizada == true)
                                                                <td class="tabla-menu-pregunta" style="display: none;">{{ $seccion->dimension }}</td>
                                                                <td class="tabla-submenu-pregunta" style="display:none;">{{ $respuesta->dimension }}</td>
                                                                <td class="tabla-seccion-pregunta" style="display: none;">{{ $seccion->seccion }}</td>
                                                                <td class="tabla-descripcion-pregunta">{{ $respuesta->pregunta }}</td>
                                                            @else
                                                                <td rowspan="4" class="tabla-menu-pregunta">{{ $seccion->dimension }}</td>
                                                                <td class="tabla-submenu-pregunta" style="display:none;">{{ $respuesta->dimension }}</td>
                                                                <td rowspan="4" class="tabla-seccion-pregunta">{{ $seccion->seccion }}</td>
                                                                <td class="tabla-descripcion-pregunta">{{ $respuesta->pregunta }}</td>
                                                            @endif
                                                            <td class="tabla-ponderacion-pregunta" style="display:none;">{{ $respuesta->ponderacion }}</td>
                                                            <td class="tabla-valoracion-pregunta" style="display:none;">{{ $respuesta->valor }}</td>
                                                            <td class="tabla-valoracion-sin-redondeo-pregunta" style="display:none;">{{ $respuesta->valor_sin_redondeo }}</td>
                                                            <td>{{ round($respuesta->ponderacion) }}%</td>
                                                            <td class="text-center">
                                                                @if ($valor == 4)
                                                                    <div class="icheck-primary d-inline">
                                                                        <input type="radio" id="RadioButton{{ strtoupper($seccion->dimension) }}Parte{{$cantidadRespuesta}}Pts4" checked="true" name="radio_button_{{ $seccion->dimension }}_parte{{$cantidadRespuesta}}" value="4" onclick="calcularValoracionDeUnaPregunta(25,4,this.parentElement.parentElement.parentElement)">
                                                                        <label for="RadioButton{{ strtoupper($seccion->dimension) }}Parte{{$cantidadRespuesta}}Pts4">
                                                                        </label>
                                                                    </div> 
                                                                @else
                                                                    <div class="icheck-primary d-inline">
                                                                        <input type="radio" id="RadioButton{{ strtoupper($seccion->dimension) }}Parte{{$cantidadRespuesta}}Pts4" name="radio_button_{{ $seccion->dimension }}_parte{{$cantidadRespuesta}}" value="4" onclick="calcularValoracionDeUnaPregunta(25,4,this.parentElement.parentElement.parentElement)">
                                                                        <label for="RadioButton{{ strtoupper($seccion->dimension) }}Parte{{$cantidadRespuesta}}Pts4">
                                                                        </label>
                                                                    </div>    
                                                                @endif
                                                            </td>
                                                            <td class="text-center">
                                                                @if ($valor == 3)
                                                                    <div class="icheck-primary d-inline">
                                                                        <input type="radio" id="RadioButton{{ strtoupper($seccion->dimension) }}Parte{{$cantidadRespuesta}}Pts3" checked="true" name="radio_button_{{ $seccion->dimension }}_parte{{$cantidadRespuesta}}" value="3" onclick="calcularValoracionDeUnaPregunta(25,3,this.parentElement.parentElement.parentElement)">
                                                                        <label for="RadioButton{{ strtoupper($seccion->dimension) }}Parte{{$cantidadRespuesta}}Pts3">
                                                                        </label>
                                                                    </div>
                                                                @else
                                                                    <div class="icheck-primary d-inline">
                                                                        <input type="radio" id="RadioButton{{ strtoupper($seccion->dimension) }}Parte{{$cantidadRespuesta}}Pts3" name="radio_button_{{ $seccion->dimension }}_parte{{$cantidadRespuesta}}" value="3" onclick="calcularValoracionDeUnaPregunta(25,3,this.parentElement.parentElement.parentElement)">
                                                                        <label for="RadioButton{{ strtoupper($seccion->dimension) }}Parte{{$cantidadRespuesta}}Pts3">
                                                                        </label>
                                                                    </div>
                                                                @endif
                                                            </td>
                                                            <td class="text-center">
                                                                @if ($valor == 2)
                                                                    <div class="icheck-primary d-inline">
                                                                        <input type="radio" id="RadioButton{{ strtoupper($seccion->dimension) }}Parte{{$cantidadRespuesta}}Pts2" checked="true" name="radio_button_{{ $seccion->dimension }}_parte{{$cantidadRespuesta}}" value="2" onclick="calcularValoracionDeUnaPregunta(25,2,this.parentElement.parentElement.parentElement)">
                                                                        <label for="RadioButton{{ strtoupper($seccion->dimension) }}Parte{{$cantidadRespuesta}}Pts2">
                                                                        </label>
                                                                    </div>
                                                                @else
                                                                    <div class="icheck-primary d-inline">
                                                                        <input type="radio" id="RadioButton{{ strtoupper($seccion->dimension) }}Parte{{$cantidadRespuesta}}Pts2" name="radio_button_{{ $seccion->dimension }}_parte{{$cantidadRespuesta}}" value="2" onclick="calcularValoracionDeUnaPregunta(25,2,this.parentElement.parentElement.parentElement)">
                                                                        <label for="RadioButton{{ strtoupper($seccion->dimension) }}Parte{{$cantidadRespuesta}}Pts2">
                                                                        </label>
                                                                    </div>
                                                                @endif
                                                            </td>
                                                            <td class="text-center">
                                                                @if ($valor == 1)
                                                                    <div class="icheck-primary d-inline">
                                                                        <input type="radio" id="RadioButton{{ strtoupper($seccion->dimension) }}Parte{{$cantidadRespuesta}}Pts1" checked="true" name="radio_button_{{ $seccion->dimension }}_parte{{$cantidadRespuesta}}" value="1" onclick="calcularValoracionDeUnaPregunta(25,1,this.parentElement.parentElement.parentElement)">
                                                                        <label for="RadioButton{{ strtoupper($seccion->dimension) }}Parte{{$cantidadRespuesta}}Pts1">
                                                                        </label>
                                                                    </div>
                                                                @else
                                                                    <div class="icheck-primary d-inline">
                                                                        <input type="radio" id="RadioButton{{ strtoupper($seccion->dimension) }}Parte{{$cantidadRespuesta}}Pts1" name="radio_button_{{ $seccion->dimension }}_parte{{$cantidadRespuesta}}" value="1" onclick="calcularValoracionDeUnaPregunta(25,1,this.parentElement.parentElement.parentElement)">
                                                                        <label for="RadioButton{{ strtoupper($seccion->dimension) }}Parte{{$cantidadRespuesta}}Pts1">
                                                                        </label>
                                                                    </div>
                                                                @endif
                                                            </td>
                                                            <td class="tabla-valoracion-porcentaje-pregunta">{{ $respuesta->valor }}%</td>
                                                            <td class="tabla-observacion-pregunta" onclick="editarValorObservacion(this)" style="cursor: pointer;">{{ $respuesta->observacion}}</td>
                                                        </tr>
                                                        @php
                                                            $primeraFilaRespuestaUtilizada = true;
                                                        @endphp
                                                    @endforeach
                                                @endforeach
                                                <tr>
                                                    <td colspan="6" class="celda-color-azul"></td>
                                                    <td colspan="2" class="celda-color-azul" style="font-weight: 700;">Sub-Total</td>
                                                    <td colspan="2" id="subtotalRelacionesGssma" class="celda-color-azul" style="font-weight: 700;">{{ round($categoriasDeRelacionesConGssma->valor_total)}}%</td>
                                                </tr>
                                            </tbody>
                                        </table>  
                                    @endif

                                    <button class="btn btn-secondary" onclick="stepper.previous()"><i class="fas fa-arrow-left"></i> Anterior</button>
                                    <button class="btn btn-secondary" onclick="stepper.next()"> Siguiente <i class="fas fa-arrow-right"></i></button>
                                </div>
                                <div id="information-kpi" class="content" role="tabpanel" aria-labelledby="information-kpi-trigger">
                                    @if ($evaluacion->version=="2.0")
                                        <h3>Encuesta por escala tipo Binaria</h3>
                                        <p>En este formulario se evalúan las competencias del trabajador a través del método de escala Binaria. Método de escala que mide si se cumple o no la competencia a evaluar, evitando caer en interpretaciones de las respuestas obtenidas.</p>
    
                                        <table class="table table-bordered">
                                            <tbody>
                                                <tr>
                                                    <td class="celda-color-azul text-center">1</td>
                                                    <td class="text-center" style="background-color: rgb(198, 239, 206); color: rgb(0, 97, 0);">REFLEJADO</td>
                                                    <td>Exhibe un desempeño sobresaliente, que agrega valor al negocio y sus resultados van más allá de lo esperado. Se destaca por sobre los demás en el desempeño de la competencia evaluada.</td>
                                                </tr>
                                                <tr>
                                                    <td class="celda-color-azul text-center">0</td>
                                                    <td class="text-center" style="background-color: rgb(255, 199, 206); color: rgb(156, 0, 6);">NO REFLEJADO</td>
                                                    <td>Aún no presenta los requisitos de desempeño para la competencia evaluada. </td>
                                                </tr>
                                            </tbody>
                                        </table>
    
                                        <div class="alert alert-danger" id="alertaTablaExcelenciaOperacional" style="display: none;">Excelencia Operacional: Es obligatorio que cada pregunta tenga un valor seleccionado </div>
                                        <table class="table table-bordered" id="tabla-excelencia-operacional">
                                            <thead>
                                                <tr>
                                                    <td colspan="4" class="celda-color-azul" style="font-weight: 700;">
                                                        <h4>c) - Excelencia Operacional</h4>
                                                    </td>
                                                    <td colspan="2" class="celda-color-azul" style="font-weight: 700;">Peso Específico: 0%</td>
                                                </tr>
                                                <tr>
                                                    <td colspan="6" class="celda-color-gris">Implica usar la capacidad total de la compañía (procesos, tecnología y talento humano) para implementar estrategias de optimización que garanticen la efectividad de las operaciones. </td>
                                                </tr>
                                                <tr>
                                                    <th class="celda-color-azul"></th>
                                                    <th class="celda-color-azul"></th>
                                                    <th class="celda-color-azul">Pond. (%)</th>
                                                    <th class="celda-color-azul">0 pts</th>
                                                    <th class="celda-color-azul">1 pts</th>
                                                    <th class="celda-color-gris">Valoración (%)</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @foreach ($categoriasDeExcelenciaOperacional->respuestas as $respuesta)
                                                    @php
                                                        $valor = 0;
                                                        if ($respuesta->ponderacion == 20) {
                                                            if ($respuesta->valor == 20) {
                                                                $valor = 1;
                                                            } elseif ($respuesta->valor == 0) {
                                                                $valor = 0;
                                                            }
                                                        }else if ($respuesta->ponderacion == 10) {
                                                            if ($respuesta->valor == 10) {
                                                                $valor = 1;
                                                            } elseif ($respuesta->valor == 0) {
                                                                $valor = 0;
                                                            }
                                                        }else if ($respuesta->ponderacion == 30) {
                                                            if ($respuesta->valor == 30) {
                                                                $valor = 1;
                                                            } elseif ($respuesta->valor == 0) {
                                                                $valor = 0;
                                                            }
                                                        }  
                                                    @endphp
                                                    <tr>
                                                        <td class="tabla-menu-pregunta">{{ $respuesta->dimension }}</td>
                                                        <td class="tabla-descripcion-pregunta">{{ $respuesta->pregunta }}</td>
                                                        <td class="tabla-ponderacion-pregunta" style="display:none;">{{ $respuesta->ponderacion }}</td>
                                                        <td class="tabla-valoracion-pregunta" style="display:none;">{{ $respuesta->valor }}</td>
                                                        <td class="tabla-valoracion-sin-redondeo-pregunta" style="display:none;">{{ $respuesta->valor_sin_redondeo }}</td>
                                                        <td>{{ round($respuesta->ponderacion) }}%</td>
                                                        <td class="text-center">
                                                            @if ($valor == 0)
                                                                <div class="icheck-primary d-inline">
                                                                    <input type="radio" id="RadioButton{{ strtoupper($respuesta->dimension) }}Pts0" checked="true" name="radio_button_{{ $respuesta->dimension }}" value="0" onclick="calcularValoracionDeUnaPregunta({{ $respuesta->ponderacion }},0,this.parentElement.parentElement.parentElement)">
                                                                    <label for="RadioButton{{ strtoupper($respuesta->dimension) }}Pts0">
                                                                    </label>
                                                                </div>
                                                            @else
                                                                <div class="icheck-primary d-inline">
                                                                    <input type="radio" id="RadioButton{{ strtoupper($respuesta->dimension) }}Pts0" name="radio_button_{{ $respuesta->dimension }}" value="0" onclick="calcularValoracionDeUnaPregunta({{ $respuesta->ponderacion }},0,this.parentElement.parentElement.parentElement)">
                                                                    <label for="RadioButton{{ strtoupper($respuesta->dimension) }}Pts0">
                                                                    </label>
                                                                </div>    
                                                            @endif
                                                        </td>
                                                        <td class="text-center">
                                                            @if ($valor == 1)
                                                                <div class="icheck-primary d-inline">
                                                                    <input type="radio" id="RadioButton{{ strtoupper($respuesta->dimension) }}Pts1" checked="true" name="radio_button_{{ $respuesta->dimension }}" value="1" onclick="calcularValoracionDeUnaPregunta({{ $respuesta->ponderacion }},4,this.parentElement.parentElement.parentElement)">
                                                                    <label for="RadioButton{{ strtoupper($respuesta->dimension) }}Pts1">
                                                                    </label>
                                                                </div>
                                                            @else   
                                                                <div class="icheck-primary d-inline">
                                                                    <input type="radio" id="RadioButton{{ strtoupper($respuesta->dimension) }}Pts1" name="radio_button_{{ $respuesta->dimension }}" value="1" onclick="calcularValoracionDeUnaPregunta({{ $respuesta->ponderacion }},4,this.parentElement.parentElement.parentElement)">
                                                                    <label for="RadioButton{{ strtoupper($respuesta->dimension) }}Pts1">
                                                                    </label>
                                                                </div> 
                                                            @endif
                                                        </td>
                                                        <td class="tabla-valoracion-porcentaje-pregunta">{{ $respuesta->valor }}%</td>
                                                    </tr>
                                                @endforeach
                                                <tr>
                                                    <td colspan="4" class="celda-color-azul"></td>
                                                    <td class="celda-color-azul" style="font-weight: 700;">Sub-Total</td>
                                                    <td id="subtotalExcelenciaOperacional" class="celda-color-azul" style="font-weight: 700;">{{ round($categoriasDeExcelenciaOperacional->valor_total) }}%</td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    @elseif($evaluacion->version=="1.0") 
                                        <h3>Encuesta por escala tipo Binaria</h3>
                                        <p>En este formulario se evalúan las competencias del trabajador a través del método de escala Binaria. Método de escala que mide si se cumple o no la competencia a evaluar, evitando caer en interpretaciones de las respuestas obtenidas.</p>
    
                                        <table class="table table-bordered">
                                            <tbody>
                                                <tr>
                                                    <td class="celda-color-azul text-center">1</td>
                                                    <td class="text-center" style="background-color: rgb(198, 239, 206); color: rgb(0, 97, 0);">REFLEJADO</td>
                                                    <td>Exhibe un desempeño sobresaliente, que agrega valor al negocio y sus resultados van más allá de lo esperado. Se destaca por sobre los demás en el desempeño de la competencia evaluada.</td>
                                                </tr>
                                                <tr>
                                                    <td class="celda-color-azul text-center">0</td>
                                                    <td class="text-center" style="background-color: rgb(255, 199, 206); color: rgb(156, 0, 6);">NO REFLEJADO</td>
                                                    <td>Aún no presenta los requisitos de desempeño para la competencia evaluada. </td>
                                                </tr>
                                            </tbody>
                                        </table>
    
                                        <div class="alert alert-danger" id="alertaTablaExcelenciaOperacional" style="display: none;">Excelencia Operacional: Es obligatorio que cada pregunta tenga un valor seleccionado </div>
                                        <table class="table table-bordered" id="tabla-excelencia-operacional">
                                            <thead>
                                                <tr>
                                                    <td colspan="4" class="celda-color-azul" style="font-weight: 700;">
                                                        <h4>c) - Excelencia Operacional</h4>
                                                    </td>
                                                    <td colspan="2" class="celda-color-azul" style="font-weight: 700;">Peso Específico: 10%</td>
                                                </tr>
                                                <tr>
                                                    <td colspan="6" class="celda-color-gris">Implica usar la capacidad total de la compañía (procesos, tecnología y talento humano) para implementar estrategias de optimización que garanticen la efectividad de las operaciones. </td>
                                                </tr>
                                                <tr>
                                                    <th class="celda-color-azul"></th>
                                                    <th class="celda-color-azul"></th>
                                                    <th class="celda-color-azul">Pond. (%)</th>
                                                    <th class="celda-color-azul">0 pts</th>
                                                    <th class="celda-color-azul">1 pts</th>
                                                    <th class="celda-color-gris">Valoración (%)</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @foreach ($categoriasDeExcelenciaOperacional->respuestas as $respuesta)
                                                    @php
                                                        $valor = 0;
                                                        if ($respuesta->ponderacion == 20) {
                                                            if ($respuesta->valor == 20) {
                                                                $valor = 1;
                                                            } elseif ($respuesta->valor == 0) {
                                                                $valor = 0;
                                                            }
                                                        } 
                                                    @endphp
                                                    <tr>
                                                        <td class="tabla-menu-pregunta">{{ $respuesta->dimension }}</td>
                                                        <td class="tabla-descripcion-pregunta">{{ $respuesta->pregunta }}</td>
                                                        <td class="tabla-ponderacion-pregunta" style="display:none;">{{ $respuesta->ponderacion }}</td>
                                                        <td class="tabla-valoracion-pregunta" style="display:none;">{{ $respuesta->valor }}</td>
                                                        <td class="tabla-valoracion-sin-redondeo-pregunta" style="display:none;">{{ $respuesta->valor_sin_redondeo }}</td>
                                                        <td>{{ round($respuesta->ponderacion) }}%</td>
                                                        <td class="text-center">
                                                            @if ($valor == 0)
                                                                <div class="icheck-primary d-inline">
                                                                    <input type="radio" id="RadioButton{{ strtoupper($respuesta->dimension) }}Pts0" checked="true" name="radio_button_{{ $respuesta->dimension }}" value="0" onclick="calcularValoracionDeUnaPregunta({{ $respuesta->ponderacion }},0,this.parentElement.parentElement.parentElement)">
                                                                    <label for="RadioButton{{ strtoupper($respuesta->dimension) }}Pts0">
                                                                    </label>
                                                                </div>
                                                            @else
                                                                <div class="icheck-primary d-inline">
                                                                    <input type="radio" id="RadioButton{{ strtoupper($respuesta->dimension) }}Pts0" name="radio_button_{{ $respuesta->dimension }}" value="0" onclick="calcularValoracionDeUnaPregunta({{ $respuesta->ponderacion }},0,this.parentElement.parentElement.parentElement)">
                                                                    <label for="RadioButton{{ strtoupper($respuesta->dimension) }}Pts0">
                                                                    </label>
                                                                </div>    
                                                            @endif
                                                        </td>
                                                        <td class="text-center">
                                                            @if ($valor == 1)
                                                                <div class="icheck-primary d-inline">
                                                                    <input type="radio" id="RadioButton{{ strtoupper($respuesta->dimension) }}Pts1" checked="true" name="radio_button_{{ $respuesta->dimension }}" value="1" onclick="calcularValoracionDeUnaPregunta({{ $respuesta->ponderacion }},4,this.parentElement.parentElement.parentElement)">
                                                                    <label for="RadioButton{{ strtoupper($respuesta->dimension) }}Pts1">
                                                                    </label>
                                                                </div>
                                                            @else   
                                                                <div class="icheck-primary d-inline">
                                                                    <input type="radio" id="RadioButton{{ strtoupper($respuesta->dimension) }}Pts1" name="radio_button_{{ $respuesta->dimension }}" value="1" onclick="calcularValoracionDeUnaPregunta({{ $respuesta->ponderacion }},4,this.parentElement.parentElement.parentElement)">
                                                                    <label for="RadioButton{{ strtoupper($respuesta->dimension) }}Pts1">
                                                                    </label>
                                                                </div> 
                                                            @endif
                                                        </td>
                                                        <td class="tabla-valoracion-porcentaje-pregunta">{{ $respuesta->valor }}%</td>
                                                    </tr>
                                                @endforeach
                                                <tr>
                                                    <td colspan="4" class="celda-color-azul"></td>
                                                    <td class="celda-color-azul" style="font-weight: 700;">Sub-Total</td>
                                                    <td id="subtotalExcelenciaOperacional" class="celda-color-azul" style="font-weight: 700;">{{ round($categoriasDeExcelenciaOperacional->valor_total) }}%</td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    @endif

                                    <button class="btn btn-secondary" onclick="stepper.previous()"><i class="fas fa-arrow-left"></i> Anterior</button>
                                    <button class="btn btn-secondary" onclick="stepper.next()">Siguiente <i class="fas fa-arrow-right"></i></button>
                                </div>
                                <div id="information-resultados" class="content" role="tabpanel" aria-labelledby="information-resultados-trigger">
                                    @if ($evaluacion->version=="2.0")
                                        <table class="table table-bordered">
                                            <tbody>
                                                <tr>
                                                    <td class="celda-color-azul text-center">5</td>
                                                    <td class="text-center" style="background-color: #3F6D20; color:white;">MUY SATISFACTORIO</td>
                                                    <td>Desempeño por sobre lo esperado para el cargo, el trabajador demuestra en sus acciones ir mas allá de lo solicitado.</td>
                                                </tr>
                                                <tr>
                                                    <td class="celda-color-azul text-center">4</td>
                                                    <td class="text-center" style="background-color: #70AD47; color:white;">SATISFACTORIO</td>
                                                    <td>Colaborador cumple satisfactoriamente las competencias evaluadas. Tiene la experiencia y conocimientos necesarios para ejecutar las funciones de su puesto.</td>
                                                </tr>
                                                <tr>
                                                    <td class="celda-color-azul text-center">3</td>
                                                    <td class="text-center" style="background-color: #FFC000; color:white;">REGULAR</td>
                                                    <td>Desempeño medianamente ajustado a lo esperado, cumple con lo que se le solicita, pero no muestra iniciativa o proactividad permanente.</td>
                                                </tr>
                                                <tr>
                                                    <td class="celda-color-azul text-center">2</td>
                                                    <td class="text-center" style="background-color: #C65911; color:white;">DEFICIENTE</td>
                                                    <td>Desempeño por debajo de lo esperado, técnicamente es irregular, hace su trabajo, pero no satisface todas las espectativas de la competencia evaluada. Tiene ganas de mejorar y aprender.</td>
                                                </tr>
                                                <tr>
                                                    <td class="celda-color-azul text-center">1</td>
                                                    <td class="text-center" style="background-color: #C00000; color:white;">MUY DEFICIENTE</td>
                                                    <td>No cumple con los requisitos de desempeño de la competencia evaluada. Su trabajo está por debajo de la calidad esperada, se excede en tiempos. </td>
                                                </tr>
                                            </tbody>
                                        </table>
                                        
                                        <table class="table table-bordered">
                                            <thead>
                                                <tr>
                                                    <th class="celda-color-azul">Dimensión</th>
                                                    <th class="celda-color-azul">Resultados por dimensión</th>
                                                    <th class="celda-color-azul">Pond.</th>
                                                    <th class="celda-color-gris">% Dimensión</th>
                                                    <th class="celda-color-gris">Valoración</th>
                                                    <th class="celda-color-gris">% Ponderado</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <tr>
                                                    <td id="dimensionNumeroGestionSsma" style="display: none;">{{$categoriasDeGestionSsma->valor_total}}</td>
                                                    <td id="ponderacionNumeroGestionSsma" style="display: none;">85</td>
                                                    <td id="ponderacionTotalNumeroGestionSsma" style="display: none;">{{$categoriasDeGestionSsma->valor_total_evaluacion}}</td>
                                                    <td>a</td>
                                                    <td>Gestión SSMA</td>
                                                    <td class="text-center">85%</td>
                                                    <td class="text-center" id="dimensionPorcentajeGestionSsma">{{bcdiv($categoriasDeGestionSsma->valor_total,1,1)}}%</td>
                                                    @if ($categoriasDeGestionSsma->valor_total <= 25)
                                                        <td class="text-center" style="background-color: #FFC7CE; color:#9C0006;" id="valoracionGestionSsma">MUY DEFICIENTE</td>
                                                    @elseif ($categoriasDeGestionSsma->valor_total <= 50)   
                                                        <td class="text-center" style="background-color: #FFC7CE; color:#9C0006;" id="valoracionGestionSsma">DEFICIENTE</td>
                                                    @elseif ($categoriasDeGestionSsma->valor_total <= 75)  
                                                        <td class="text-center" style="background-color: #FFEB9C; color:#9C5700;" id="valoracionGestionSsma">REGULAR</td>
                                                    @else
                                                        <td class="text-center" style="background-color: #C6EFCE; color:#006100;" id="valoracionGestionSsma">SATISFACTORIO</td> 
                                                    @endif
                                                    <td id="ponderacionTotalPorcentajeGestionSsma">{{$categoriasDeGestionSsma->valor_total_evaluacion}}%</td>
                                                </tr>
                                                <tr>
                                                    <td id="dimensionNumeroRelacionesGSSMA" style="display: none;">{{$categoriasDeRelacionesConGssma->valor_total}}</td>
                                                    <td id="ponderacionNumeroRelacionesGSSMA" style="display: none;">15</td>
                                                    <td id="ponderacionTotalNumeroRelacionesGSSMA" style="display: none;">{{$categoriasDeRelacionesConGssma->valor_total_evaluacion}}</td>
                                                    <td>b</td>
                                                    <td>Relación con GSSMA</td>
                                                    <td class="text-center">15%</td>
                                                    <td class="text-center" id="dimensionPorcentajeRelacionesGSSMA">{{bcdiv($categoriasDeRelacionesConGssma->valor_total,1,1)}}%</td>
                                                    @if ($categoriasDeRelacionesConGssma->valor_total <= 25)
                                                        <td class="text-center" style="background-color: #FFC7CE; color:#9C0006;" id="valoracionRelacionesGSSMA">MUY DEFICIENTE</td>
                                                    @elseif ($categoriasDeRelacionesConGssma->valor_total <= 50)   
                                                        <td class="text-center" style="background-color: #FFC7CE; color:#9C0006;" id="valoracionRelacionesGSSMA">DEFICIENTE</td>
                                                    @elseif ($categoriasDeRelacionesConGssma->valor_total <= 75)  
                                                        <td class="text-center" style="background-color: #FFEB9C; color:#9C5700;" id="valoracionRelacionesGSSMA">REGULAR</td>
                                                    @else
                                                        <td class="text-center" style="background-color: #C6EFCE; color:#006100;" id="valoracionRelacionesGSSMA">SATISFACTORIO</td> 
                                                    @endif
                                                    <td id="ponderacionTotalPorcentajeRelacionesGSSMA">{{$categoriasDeRelacionesConGssma->valor_total_evaluacion}}%</td>
                                                </tr>
                                                <tr>
                                                    <td id="dimensionNumeroExcelenciaOperacional" style="display: none;">{{$categoriasDeExcelenciaOperacional->valor_total}}</td>
                                                    <td id="ponderacionNumeroExcelenciaOperacional" style="display: none;">0</td>
                                                    <td id="ponderacionTotalNumeroExcelenciaOperacional" style="display: none;">{{$categoriasDeExcelenciaOperacional->valor_total_evaluacion}}</td>
                                                    <td>c</td>
                                                    <td>Excelencia Operacional</td>
                                                    <td class="text-center">0%</td>
                                                    <td class="text-center" id="dimensionPorcentajeExcelenciaOperacional">{{bcdiv($categoriasDeExcelenciaOperacional->valor_total,1,1)}}%</td>
                                                    @if ($categoriasDeExcelenciaOperacional->valor_total >=80)
                                                        <td class="text-center" style="background-color: #C6EFCE; color:#006100;" id="valoracionExcelenciaOperacional">REFLEJADO</td> 
                                                    @else
                                                        <td class="text-center" style="background-color: #FFC7CE; color:#9C0006;" id="valoracionExcelenciaOperacional">NO REFLEJADO</td>
                                                    @endif
                                                    <td id="ponderacionTotalPorcentajeExcelenciaOperacional">{{$categoriasDeExcelenciaOperacional->valor_total_evaluacion}}%</td>
                                                </tr>
                                                <tr>
                                                    <td style="display:none;" id="valoracionTotalDelNumero">{{$evaluacion->valor_total}}</td>
                                                    <td colspan="3" class="celda-color-azul"></td>
                                                    <td colspan="2" class="celda-color-azul" style="font-weight: 700;">Valoración Total</td>
                                                    <td class="celda-color-azul" style="font-weight: 700;" id="valoracionTotalDelPorcentaje">{{$evaluacion->valor_total}}%</td>
                                                </tr>
                                            </tbody>
                                        </table>
    
                                        <div class="contenedor-grid-dos-campos-para-formularios">
                                            <div>
    
                                            </div>
                                            <div>
                                                <table class="table table-bordered">
                                                    <thead>
                                                        <tr>
                                                            <th class="text-center">Resultado de la Encuesta</th>
                                                            @if ($evaluacion->valor_total<45)
                                                                <th class="text-center" style="display: none;" id="estadoEvaluacionDeDesempeno">MUY DEFICIENTE</th>
                                                                <th class="text-center" style="background-color: #C00000; color:white;" id="valoracionTotalDeEvaluacionDeDesempenoEnEstado">MUY DEFICIENTE</th>
                                                            @elseif ($evaluacion->valor_total<65)  
                                                                <th class="text-center" style="display: none;" id="estadoEvaluacionDeDesempeno">DEFICIENTE</th>
                                                                <th class="text-center" style="background-color: #C65911; color:white;" id="valoracionTotalDeEvaluacionDeDesempenoEnEstado">DEFICIENTE</th>  
                                                            @elseif ($evaluacion->valor_total<85)
                                                                <th class="text-center" style="display: none;" id="estadoEvaluacionDeDesempeno">REGULAR</th>  
                                                                <th class="text-center" style="background-color: #FFC000; color:white;" id="valoracionTotalDeEvaluacionDeDesempenoEnEstado">REGULAR</th> 
                                                            @elseif ($evaluacion->valor_total<=100)
                                                                @if ($categoriasDeExcelenciaOperacional->valor_total>=80 && $evaluacion->valor_total>=90)
                                                                    <th class="text-center" style="display: none;" id="estadoEvaluacionDeDesempeno">MUY SATISFACTORIO</th>  
                                                                    <th class="text-center" style="background-color: #3F6D20; color:white;" id="valoracionTotalDeEvaluacionDeDesempenoEnEstado">MUY SATISFACTORIO</th> 
                                                                @else
                                                                    <th class="text-center" style="display: none;" id="estadoEvaluacionDeDesempeno">SATISFACTORIO</th>  
                                                                    <th class="text-center" style="background-color: #70AD47; color:white;" id="valoracionTotalDeEvaluacionDeDesempenoEnEstado">SATISFACTORIO</th> 
                                                                @endif
                                                            @endif
                                                        </tr>
                                                    </thead>
                                                </table>
                                            </div>
                                        </div>
    
                                        <table class="table table-bordered">
                                            <thead>
                                                <tr>
                                                    <th class="text-center" style="background-color: #3F6D20; color:white;">MUY SATISFACTORIO (Refleja Excelencia Operacional y Valoración total mayor a 90%)</th>
                                                    <th class="text-center" style="background-color: #70AD47; color:white;">SATISFACTORIO (100% < 85%) sin excelencia op.</th>
                                                    <th class="text-center" style="background-color: #FFC000; color:white;">REGULAR (84.9% < 65%)</th>
                                                    <th class="text-center" style="background-color: #C65911; color:white;">DEFICIENTE (64.9% < 45%)</th>
                                                    <th class="text-center" style="background-color: #C00000; color:white;">MUY DEFICIENTE (44.9% < 0%)</th>
                                                </tr>
                                            </thead>
                                        </table>
                                    @elseif($evaluacion->version=="1.0") 
                                        <table class="table table-bordered">
                                            <tbody>
                                                <tr>
                                                    <td class="celda-color-azul text-center">5</td>
                                                    <td class="text-center" style="background-color: #3F6D20; color:white;">MUY SATISFACTORIO</td>
                                                    <td>Desempeño por sobre lo esperado para el cargo, el trabajador demuestra en sus acciones ir mas allá de lo solicitado.</td>
                                                </tr>
                                                <tr>
                                                    <td class="celda-color-azul text-center">4</td>
                                                    <td class="text-center" style="background-color: #70AD47; color:white;">SATISFACTORIO</td>
                                                    <td>Colaborador cumple satisfactoriamente las competencias evaluadas. Tiene la experiencia y conocimientos necesarios para ejecutar las funciones de su puesto.</td>
                                                </tr>
                                                <tr>
                                                    <td class="celda-color-azul text-center">3</td>
                                                    <td class="text-center" style="background-color: #FFC000; color:white;">REGULAR</td>
                                                    <td>Desempeño medianamente ajustado a lo esperado, cumple con lo que se le solicita, pero no muestra iniciativa o proactividad permanente.</td>
                                                </tr>
                                                <tr>
                                                    <td class="celda-color-azul text-center">2</td>
                                                    <td class="text-center" style="background-color: #C65911; color:white;">DEFICIENTE</td>
                                                    <td>Desempeño por debajo de lo esperado, técnicamente es irregular, hace su trabajo, pero no satisface todas las espectativas de la competencia evaluada. Tiene ganas de mejorar y aprender.</td>
                                                </tr>
                                                <tr>
                                                    <td class="celda-color-azul text-center">1</td>
                                                    <td class="text-center" style="background-color: #C00000; color:white;">MUY DEFICIENTE</td>
                                                    <td>No cumple con los requisitos de desempeño de la competencia evaluada. Su trabajo está por debajo de la calidad esperada, se excede en tiempos. </td>
                                                </tr>
                                            </tbody>
                                        </table>
                                        
                                        <table class="table table-bordered">
                                            <thead>
                                                <tr>
                                                    <th class="celda-color-azul">Dimensión</th>
                                                    <th class="celda-color-azul">Resultados por dimensión</th>
                                                    <th class="celda-color-azul">Pond.</th>
                                                    <th class="celda-color-gris">% Dimensión</th>
                                                    <th class="celda-color-gris">Valoración</th>
                                                    <th class="celda-color-gris">% Ponderado</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <tr>
                                                    <td id="dimensionNumeroGestionSsma" style="display: none;">{{$categoriasDeGestionSsma->valor_total}}</td>
                                                    <td id="ponderacionNumeroGestionSsma" style="display: none;">75</td>
                                                    <td id="ponderacionTotalNumeroGestionSsma" style="display: none;">{{$categoriasDeGestionSsma->valor_total_evaluacion}}</td>
                                                    <td>a</td>
                                                    <td>Gestión SSMA</td>
                                                    <td class="text-center">75%</td>
                                                    <td class="text-center" id="dimensionPorcentajeGestionSsma">{{bcdiv($categoriasDeGestionSsma->valor_total,1,1)}}%</td>
                                                    @if ($categoriasDeGestionSsma->valor_total <= 25)
                                                        <td class="text-center" style="background-color: #FFC7CE; color:#9C0006;" id="valoracionGestionSsma">MUY DEFICIENTE</td>
                                                    @elseif ($categoriasDeGestionSsma->valor_total <= 50)   
                                                        <td class="text-center" style="background-color: #FFC7CE; color:#9C0006;" id="valoracionGestionSsma">DEFICIENTE</td>
                                                    @elseif ($categoriasDeGestionSsma->valor_total <= 75)  
                                                        <td class="text-center" style="background-color: #FFEB9C; color:#9C5700;" id="valoracionGestionSsma">REGULAR</td>
                                                    @else
                                                        <td class="text-center" style="background-color: #C6EFCE; color:#006100;" id="valoracionGestionSsma">SATISFACTORIO</td> 
                                                    @endif
                                                    <td id="ponderacionTotalPorcentajeGestionSsma">{{$categoriasDeGestionSsma->valor_total_evaluacion}}%</td>
                                                </tr>
                                                <tr>
                                                    <td id="dimensionNumeroRelacionesGSSMA" style="display: none;">{{$categoriasDeRelacionesConGssma->valor_total}}</td>
                                                    <td id="ponderacionNumeroRelacionesGSSMA" style="display: none;">15</td>
                                                    <td id="ponderacionTotalNumeroRelacionesGSSMA" style="display: none;">{{$categoriasDeRelacionesConGssma->valor_total_evaluacion}}</td>
                                                    <td>b</td>
                                                    <td>Relación con GSSMA</td>
                                                    <td class="text-center">15%</td>
                                                    <td class="text-center" id="dimensionPorcentajeRelacionesGSSMA">{{bcdiv($categoriasDeRelacionesConGssma->valor_total,1,1)}}%</td>
                                                    @if ($categoriasDeRelacionesConGssma->valor_total <= 25)
                                                        <td class="text-center" style="background-color: #FFC7CE; color:#9C0006;" id="valoracionRelacionesGSSMA">MUY DEFICIENTE</td>
                                                    @elseif ($categoriasDeRelacionesConGssma->valor_total <= 50)   
                                                        <td class="text-center" style="background-color: #FFC7CE; color:#9C0006;" id="valoracionRelacionesGSSMA">DEFICIENTE</td>
                                                    @elseif ($categoriasDeRelacionesConGssma->valor_total <= 75)  
                                                        <td class="text-center" style="background-color: #FFEB9C; color:#9C5700;" id="valoracionRelacionesGSSMA">REGULAR</td>
                                                    @else
                                                        <td class="text-center" style="background-color: #C6EFCE; color:#006100;" id="valoracionRelacionesGSSMA">SATISFACTORIO</td> 
                                                    @endif
                                                    <td id="ponderacionTotalPorcentajeRelacionesGSSMA">{{$categoriasDeRelacionesConGssma->valor_total_evaluacion}}%</td>
                                                </tr>
                                                <tr>
                                                    <td id="dimensionNumeroExcelenciaOperacional" style="display: none;">{{$categoriasDeExcelenciaOperacional->valor_total}}</td>
                                                    <td id="ponderacionNumeroExcelenciaOperacional" style="display: none;">10</td>
                                                    <td id="ponderacionTotalNumeroExcelenciaOperacional" style="display: none;">{{$categoriasDeExcelenciaOperacional->valor_total_evaluacion}}</td>
                                                    <td>c</td>
                                                    <td>Excelencia Operacional</td>
                                                    <td class="text-center">10%</td>
                                                    <td class="text-center" id="dimensionPorcentajeExcelenciaOperacional">{{bcdiv($categoriasDeExcelenciaOperacional->valor_total,1,1)}}%</td>
                                                    @if ($categoriasDeExcelenciaOperacional->valor_total >=80)
                                                        <td class="text-center" style="background-color: #C6EFCE; color:#006100;" id="valoracionExcelenciaOperacional">REFLEJADO</td> 
                                                    @else
                                                        <td class="text-center" style="background-color: #FFC7CE; color:#9C0006;" id="valoracionExcelenciaOperacional">NO REFLEJADO</td>
                                                    @endif
                                                    <td id="ponderacionTotalPorcentajeExcelenciaOperacional">{{$categoriasDeExcelenciaOperacional->valor_total_evaluacion}}%</td>
                                                </tr>
                                                <tr>
                                                    <td style="display:none;" id="valoracionTotalDelNumero">{{$evaluacion->valor_total}}</td>
                                                    <td colspan="3" class="celda-color-azul"></td>
                                                    <td colspan="2" class="celda-color-azul" style="font-weight: 700;">Valoración Total</td>
                                                    <td class="celda-color-azul" style="font-weight: 700;" id="valoracionTotalDelPorcentaje">{{$evaluacion->valor_total}}%</td>
                                                </tr>
                                            </tbody>
                                        </table>
    
                                        <div class="contenedor-grid-dos-campos-para-formularios">
                                            <div>
    
                                            </div>
                                            <div>
                                                <table class="table table-bordered">
                                                    <thead>
                                                        <tr>
                                                            <th class="text-center">Resultado de la Encuesta</th>
                                                            @if ($evaluacion->valor_total<45)
                                                                <th class="text-center" style="display: none;" id="estadoEvaluacionDeDesempeno">MUY DEFICIENTE</th>
                                                                <th class="text-center" style="background-color: #C00000; color:white;" id="valoracionTotalDeEvaluacionDeDesempenoEnEstado">MUY DEFICIENTE</th>
                                                            @elseif ($evaluacion->valor_total<65)  
                                                                <th class="text-center" style="display: none;" id="estadoEvaluacionDeDesempeno">DEFICIENTE</th>
                                                                <th class="text-center" style="background-color: #C65911; color:white;" id="valoracionTotalDeEvaluacionDeDesempenoEnEstado">DEFICIENTE</th>  
                                                            @elseif ($evaluacion->valor_total<85)
                                                                <th class="text-center" style="display: none;" id="estadoEvaluacionDeDesempeno">REGULAR</th>  
                                                                <th class="text-center" style="background-color: #FFC000; color:white;" id="valoracionTotalDeEvaluacionDeDesempenoEnEstado">REGULAR</th> 
                                                            @elseif ($evaluacion->valor_total<95)
                                                                <th class="text-center" style="display: none;" id="estadoEvaluacionDeDesempeno">SATISFACTORIO</th>  
                                                                <th class="text-center" style="background-color: #70AD47; color:white;" id="valoracionTotalDeEvaluacionDeDesempenoEnEstado">SATISFACTORIO</th> 
                                                            @else
                                                                <th class="text-center" style="display: none;" id="estadoEvaluacionDeDesempeno">MUY SATISFACTORIO</th>  
                                                                <th class="text-center" style="background-color: #3F6D20; color:white;" id="valoracionTotalDeEvaluacionDeDesempenoEnEstado">MUY SATISFACTORIO</th> 
                                                            @endif
                                                        </tr>
                                                    </thead>
                                                </table>
                                            </div>
                                        </div>
    
                                        <table class="table table-bordered">
                                            <thead>
                                                <tr>
                                                    <th class="text-center" style="background-color: #3F6D20; color:white;">MUY SATISFACTORIO (100% < 95%)</th>
                                                    <th class="text-center" style="background-color: #70AD47; color:white;">SATISFACTORIO (94.9% < 85%)</th>
                                                    <th class="text-center" style="background-color: #FFC000; color:white;">REGULAR (84.9% < 65%)</th>
                                                    <th class="text-center" style="background-color: #C65911; color:white;">DEFICIENTE (64.9% < 45%)</th>
                                                    <th class="text-center" style="background-color: #C00000; color:white;">MUY DEFICIENTE (44.9% < 0%)</th>
                                                </tr>
                                            </thead>
                                        </table>
                                    @endif

                                    <button class="btn btn-secondary" onclick="stepper.previous()"><i class="fas fa-arrow-left"></i> Anterior</button>
                                    <button class="btn btn-primary" onclick="editarRespuestaDeLaEvaluacionDeDesempeno()" id="registrarRespuestaEvaluacion"><i class="fas fa-edit" style="margin-right: 2px;"></i> Editar Respuesta</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
@stop

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

@section('css')
    <link rel="stylesheet" href="{{ asset('css/generico.css') }}">
    <style>
        .celda-color-azul {
            background-color: #007bff;
            color: white;
        }

        .celda-color-gris {
            background-color: #C0BDB4;
        }
    </style>
@stop

@section('js')
    <script>
        $('#campoRutDelEvaluado').inputmask({
            mask: '9{1,2}.9{3}.9{3}-(K|k|9)',
            casing: 'upper',
            clearIncomplete: false,
            numericInput: false
        });
        document.addEventListener('DOMContentLoaded', function() {
            window.stepper = new Stepper(document.querySelector('.bs-stepper'))
        })
        const Toast = Swal.mixin({
            toast: true,
            position: 'top-end',
            showConfirmButton: false,
            timer: 5000,
            timerProgressBar: true,
            didOpen: (toast) => {
                toast.addEventListener('mouseenter', Swal.stopTimer)
                toast.addEventListener('mouseleave', Swal.resumeTimer)
            }
        })
    </script>

    @if ($evaluacion->version=="2.0")
        <script>
            function calcularValoracionTotalDeLasCategoriasDeEvaluacionEscalaLikertEscalaBinaria() {
                let valoracionTotalGestionSsma = 0;
                let valoracionTotalRelacionesGssma = 0;
                let valoracionTotalExcelenciaOperacional = 0;
    
                let filasCalidad = document.getElementById('tabla-gestion-ssma').tBodies[0].querySelectorAll("tr");
                filasCalidad.forEach(fila => {
                    if (fila.querySelector(".tabla-menu-pregunta")) {
                        if (fila.querySelector(".tabla-valoracion-pregunta").innerHTML != "") {
                            valoracionTotalGestionSsma += parseFloat(fila.querySelector(".tabla-valoracion-sin-redondeo-pregunta").innerHTML);
                        }
                    }
                });
    
                let filasRelacionesGssma = document.getElementById('tabla-relaciones-gssma').tBodies[0].querySelectorAll("tr");
                filasRelacionesGssma.forEach(fila => {
                    if (fila.querySelector(".tabla-menu-pregunta")) {
                        if (fila.querySelector(".tabla-valoracion-pregunta").innerHTML != "") {
                            valoracionTotalRelacionesGssma += parseFloat(fila.querySelector(".tabla-valoracion-sin-redondeo-pregunta").innerHTML);
                        }
                    }
                });
    
                let filasExcelenciaOperacional = document.getElementById('tabla-excelencia-operacional').tBodies[0].querySelectorAll("tr");
                filasExcelenciaOperacional.forEach(fila => {
                    if (fila.querySelector(".tabla-menu-pregunta")) {
                        if (fila.querySelector(".tabla-valoracion-pregunta").innerHTML != "") {
                            valoracionTotalExcelenciaOperacional += parseFloat(fila.querySelector(".tabla-valoracion-sin-redondeo-pregunta").innerHTML);
                        }
                    }
                });
    
                valoracionTotalGestionSsmaRedondeo = Math.round(valoracionTotalGestionSsma);
                valoracionTotalRelacionesGssmaRedondeo = Math.round(valoracionTotalRelacionesGssma);
                valoracionTotalExcelenciaOperacionalRedondeo = Math.round(valoracionTotalExcelenciaOperacional);
    
                document.getElementById("subtotalGestionSsma").innerHTML = valoracionTotalGestionSsmaRedondeo + "%";
                document.getElementById("subtotalRelacionesGssma").innerHTML = valoracionTotalRelacionesGssmaRedondeo + "%";
                document.getElementById("subtotalExcelenciaOperacional").innerHTML = valoracionTotalExcelenciaOperacionalRedondeo + "%";
    
                document.getElementById("dimensionNumeroGestionSsma").innerHTML = Number((valoracionTotalGestionSsma).toFixed(1));
                document.getElementById("dimensionPorcentajeGestionSsma").innerHTML = Number((valoracionTotalGestionSsma).toFixed(1)) + "%";
    
                if (Number((valoracionTotalGestionSsma).toFixed(1)) <= 25) {
                    document.getElementById("valoracionGestionSsma").innerHTML = "MUY DEFICIENTE";
                    document.getElementById("valoracionGestionSsma").style.backgroundColor = "#FFC7CE";
                    document.getElementById("valoracionGestionSsma").style.color = "#9C0006";
                } else if (Number((valoracionTotalGestionSsma).toFixed(1)) <= 50) {
                    document.getElementById("valoracionGestionSsma").innerHTML = "DEFICIENTE";
                    document.getElementById("valoracionGestionSsma").style.backgroundColor = "#FFC7CE";
                    document.getElementById("valoracionGestionSsma").style.color = "#9C0006";
                } else if (Number((valoracionTotalGestionSsma).toFixed(1)) <= 75) {
                    document.getElementById("valoracionGestionSsma").innerHTML = "REGULAR";
                    document.getElementById("valoracionGestionSsma").style.backgroundColor = "#FFEB9C";
                    document.getElementById("valoracionGestionSsma").style.color = "#9C5700";
                } else {
                    document.getElementById("valoracionGestionSsma").innerHTML = "SATISFACTORIO";
                    document.getElementById("valoracionGestionSsma").style.backgroundColor = "#C6EFCE";
                    document.getElementById("valoracionGestionSsma").style.color = "#006100";
                }
    
                let poderacionFinalGestionSsma = (Number((valoracionTotalGestionSsma).toFixed(1)) * 85) / 100;
                poderacionFinalGestionSsma =Number((poderacionFinalGestionSsma).toFixed(1));
                document.getElementById("ponderacionTotalNumeroGestionSsma").innerHTML = poderacionFinalGestionSsma;
                document.getElementById("ponderacionTotalPorcentajeGestionSsma").innerHTML = poderacionFinalGestionSsma + "%";
    
                document.getElementById("dimensionNumeroRelacionesGSSMA").innerHTML =Number((valoracionTotalRelacionesGssma).toFixed(1));
                document.getElementById("dimensionPorcentajeRelacionesGSSMA").innerHTML = Number((valoracionTotalRelacionesGssma).toFixed(1)) + "%";
    
                if (Number((valoracionTotalRelacionesGssma).toFixed(1)) <= 25) {
                    document.getElementById("valoracionRelacionesGSSMA").innerHTML = "MUY DEFICIENTE";
                    document.getElementById("valoracionRelacionesGSSMA").style.backgroundColor = "#FFC7CE";
                    document.getElementById("valoracionRelacionesGSSMA").style.color = "#9C0006";
                } else if (Number((valoracionTotalRelacionesGssma).toFixed(1)) <= 50) {
                    document.getElementById("valoracionRelacionesGSSMA").innerHTML = "DEFICIENTE";
                    document.getElementById("valoracionRelacionesGSSMA").style.backgroundColor = "#FFC7CE";
                    document.getElementById("valoracionRelacionesGSSMA").style.color = "#9C0006";
                } else if (Number((valoracionTotalRelacionesGssma).toFixed(1)) <= 75) {
                    document.getElementById("valoracionRelacionesGSSMA").innerHTML = "REGULAR";
                    document.getElementById("valoracionRelacionesGSSMA").style.backgroundColor = "#FFEB9C";
                    document.getElementById("valoracionRelacionesGSSMA").style.color = "#9C5700";
                } else {
                    document.getElementById("valoracionRelacionesGSSMA").innerHTML = "SATISFACTORIO";
                    document.getElementById("valoracionRelacionesGSSMA").style.backgroundColor = "#C6EFCE";
                    document.getElementById("valoracionRelacionesGSSMA").style.color = "#006100";
                }
    
                let poderacionFinalRelacionesGssma = (Number((valoracionTotalRelacionesGssma).toFixed(1)) * 15) / 100;
                poderacionFinalRelacionesGssma = Number((poderacionFinalRelacionesGssma).toFixed(1));
                document.getElementById("ponderacionTotalNumeroRelacionesGSSMA").innerHTML = poderacionFinalRelacionesGssma;
                document.getElementById("ponderacionTotalPorcentajeRelacionesGSSMA").innerHTML = poderacionFinalRelacionesGssma + "%";
    
                document.getElementById("dimensionNumeroExcelenciaOperacional").innerHTML =Number((valoracionTotalExcelenciaOperacional).toFixed(1));
                document.getElementById("dimensionPorcentajeExcelenciaOperacional").innerHTML = Number((valoracionTotalExcelenciaOperacional).toFixed(1)) + "%";
    
                if (Number((valoracionTotalExcelenciaOperacional).toFixed(1)) >= 80) {
                    document.getElementById("valoracionExcelenciaOperacional").innerHTML = "REFLEJADO";
                    document.getElementById("valoracionExcelenciaOperacional").style.backgroundColor = "#C6EFCE";
                    document.getElementById("valoracionExcelenciaOperacional").style.color = "#006100";
                } else {
                    document.getElementById("valoracionExcelenciaOperacional").innerHTML = "NO REFLEJADO";
                    document.getElementById("valoracionExcelenciaOperacional").style.backgroundColor = "#FFC7CE";
                    document.getElementById("valoracionExcelenciaOperacional").style.color = "#9C0006";
                }
    
                /*let poderacionFinalExcelenciaOperacional = (Number((valoracionTotalExcelenciaOperacional).toFixed(1)) * 10) / 100;
                poderacionFinalExcelenciaOperacional = Number((poderacionFinalExcelenciaOperacional).toFixed(1));
                document.getElementById("ponderacionTotalNumeroExcelenciaOperacional").innerHTML = poderacionFinalExcelenciaOperacional;
                document.getElementById("ponderacionTotalPorcentajeExcelenciaOperacional").innerHTML = poderacionFinalExcelenciaOperacional + "%";*/
    
                calcularValoracionTotalDeLaEvaluacionDeDesempeno();
            }
    
            function calcularValoracionTotalDeLaEvaluacionDeDesempeno(){
                let ponderacionTotalNumeroGestionSsma=parseFloat(document.getElementById("ponderacionTotalNumeroGestionSsma").innerHTML);
                let ponderacionTotalNumeroRelacionesGSSMA=parseFloat(document.getElementById("ponderacionTotalNumeroRelacionesGSSMA").innerHTML);
                let ponderacionTotalNumeroExcelenciaOperacional=parseFloat(document.getElementById("ponderacionTotalNumeroExcelenciaOperacional").innerHTML);
                let resultado=ponderacionTotalNumeroGestionSsma+ponderacionTotalNumeroRelacionesGSSMA+ponderacionTotalNumeroExcelenciaOperacional;
                document.getElementById("valoracionTotalDelPorcentaje").innerHTML = Number((resultado).toFixed(1)) + "%";
                document.getElementById("valoracionTotalDelNumero").innerHTML = Number((resultado).toFixed(1));
    
                if(Number((resultado).toFixed(1))<45){
                    document.getElementById("estadoEvaluacionDeDesempeno").innerHTML="MUY DEFICIENTE";
                    document.getElementById("valoracionTotalDeEvaluacionDeDesempenoEnEstado").innerHTML="MUY DEFICIENTE";
                    document.getElementById("valoracionTotalDeEvaluacionDeDesempenoEnEstado").style.backgroundColor="#C00000";
                    document.getElementById("valoracionTotalDeEvaluacionDeDesempenoEnEstado").style.color="white";
                }else if(Number((resultado).toFixed(1))<65){
                    document.getElementById("estadoEvaluacionDeDesempeno").innerHTML="DEFICIENTE";
                    document.getElementById("valoracionTotalDeEvaluacionDeDesempenoEnEstado").innerHTML="DEFICIENTE";
                    document.getElementById("valoracionTotalDeEvaluacionDeDesempenoEnEstado").style.backgroundColor="#C65911";
                    document.getElementById("valoracionTotalDeEvaluacionDeDesempenoEnEstado").style.color="white";
                }else if(Number((resultado).toFixed(1))<85){
                    document.getElementById("estadoEvaluacionDeDesempeno").innerHTML="REGULAR";
                    document.getElementById("valoracionTotalDeEvaluacionDeDesempenoEnEstado").innerHTML="REGULAR";
                    document.getElementById("valoracionTotalDeEvaluacionDeDesempenoEnEstado").style.backgroundColor="#FFC000";
                    document.getElementById("valoracionTotalDeEvaluacionDeDesempenoEnEstado").style.color="white";
                }else if(Number((resultado).toFixed(1))<=100){
                    if(parseInt(document.getElementById("dimensionNumeroExcelenciaOperacional").innerHTML)>=80 && parseInt(document.getElementById("valoracionTotalDelNumero").innerHTML)>=90){
                        document.getElementById("estadoEvaluacionDeDesempeno").innerHTML="MUY SATISFACTORIO";
                        document.getElementById("valoracionTotalDeEvaluacionDeDesempenoEnEstado").innerHTML="MUY SATISFACTORIO";
                        document.getElementById("valoracionTotalDeEvaluacionDeDesempenoEnEstado").style.backgroundColor="#3F6D20";
                        document.getElementById("valoracionTotalDeEvaluacionDeDesempenoEnEstado").style.color="white";
                    }else{
                        document.getElementById("estadoEvaluacionDeDesempeno").innerHTML="SATISFACTORIO";
                        document.getElementById("valoracionTotalDeEvaluacionDeDesempenoEnEstado").innerHTML="SATISFACTORIO";
                        document.getElementById("valoracionTotalDeEvaluacionDeDesempenoEnEstado").style.backgroundColor="#70AD47";
                        document.getElementById("valoracionTotalDeEvaluacionDeDesempenoEnEstado").style.color="white";
                    }
                }
            }
        </script>
    @elseif($evaluacion->version=="1.0")
        <script>
            function calcularValoracionTotalDeLasCategoriasDeEvaluacionEscalaLikertEscalaBinaria() {
                let valoracionTotalGestionSsma = 0;
                let valoracionTotalRelacionesGssma = 0;
                let valoracionTotalExcelenciaOperacional = 0;
    
                let filasCalidad = document.getElementById('tabla-gestion-ssma').tBodies[0].querySelectorAll("tr");
                filasCalidad.forEach(fila => {
                    if (fila.querySelector(".tabla-menu-pregunta")) {
                        if (fila.querySelector(".tabla-valoracion-pregunta").innerHTML != "") {
                            valoracionTotalGestionSsma += parseFloat(fila.querySelector(".tabla-valoracion-sin-redondeo-pregunta").innerHTML);
                        }
                    }
                });
    
                let filasRelacionesGssma = document.getElementById('tabla-relaciones-gssma').tBodies[0].querySelectorAll("tr");
                filasRelacionesGssma.forEach(fila => {
                    if (fila.querySelector(".tabla-menu-pregunta")) {
                        if (fila.querySelector(".tabla-valoracion-pregunta").innerHTML != "") {
                            valoracionTotalRelacionesGssma += parseFloat(fila.querySelector(".tabla-valoracion-sin-redondeo-pregunta").innerHTML);
                        }
                    }
                });
    
                let filasExcelenciaOperacional = document.getElementById('tabla-excelencia-operacional').tBodies[0].querySelectorAll("tr");
                filasExcelenciaOperacional.forEach(fila => {
                    if (fila.querySelector(".tabla-menu-pregunta")) {
                        if (fila.querySelector(".tabla-valoracion-pregunta").innerHTML != "") {
                            valoracionTotalExcelenciaOperacional += parseFloat(fila.querySelector(".tabla-valoracion-sin-redondeo-pregunta").innerHTML);
                        }
                    }
                });
    
                valoracionTotalGestionSsmaRedondeo = Math.round(valoracionTotalGestionSsma);
                valoracionTotalRelacionesGssmaRedondeo = Math.round(valoracionTotalRelacionesGssma);
                valoracionTotalExcelenciaOperacionalRedondeo = Math.round(valoracionTotalExcelenciaOperacional);
    
                document.getElementById("subtotalGestionSsma").innerHTML = valoracionTotalGestionSsmaRedondeo + "%";
                document.getElementById("subtotalRelacionesGssma").innerHTML = valoracionTotalRelacionesGssmaRedondeo + "%";
                document.getElementById("subtotalExcelenciaOperacional").innerHTML = valoracionTotalExcelenciaOperacionalRedondeo + "%";
    
                document.getElementById("dimensionNumeroGestionSsma").innerHTML = Number((valoracionTotalGestionSsma).toFixed(1));
                document.getElementById("dimensionPorcentajeGestionSsma").innerHTML = Number((valoracionTotalGestionSsma).toFixed(1)) + "%";
    
                if (Number((valoracionTotalGestionSsma).toFixed(1)) <= 25) {
                    document.getElementById("valoracionGestionSsma").innerHTML = "MUY DEFICIENTE";
                    document.getElementById("valoracionGestionSsma").style.backgroundColor = "#FFC7CE";
                    document.getElementById("valoracionGestionSsma").style.color = "#9C0006";
                } else if (Number((valoracionTotalGestionSsma).toFixed(1)) <= 50) {
                    document.getElementById("valoracionGestionSsma").innerHTML = "DEFICIENTE";
                    document.getElementById("valoracionGestionSsma").style.backgroundColor = "#FFC7CE";
                    document.getElementById("valoracionGestionSsma").style.color = "#9C0006";
                } else if (Number((valoracionTotalGestionSsma).toFixed(1)) <= 75) {
                    document.getElementById("valoracionGestionSsma").innerHTML = "REGULAR";
                    document.getElementById("valoracionGestionSsma").style.backgroundColor = "#FFEB9C";
                    document.getElementById("valoracionGestionSsma").style.color = "#9C5700";
                } else {
                    document.getElementById("valoracionGestionSsma").innerHTML = "SATISFACTORIO";
                    document.getElementById("valoracionGestionSsma").style.backgroundColor = "#C6EFCE";
                    document.getElementById("valoracionGestionSsma").style.color = "#006100";
                }
    
                let poderacionFinalGestionSsma = (Number((valoracionTotalGestionSsma).toFixed(1)) * 75) / 100;
                poderacionFinalGestionSsma =Number((poderacionFinalGestionSsma).toFixed(1));
                document.getElementById("ponderacionTotalNumeroGestionSsma").innerHTML = poderacionFinalGestionSsma;
                document.getElementById("ponderacionTotalPorcentajeGestionSsma").innerHTML = poderacionFinalGestionSsma + "%";
    
                document.getElementById("dimensionNumeroRelacionesGSSMA").innerHTML =Number((valoracionTotalRelacionesGssma).toFixed(1));
                document.getElementById("dimensionPorcentajeRelacionesGSSMA").innerHTML = Number((valoracionTotalRelacionesGssma).toFixed(1)) + "%";
    
                if (Number((valoracionTotalRelacionesGssma).toFixed(1)) <= 25) {
                    document.getElementById("valoracionRelacionesGSSMA").innerHTML = "MUY DEFICIENTE";
                    document.getElementById("valoracionRelacionesGSSMA").style.backgroundColor = "#FFC7CE";
                    document.getElementById("valoracionRelacionesGSSMA").style.color = "#9C0006";
                } else if (Number((valoracionTotalRelacionesGssma).toFixed(1)) <= 50) {
                    document.getElementById("valoracionRelacionesGSSMA").innerHTML = "DEFICIENTE";
                    document.getElementById("valoracionRelacionesGSSMA").style.backgroundColor = "#FFC7CE";
                    document.getElementById("valoracionRelacionesGSSMA").style.color = "#9C0006";
                } else if (Number((valoracionTotalRelacionesGssma).toFixed(1)) <= 75) {
                    document.getElementById("valoracionRelacionesGSSMA").innerHTML = "REGULAR";
                    document.getElementById("valoracionRelacionesGSSMA").style.backgroundColor = "#FFEB9C";
                    document.getElementById("valoracionRelacionesGSSMA").style.color = "#9C5700";
                } else {
                    document.getElementById("valoracionRelacionesGSSMA").innerHTML = "SATISFACTORIO";
                    document.getElementById("valoracionRelacionesGSSMA").style.backgroundColor = "#C6EFCE";
                    document.getElementById("valoracionRelacionesGSSMA").style.color = "#006100";
                }
    
                let poderacionFinalRelacionesGssma = (Number((valoracionTotalRelacionesGssma).toFixed(1)) * 15) / 100;
                poderacionFinalRelacionesGssma = Number((poderacionFinalRelacionesGssma).toFixed(1));
                document.getElementById("ponderacionTotalNumeroRelacionesGSSMA").innerHTML = poderacionFinalRelacionesGssma;
                document.getElementById("ponderacionTotalPorcentajeRelacionesGSSMA").innerHTML = poderacionFinalRelacionesGssma + "%";
    
                document.getElementById("dimensionNumeroExcelenciaOperacional").innerHTML =Number((valoracionTotalExcelenciaOperacional).toFixed(1));
                document.getElementById("dimensionPorcentajeExcelenciaOperacional").innerHTML = Number((valoracionTotalExcelenciaOperacional).toFixed(1)) + "%";
    
                if (Number((valoracionTotalExcelenciaOperacional).toFixed(1)) >= 80) {
                    document.getElementById("valoracionExcelenciaOperacional").innerHTML = "REFLEJADO";
                    document.getElementById("valoracionExcelenciaOperacional").style.backgroundColor = "#C6EFCE";
                    document.getElementById("valoracionExcelenciaOperacional").style.color = "#006100";
                } else {
                    document.getElementById("valoracionExcelenciaOperacional").innerHTML = "NO REFLEJADO";
                    document.getElementById("valoracionExcelenciaOperacional").style.backgroundColor = "#FFC7CE";
                    document.getElementById("valoracionExcelenciaOperacional").style.color = "#9C0006";
                }
    
                let poderacionFinalExcelenciaOperacional = (Number((valoracionTotalExcelenciaOperacional).toFixed(1)) * 10) / 100;
                poderacionFinalExcelenciaOperacional = Number((poderacionFinalExcelenciaOperacional).toFixed(1));
                document.getElementById("ponderacionTotalNumeroExcelenciaOperacional").innerHTML = poderacionFinalExcelenciaOperacional;
                document.getElementById("ponderacionTotalPorcentajeExcelenciaOperacional").innerHTML = poderacionFinalExcelenciaOperacional + "%";
    
                calcularValoracionTotalDeLaEvaluacionDeDesempeno();
            }
    
            function calcularValoracionTotalDeLaEvaluacionDeDesempeno(){
                let ponderacionTotalNumeroGestionSsma=parseFloat(document.getElementById("ponderacionTotalNumeroGestionSsma").innerHTML);
                let ponderacionTotalNumeroRelacionesGSSMA=parseFloat(document.getElementById("ponderacionTotalNumeroRelacionesGSSMA").innerHTML);
                let ponderacionTotalNumeroExcelenciaOperacional=parseFloat(document.getElementById("ponderacionTotalNumeroExcelenciaOperacional").innerHTML);
                let resultado=ponderacionTotalNumeroGestionSsma+ponderacionTotalNumeroRelacionesGSSMA+ponderacionTotalNumeroExcelenciaOperacional;
                document.getElementById("valoracionTotalDelPorcentaje").innerHTML = Number((resultado).toFixed(1)) + "%";
                document.getElementById("valoracionTotalDelNumero").innerHTML = Number((resultado).toFixed(1));
    
                if(Number((resultado).toFixed(1))<45){
                    document.getElementById("estadoEvaluacionDeDesempeno").innerHTML="MUY DEFICIENTE";
                    document.getElementById("valoracionTotalDeEvaluacionDeDesempenoEnEstado").innerHTML="MUY DEFICIENTE";
                    document.getElementById("valoracionTotalDeEvaluacionDeDesempenoEnEstado").style.backgroundColor="#C00000";
                    document.getElementById("valoracionTotalDeEvaluacionDeDesempenoEnEstado").style.color="white";
                }else if(Number((resultado).toFixed(1))<65){
                    document.getElementById("estadoEvaluacionDeDesempeno").innerHTML="DEFICIENTE";
                    document.getElementById("valoracionTotalDeEvaluacionDeDesempenoEnEstado").innerHTML="DEFICIENTE";
                    document.getElementById("valoracionTotalDeEvaluacionDeDesempenoEnEstado").style.backgroundColor="#C65911";
                    document.getElementById("valoracionTotalDeEvaluacionDeDesempenoEnEstado").style.color="white";
                }else if(Number((resultado).toFixed(1))<85){
                    document.getElementById("estadoEvaluacionDeDesempeno").innerHTML="REGULAR";
                    document.getElementById("valoracionTotalDeEvaluacionDeDesempenoEnEstado").innerHTML="REGULAR";
                    document.getElementById("valoracionTotalDeEvaluacionDeDesempenoEnEstado").style.backgroundColor="#FFC000";
                    document.getElementById("valoracionTotalDeEvaluacionDeDesempenoEnEstado").style.color="white";
                }else if(Number((resultado).toFixed(1))<95){
                    document.getElementById("estadoEvaluacionDeDesempeno").innerHTML="SATISFACTORIO";
                    document.getElementById("valoracionTotalDeEvaluacionDeDesempenoEnEstado").innerHTML="SATISFACTORIO";
                    document.getElementById("valoracionTotalDeEvaluacionDeDesempenoEnEstado").style.backgroundColor="#70AD47";
                    document.getElementById("valoracionTotalDeEvaluacionDeDesempenoEnEstado").style.color="white";
                }else {
                    document.getElementById("estadoEvaluacionDeDesempeno").innerHTML="MUY SATISFACTORIO";
                    document.getElementById("valoracionTotalDeEvaluacionDeDesempenoEnEstado").innerHTML="MUY SATISFACTORIO";
                    document.getElementById("valoracionTotalDeEvaluacionDeDesempenoEnEstado").style.backgroundColor="#3F6D20";
                    document.getElementById("valoracionTotalDeEvaluacionDeDesempenoEnEstado").style.color="white";
                }
            }
        </script>
    @endif

    <script>
        function calcularValoracionDeUnaPregunta(ponderacion, valor, fila) {
            let resultado = (valor / 4) * ponderacion;
            let resultadoSinRedondeo = resultado;
            resultado = Math.round(resultado);
            fila.querySelector(".tabla-valoracion-pregunta").innerHTML = resultado;
            fila.querySelector(".tabla-valoracion-porcentaje-pregunta").innerHTML = resultado + "%";
            fila.querySelector(".tabla-valoracion-sin-redondeo-pregunta").innerHTML = resultadoSinRedondeo;

            calcularValoracionTotalDeLasCategoriasDeEvaluacionEscalaLikertEscalaBinaria();
        }
    </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 validarCaracteresDelCampoValorKpi(event, valor) {
            if (event.key === "Enter") {
                valor.removeAttribute("onblur");
                tipoColumnaActiva = "sin_campo";
                columnaActiva = false;
                let elementoPadre = valor.parentElement.parentElement;
                let elementoAbuelo = valor.parentElement.parentElement.parentElement;
                let valorKpi = valor.value;
                elementoPadre.innerHTML = valorKpi;

                kpi = elementoAbuelo.querySelector(".tabla-kpi-pregunta").innerHTML.trim();
                ponderacion = elementoAbuelo.querySelector(".tabla-ponderacion-pregunta").innerHTML.trim();
                if (parseInt(valorKpi) >= 0) {
                    if(parseInt(valorKpi) > parseInt(kpi)){
                        let resultado = (kpi / kpi) * ponderacion;
                        let resultadoSinRedondeo = resultado;
                        resultado = Math.round(resultado);
                        elementoAbuelo.querySelector(".tabla-valor-kpi-pregunta").innerHTML = valorKpi;
                        elementoAbuelo.querySelector(".tabla-valoracion-pregunta").innerHTML = resultado;
                        elementoAbuelo.querySelector(".tabla-valoracion-porcentaje-pregunta").innerHTML = resultado + "%";
                        elementoAbuelo.querySelector(".tabla-valoracion-sin-redondeo-pregunta").innerHTML = resultadoSinRedondeo;
                    }else{
                        let resultado = (valorKpi / kpi) * ponderacion;
                        let resultadoSinRedondeo = resultado;
                        resultado = Math.round(resultado);
                        elementoAbuelo.querySelector(".tabla-valor-kpi-pregunta").innerHTML = valorKpi;
                        elementoAbuelo.querySelector(".tabla-valoracion-pregunta").innerHTML = resultado;
                        elementoAbuelo.querySelector(".tabla-valoracion-porcentaje-pregunta").innerHTML = resultado + "%";
                        elementoAbuelo.querySelector(".tabla-valoracion-sin-redondeo-pregunta").innerHTML = resultadoSinRedondeo;
                    }

                    let valoracionTotalGestionSeguridad = 0;

                    let filasGestionSeguridad= document.getElementById('tabla-gestion-seguridad').tBodies[0].querySelectorAll("tr");
                    filasGestionSeguridad.forEach(fila => {
                        if (fila.querySelector(".tabla-menu-pregunta")) {
                            if (fila.querySelector(".tabla-valoracion-pregunta").innerHTML != "") {
                                valoracionTotalGestionSeguridad += parseFloat(fila.querySelector(".tabla-valoracion-sin-redondeo-pregunta").innerHTML);
                            }
                        }
                    });
                    
                    valoracionTotalGestionSeguridadRedondeo = Math.round(valoracionTotalGestionSeguridad);
                    
                    document.getElementById("subtotalGestionSeguridad").innerHTML = valoracionTotalGestionSeguridadRedondeo + "%";
                    document.getElementById("dimensionNumeroGestionSeguridad").innerHTML = Number((valoracionTotalGestionSeguridad).toFixed(1));
                    document.getElementById("dimensionPorcentajeGestionSeguridad").innerHTML = Number((valoracionTotalGestionSeguridad).toFixed(1))+ "%";
                    
                    if (valoracionTotalGestionSeguridadRedondeo < 100) {
                        document.getElementById("valoracionGestionSeguridad").innerHTML = "NO CUMPLE KPI";
                        document.getElementById("valoracionGestionSeguridad").style.backgroundColor = "#FFC7CE";
                        document.getElementById("valoracionGestionSeguridad").style.color = "#9C0006";
                    }else{
                        document.getElementById("valoracionGestionSeguridad").innerHTML = "CUMPLE KPI";
                        document.getElementById("valoracionGestionSeguridad").style.backgroundColor = "#C6EFCE";
                        document.getElementById("valoracionGestionSeguridad").style.color = "#006100";
                    }
                    
                    let poderacionFinalGestionSeguridad =(Number((valoracionTotalGestionSeguridad).toFixed(1)) * 40) / 100;
                    poderacionFinalGestionSeguridad=Number((poderacionFinalGestionSeguridad).toFixed(1));
                    document.getElementById("ponderacionTotalNumeroGestionSeguridad").innerHTML = poderacionFinalGestionSeguridad;
                    document.getElementById("ponderacionTotalPorcentajeGestionSeguridad").innerHTML = poderacionFinalGestionSeguridad + "%";
                    calcularValoracionTotalDeLaEvaluacionDeDesempeno();
                } else {
                    elementoAbuelo.querySelector(".tabla-valoracion-pregunta").innerHTML = "";
                    elementoAbuelo.querySelector(".tabla-valoracion-porcentaje-pregunta").innerHTML = "";
                    Toast.fire({
                        icon: 'error',
                        title: 'El valor debe ser mayor igual que cero'
                    })
                }
            } 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) {
                    return false;
                } else {
                    return true;
                }
            }
        }

        function desenfocarInputValorKpi(valor) {
            try {
                tipoColumnaActiva = "sin_campo";
                columnaActiva = false;
                let elementoPadre = valor.parentElement.parentElement;
                let elementoAbuelo = valor.parentElement.parentElement.parentElement;
                let valorKpi = valor.value;
                elementoPadre.innerHTML = valorKpi;

                kpi = elementoAbuelo.querySelector(".tabla-kpi-pregunta").innerHTML.trim();
                ponderacion = elementoAbuelo.querySelector(".tabla-ponderacion-pregunta").innerHTML.trim();
                if (parseInt(valorKpi) >= 0) {
                    if(parseInt(valorKpi) > parseInt(kpi)){
                        let resultado = (kpi / kpi) * ponderacion;
                        let resultadoSinRedondeo = resultado;
                        resultado = Math.round(resultado);
                        elementoAbuelo.querySelector(".tabla-valor-kpi-pregunta").innerHTML = valorKpi;
                        elementoAbuelo.querySelector(".tabla-valoracion-pregunta").innerHTML = resultado;
                        elementoAbuelo.querySelector(".tabla-valoracion-porcentaje-pregunta").innerHTML = resultado + "%";
                        elementoAbuelo.querySelector(".tabla-valoracion-sin-redondeo-pregunta").innerHTML = resultadoSinRedondeo;
                    }else{
                        let resultado = (valorKpi / kpi) * ponderacion;
                        let resultadoSinRedondeo = resultado;
                        resultado = Math.round(resultado);
                        elementoAbuelo.querySelector(".tabla-valor-kpi-pregunta").innerHTML = valorKpi;
                        elementoAbuelo.querySelector(".tabla-valoracion-pregunta").innerHTML = resultado;
                        elementoAbuelo.querySelector(".tabla-valoracion-porcentaje-pregunta").innerHTML = resultado + "%";
                        elementoAbuelo.querySelector(".tabla-valoracion-sin-redondeo-pregunta").innerHTML = resultadoSinRedondeo;
                    }

                    let valoracionTotalGestionSeguridad = 0;

                    let filasGestionSeguridad= document.getElementById('tabla-gestion-seguridad').tBodies[0].querySelectorAll("tr");
                    filasGestionSeguridad.forEach(fila => {
                        if (fila.querySelector(".tabla-menu-pregunta")) {
                            if (fila.querySelector(".tabla-valoracion-pregunta").innerHTML != "") {
                                valoracionTotalGestionSeguridad += parseFloat(fila.querySelector(".tabla-valoracion-sin-redondeo-pregunta").innerHTML);
                            }
                        }
                    });

                    valoracionTotalGestionSeguridadRedondeo = Math.round(valoracionTotalGestionSeguridad);

                    document.getElementById("subtotalGestionSeguridad").innerHTML = valoracionTotalGestionSeguridadRedondeo + "%";
                    document.getElementById("dimensionNumeroGestionSeguridad").innerHTML = Number((valoracionTotalGestionSeguridad).toFixed(1));
                    document.getElementById("dimensionPorcentajeGestionSeguridad").innerHTML = Number((valoracionTotalGestionSeguridad).toFixed(1))+ "%";

                    if (valoracionTotalGestionSeguridadRedondeo < 100) {
                        document.getElementById("valoracionGestionSeguridad").innerHTML = "NO CUMPLE KPI";
                        document.getElementById("valoracionGestionSeguridad").style.backgroundColor = "#FFC7CE";
                        document.getElementById("valoracionGestionSeguridad").style.color = "#9C0006";
                    }else{
                        document.getElementById("valoracionGestionSeguridad").innerHTML = "CUMPLE KPI";
                        document.getElementById("valoracionGestionSeguridad").style.backgroundColor = "#C6EFCE";
                        document.getElementById("valoracionGestionSeguridad").style.color = "#006100";
                    }

                    let poderacionFinalGestionSeguridad =(Number((valoracionTotalGestionSeguridad).toFixed(1)) * 40) / 100;
                    poderacionFinalGestionSeguridad=Number((poderacionFinalGestionSeguridad).toFixed(1));
                    document.getElementById("ponderacionTotalNumeroGestionSeguridad").innerHTML = poderacionFinalGestionSeguridad;
                    document.getElementById("ponderacionTotalPorcentajeGestionSeguridad").innerHTML = poderacionFinalGestionSeguridad + "%";
                    calcularValoracionTotalDeLaEvaluacionDeDesempeno();
                } else {
                    elementoAbuelo.querySelector(".tabla-valoracion-pregunta").innerHTML = "";
                    elementoAbuelo.querySelector(".tabla-valoracion-porcentaje-pregunta").innerHTML = "";
                    Toast.fire({
                        icon: 'error',
                        title: 'El valor debe ser mayor igual que cero'
                    })
                }
            } catch (e) {
                console.log(e);
            }
        }

        function editarValorKpi(valor) {
            if (tipoColumnaActiva != "valor") {
                columnaActiva = true;
                tipoColumnaActiva = "valor";
                let valorKpi = valor.innerHTML;
                let campoDelFormulario =
                    '<div class="form-group">' +
                    '<input type="text" class="form-control" id="campoValorKpi" value="' + valorKpi + '"onblur="desenfocarInputValorKpi(this)" onkeypress="return validarCaracteresDelCampoValorKpi(event,this)">' +
                    '</div>';
                valor.innerHTML = campoDelFormulario;
                setCaretPosition(valor.querySelector("input"), valor.querySelector("input").value.length);
            }
        }

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

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

        function editarValorObservacion(valor) {
            if (tipoColumnaActiva != "observacion") {
                columnaActiva = true;
                tipoColumnaActiva = "observacion";
                let valorKpi = valor.innerHTML;
                let campoDelFormulario =
                    '<div class="form-group">' +
                    '<input type="text" class="form-control" id="campoValorKpi" value="' + valorKpi + '"onblur="desenfocarInputValorObservacion(this)" onkeypress="return validarCaracteresDelCampoValorObservacion(event,this)">' +
                    '</div>';
                valor.innerHTML = campoDelFormulario;
                setCaretPosition(valor.querySelector("input"), valor.querySelector("input").value.length);
            }
        }
    </script>

    @if ($evaluacion->version=="2.0")
        <script>
            function validarEvaluacionDeDesempeno() {
                let error = false;
                if (document.getElementById("campoRutDelEvaluado").value.trim().length > 0) {
                    document.getElementById("campoRutDelEvaluado").setAttribute("class", "form-control is-valid");
                    document.getElementById("validacionCampoRutDelEvaluado").innerHTML = "";
                } else {
                    error = true;
                    document.getElementById("campoRutDelEvaluado").setAttribute("class", "form-control is-invalid");
                    document.getElementById("validacionCampoRutDelEvaluado").innerHTML = "El campo rut del evaluado es obligatorio";
                }
    
                if (document.getElementById("campoNombreDelEvaluado").value.trim().length > 0) {
                    document.getElementById("campoNombreDelEvaluado").setAttribute("class", "form-control is-valid");
                    document.getElementById("validacionCampoNombreDelEvaluado").innerHTML = "";
                } else {
                    error = true;
                    document.getElementById("campoNombreDelEvaluado").setAttribute("class", "form-control is-invalid");
                    document.getElementById("validacionCampoNombreDelEvaluado").innerHTML = "El campo nombre del evaluado es obligatorio";
                }
    
                if (document.getElementById("campoPeriodoEvaluacion").value.trim().length > 0) {
                    document.getElementById("campoPeriodoEvaluacion").setAttribute("class", "form-control is-valid");
                    document.getElementById("validacionCampoPeriodoEvaluacion").innerHTML = "";
                } else {
                    error = true;
                    document.getElementById("campoPeriodoEvaluacion").setAttribute("class", "form-control is-invalid");
                    document.getElementById("validacionCampoPeriodoEvaluacion").innerHTML = "El campo periodo encuesta es obligatorio";
                }
    
                if (document.getElementById("campoContrato").value.trim().length > 0) {
                    document.getElementById("campoContrato").setAttribute("class", "form-control is-valid");
                    document.getElementById("validacionCampoContrato").innerHTML = "";
                } else {
                    error = true;
                    document.getElementById("campoContrato").setAttribute("class", "form-control is-invalid");
                    document.getElementById("validacionCampoContrato").innerHTML = "El campo contrato es obligatorio";
                }
    
                if (document.getElementById("campoCargoDelEvaluado").value.trim().length > 0) {
                    document.getElementById("campoCargoDelEvaluado").setAttribute("class", "form-control is-valid");
                    document.getElementById("validacionCampoCargoDelEvaluado").innerHTML = "";
                } else {
                    error = true;
                    document.getElementById("campoCargoDelEvaluado").setAttribute("class", "form-control is-invalid");
                    document.getElementById("validacionCampoCargoDelEvaluado").innerHTML = "El campo cargo del evaluado es obligatorio";
                }
    
                if (document.getElementById("campoNombreJefatura").value.trim().length > 0) {
                    document.getElementById("campoNombreJefatura").setAttribute("class", "form-control is-valid");
                    document.getElementById("validacionCampoNombreJefatura").innerHTML = "";
                } else {
                    error = true;
                    document.getElementById("campoNombreJefatura").setAttribute("class", "form-control is-invalid");
                    document.getElementById("validacionCampoNombreJefatura").innerHTML = "El campo nombre jefatura es obligatorio";
                }
    
                let filasGestionSsma = document.getElementById('tabla-gestion-ssma').tBodies[0].querySelectorAll("tr");
                let errorGestionSsma = false;
                filasGestionSsma.forEach(fila => {
                    if (fila.querySelector(".tabla-menu-pregunta")) {
                        if (fila.querySelector(".tabla-valoracion-pregunta").innerHTML.trim() == "") {
                            errorGestionSsma = true;
                        }
                    }
                });
                if (errorGestionSsma == true) {
                    document.getElementById("alertaTablaGestionSSMA").style.display = "block";
                    error = true;
                } else {
                    document.getElementById("alertaTablaGestionSSMA").style.display = "none";
                }
    
                let filasRelacionesGssma = document.getElementById('tabla-relaciones-gssma').tBodies[0].querySelectorAll("tr");
                let errorRelacionesGssma =false;
                filasRelacionesGssma.forEach(fila => {
                    if (fila.querySelector(".tabla-menu-pregunta")) {
                        if (fila.querySelector(".tabla-valoracion-pregunta").innerHTML.trim() == "") {
                            errorRelacionesGssma = true;
                        }
                    }
                });
                if (errorRelacionesGssma == true) {
                    error = true;
                    document.getElementById("alertaTablaRelacionesGssma").style.display = "block";
                } else {
                    document.getElementById("alertaTablaRelacionesGssma").style.display = "none";
                }
    
                let filasExcelenciaOperacional = document.getElementById('tabla-excelencia-operacional').tBodies[0].querySelectorAll("tr");
                let errorExcelenciaOperacional =false;
                filasExcelenciaOperacional.forEach(fila => {
                    if (fila.querySelector(".tabla-menu-pregunta")) {
                        if (fila.querySelector(".tabla-valoracion-pregunta").innerHTML.trim() == "") {
                            errorExcelenciaOperacional = true;
                        }
                    }
                });
                if (errorExcelenciaOperacional == true) {
                    error = true;
                    document.getElementById("alertaTablaExcelenciaOperacional").style.display = "block";
                } else {
                    document.getElementById("alertaTablaExcelenciaOperacional").style.display = "none";
                }
    
                return error;
            }
    
            function editarRespuestaDeLaEvaluacionDeDesempeno() {
                if(validarEvaluacionDeDesempeno()==false){
                    document.getElementById("registrarRespuestaEvaluacion").setAttribute("disabled", true);
                    document.getElementById("preloader").removeAttribute("style");
                    document.getElementById("img-preloader").style.display = "block";
    
                    let listadoDeGestionSsma=[];
                    let listadoDeRelacionesGssma=[];
                    let listadoDeExcelenciaOperacional=[];
    
                    let filasGestionSsma = document.getElementById('tabla-gestion-ssma').tBodies[0].querySelectorAll("tr");
                    filasGestionSsma.forEach(fila => {
                        if (fila.querySelector(".tabla-menu-pregunta")) {
                            let menu = fila.querySelector(".tabla-menu-pregunta").innerHTML.trim();
                            let descripcion = fila.querySelector(".tabla-descripcion-pregunta").innerHTML.trim();
                            let ponderacion = fila.querySelector(".tabla-ponderacion-pregunta").innerHTML.trim();
                            let valoracion = fila.querySelector(".tabla-valoracion-pregunta").innerHTML.trim();
                            let valoracionSinRedondeo = fila.querySelector(".tabla-valoracion-sin-redondeo-pregunta").innerHTML.trim();
                            let observacion = fila.querySelector(".tabla-observacion-pregunta").innerHTML.trim();
    
                            let respuesta={
                                menu:menu,
                                descripcion:descripcion,
                                ponderacion:ponderacion,
                                valoracion:valoracion,
                                valoracionSinRedondeo:valoracionSinRedondeo,
                                observacion:observacion
                            };
    
                            listadoDeGestionSsma.push(respuesta);
                        }
                    });
    
                    let filasRelacionesGssma = document.getElementById('tabla-relaciones-gssma').tBodies[0].querySelectorAll("tr");
                    filasRelacionesGssma.forEach(fila => {
                        if (fila.querySelector(".tabla-menu-pregunta")) {
                            let menu = fila.querySelector(".tabla-menu-pregunta").innerHTML.trim();
                            let submenu = fila.querySelector(".tabla-submenu-pregunta").innerHTML.trim();
                            let descripcion = fila.querySelector(".tabla-descripcion-pregunta").innerHTML.trim();
                            let ponderacion = fila.querySelector(".tabla-ponderacion-pregunta").innerHTML.trim();
                            let valoracion = fila.querySelector(".tabla-valoracion-pregunta").innerHTML.trim();
                            let valoracionSinRedondeo = fila.querySelector(".tabla-valoracion-sin-redondeo-pregunta").innerHTML.trim();
                            let observacion = fila.querySelector(".tabla-observacion-pregunta").innerHTML.trim();
    
                            let respuesta={
                                menu:menu,
                                submenu:submenu,
                                descripcion:descripcion,
                                ponderacion:ponderacion,
                                valoracion:valoracion,
                                valoracionSinRedondeo:valoracionSinRedondeo,
                                observacion:observacion
                            };
    
                            listadoDeRelacionesGssma.push(respuesta);
                        }
                    });
    
                    let filasExcelenciaOperacional = document.getElementById('tabla-excelencia-operacional').tBodies[0].querySelectorAll("tr");
                    filasExcelenciaOperacional.forEach(fila => {
                        if (fila.querySelector(".tabla-menu-pregunta")) {
                            let menu = fila.querySelector(".tabla-menu-pregunta").innerHTML.trim();
                            let descripcion = fila.querySelector(".tabla-descripcion-pregunta").innerHTML.trim();
                            let ponderacion = fila.querySelector(".tabla-ponderacion-pregunta").innerHTML.trim();
                            let valoracion = fila.querySelector(".tabla-valoracion-pregunta").innerHTML.trim();
                            let valoracionSinRedondeo = fila.querySelector(".tabla-valoracion-sin-redondeo-pregunta").innerHTML.trim();
    
                            let respuesta={
                                menu:menu,
                                descripcion:descripcion,
                                ponderacion:ponderacion,
                                valoracion:valoracion,
                                valoracionSinRedondeo:valoracionSinRedondeo
                            };
    
                            listadoDeExcelenciaOperacional.push(respuesta);
                        }
                    });
    
    
                    listadoDeGestionSsma= JSON.stringify(listadoDeGestionSsma);
                    listadoDeRelacionesGssma = JSON.stringify(listadoDeRelacionesGssma);
                    listadoDeExcelenciaOperacional = JSON.stringify(listadoDeExcelenciaOperacional);
                    let campoRutDelEvaluado=document.getElementById("campoRutDelEvaluado").value.trim();
                    let campoNombreDelEvaluado=document.getElementById("campoNombreDelEvaluado").value.trim();
                    let campoPeriodoEvaluacion=document.getElementById("campoPeriodoEvaluacion").value.trim();
                    let campoContrato=document.getElementById("campoContrato").value.trim();
                    let campoCargoDelEvaluado=document.getElementById("campoCargoDelEvaluado").value.trim();
                    let campoNombreJefatura=document.getElementById("campoNombreJefatura").value.trim();
                    let valorTotalDeLaEvaluacion=document.getElementById("valoracionTotalDelNumero").innerHTML.trim();
                    let estadoDeLaEvaluacion=document.getElementById("estadoEvaluacionDeDesempeno").innerHTML.trim();
    
                    let formData = new FormData();
                    formData.append('_method', "PUT");
                    formData.append('rut_evaluado', campoRutDelEvaluado);
                    formData.append('nombre_evaluado', campoNombreDelEvaluado);
                    formData.append('periodo_evaluacion', campoPeriodoEvaluacion);
                    formData.append('contrato', campoContrato);
                    formData.append('cargo_evaluado', campoCargoDelEvaluado);
                    formData.append('nombre_jefatura', campoNombreJefatura);
                    formData.append('valor_total_evaluacion', valorTotalDeLaEvaluacion);
                    formData.append('estado_evaluacion', estadoDeLaEvaluacion);
    
                    formData.append('listado_geston_ssma', listadoDeGestionSsma);
                    formData.append('listado_relaciones_gssma', listadoDeRelacionesGssma);
                    formData.append('listado_relaciones_operacional', listadoDeExcelenciaOperacional);
    
                    formData.append('dimension_gestion_ssma', document.getElementById("dimensionNumeroGestionSsma").innerHTML.trim());
                    formData.append('ponderacion_gestion_ssma', document.getElementById("ponderacionNumeroGestionSsma").innerHTML.trim());
                    formData.append('valor_total_gestion_ssma', document.getElementById("ponderacionTotalNumeroGestionSsma").innerHTML.trim());
    
                    formData.append('dimension_relacion_gssma', document.getElementById("dimensionNumeroRelacionesGSSMA").innerHTML.trim());
                    formData.append('ponderacion_relacion_gssma', document.getElementById("ponderacionNumeroRelacionesGSSMA").innerHTML.trim());
                    formData.append('valor_total_relacion_gssma', document.getElementById("ponderacionTotalNumeroRelacionesGSSMA").innerHTML.trim());
    
                    formData.append('dimension_excelencia_operacional', document.getElementById("dimensionNumeroExcelenciaOperacional").innerHTML.trim());
                    formData.append('ponderacion_excelencia_operacional', document.getElementById("ponderacionNumeroExcelenciaOperacional").innerHTML.trim());
                    formData.append('valor_total_excelencia_operacional', document.getElementById("ponderacionTotalNumeroExcelenciaOperacional").innerHTML.trim());
    
                    let csrf = '{{ csrf_token() }}';
                    $.ajax({
                        url: '{{route('evaluacion-desempeno-apr-gssma.update',$evaluacion)}}',
                        //type: 'POST',
                        method: 'POST',
                        data: formData,
                        contentType: false,
                        processData: false,
                        dataType: 'json',
                        headers: {
                            'X-CSRF-TOKEN': csrf
                        },
                        success: function(data) {
                            document.getElementById("preloader").style.height = "0px";
                            document.getElementById("img-preloader").style.display = "none";
                            Swal.fire({
                                icon: 'success',
                                title: '¡Respuestas Guardada!',
                                text: 'Las respuestas de la encuesta de desempeño APR se edito con éxito',
                                confirmButtonColor: "#448aff",
                                confirmButtonText: "Confirmar"
                            }).then((result) => {
                                location.reload();
                            })
                            .catch((error) => {
                                location.reload();
                            });
                        },
                        error: function(data) {
                            console.log(data)
                            document.getElementById("registrarRespuestaEvaluacion").removeAttribute("disabled");
                            document.getElementById("preloader").style.height = "0px";
                            document.getElementById("img-preloader").style.display = "none";
                        }
                    })
                }else{
                    Swal.fire({
                        icon: 'error',
                        title: '¡Error Encuesta De Desempeño!',
                        text: 'Se encontraron errores en la encuesta de desempeño APR, revise la información insertada',
                        confirmButtonColor: "#448aff",
                        confirmButtonText: "Confirmar"
                    })
                }
            }
        </script>
    @elseif($evaluacion->version=="1.0")
        <script>
            function validarEvaluacionDeDesempeno() {
                let error = false;
                if (document.getElementById("campoRutDelEvaluado").value.trim().length > 0) {
                    document.getElementById("campoRutDelEvaluado").setAttribute("class", "form-control is-valid");
                    document.getElementById("validacionCampoRutDelEvaluado").innerHTML = "";
                } else {
                    error = true;
                    document.getElementById("campoRutDelEvaluado").setAttribute("class", "form-control is-invalid");
                    document.getElementById("validacionCampoRutDelEvaluado").innerHTML = "El campo rut del evaluado es obligatorio";
                }
    
                if (document.getElementById("campoNombreDelEvaluado").value.trim().length > 0) {
                    document.getElementById("campoNombreDelEvaluado").setAttribute("class", "form-control is-valid");
                    document.getElementById("validacionCampoNombreDelEvaluado").innerHTML = "";
                } else {
                    error = true;
                    document.getElementById("campoNombreDelEvaluado").setAttribute("class", "form-control is-invalid");
                    document.getElementById("validacionCampoNombreDelEvaluado").innerHTML = "El campo nombre del evaluado es obligatorio";
                }
    
                if (document.getElementById("campoPeriodoEvaluacion").value.trim().length > 0) {
                    document.getElementById("campoPeriodoEvaluacion").setAttribute("class", "form-control is-valid");
                    document.getElementById("validacionCampoPeriodoEvaluacion").innerHTML = "";
                } else {
                    error = true;
                    document.getElementById("campoPeriodoEvaluacion").setAttribute("class", "form-control is-invalid");
                    document.getElementById("validacionCampoPeriodoEvaluacion").innerHTML = "El campo periodo encuesta es obligatorio";
                }
    
                if (document.getElementById("campoContrato").value.trim().length > 0) {
                    document.getElementById("campoContrato").setAttribute("class", "form-control is-valid");
                    document.getElementById("validacionCampoContrato").innerHTML = "";
                } else {
                    error = true;
                    document.getElementById("campoContrato").setAttribute("class", "form-control is-invalid");
                    document.getElementById("validacionCampoContrato").innerHTML = "El campo contrato es obligatorio";
                }
    
                if (document.getElementById("campoCargoDelEvaluado").value.trim().length > 0) {
                    document.getElementById("campoCargoDelEvaluado").setAttribute("class", "form-control is-valid");
                    document.getElementById("validacionCampoCargoDelEvaluado").innerHTML = "";
                } else {
                    error = true;
                    document.getElementById("campoCargoDelEvaluado").setAttribute("class", "form-control is-invalid");
                    document.getElementById("validacionCampoCargoDelEvaluado").innerHTML = "El campo cargo del evaluado es obligatorio";
                }
    
                if (document.getElementById("campoNombreJefatura").value.trim().length > 0) {
                    document.getElementById("campoNombreJefatura").setAttribute("class", "form-control is-valid");
                    document.getElementById("validacionCampoNombreJefatura").innerHTML = "";
                } else {
                    error = true;
                    document.getElementById("campoNombreJefatura").setAttribute("class", "form-control is-invalid");
                    document.getElementById("validacionCampoNombreJefatura").innerHTML = "El campo nombre jefatura es obligatorio";
                }
    
                let filasGestionSsma = document.getElementById('tabla-gestion-ssma').tBodies[0].querySelectorAll("tr");
                let errorGestionSsma = false;
                filasGestionSsma.forEach(fila => {
                    if (fila.querySelector(".tabla-menu-pregunta")) {
                        if (fila.querySelector(".tabla-valoracion-pregunta").innerHTML.trim() == "") {
                            errorGestionSsma = true;
                        }
                    }
                });
                if (errorGestionSsma == true) {
                    document.getElementById("alertaTablaGestionSSMA").style.display = "block";
                    error = true;
                } else {
                    document.getElementById("alertaTablaGestionSSMA").style.display = "none";
                }
    
                let filasRelacionesGssma = document.getElementById('tabla-relaciones-gssma').tBodies[0].querySelectorAll("tr");
                let errorRelacionesGssma =false;
                filasRelacionesGssma.forEach(fila => {
                    if (fila.querySelector(".tabla-menu-pregunta")) {
                        if (fila.querySelector(".tabla-valoracion-pregunta").innerHTML.trim() == "") {
                            errorRelacionesGssma = true;
                        }
                    }
                });
                if (errorRelacionesGssma == true) {
                    error = true;
                    document.getElementById("alertaTablaRelacionesGssma").style.display = "block";
                } else {
                    document.getElementById("alertaTablaRelacionesGssma").style.display = "none";
                }
    
                let filasExcelenciaOperacional = document.getElementById('tabla-excelencia-operacional').tBodies[0].querySelectorAll("tr");
                let errorExcelenciaOperacional =false;
                filasExcelenciaOperacional.forEach(fila => {
                    if (fila.querySelector(".tabla-menu-pregunta")) {
                        if (fila.querySelector(".tabla-valoracion-pregunta").innerHTML.trim() == "") {
                            errorExcelenciaOperacional = true;
                        }
                    }
                });
                if (errorExcelenciaOperacional == true) {
                    error = true;
                    document.getElementById("alertaTablaExcelenciaOperacional").style.display = "block";
                } else {
                    document.getElementById("alertaTablaExcelenciaOperacional").style.display = "none";
                }
    
                return error;
            }
    
            function editarRespuestaDeLaEvaluacionDeDesempeno() {
                if(validarEvaluacionDeDesempeno()==false){
                    document.getElementById("registrarRespuestaEvaluacion").setAttribute("disabled", true);
                    document.getElementById("preloader").removeAttribute("style");
                    document.getElementById("img-preloader").style.display = "block";
    
                    let listadoDeGestionSsma=[];
                    let listadoDeRelacionesGssma=[];
                    let listadoDeExcelenciaOperacional=[];
    
                    let filasGestionSsma = document.getElementById('tabla-gestion-ssma').tBodies[0].querySelectorAll("tr");
                    filasGestionSsma.forEach(fila => {
                        if (fila.querySelector(".tabla-menu-pregunta")) {
                            let menu = fila.querySelector(".tabla-menu-pregunta").innerHTML.trim();
                            let descripcion = fila.querySelector(".tabla-descripcion-pregunta").innerHTML.trim();
                            let ponderacion = fila.querySelector(".tabla-ponderacion-pregunta").innerHTML.trim();
                            let valoracion = fila.querySelector(".tabla-valoracion-pregunta").innerHTML.trim();
                            let valoracionSinRedondeo = fila.querySelector(".tabla-valoracion-sin-redondeo-pregunta").innerHTML.trim();
                            let observacion = fila.querySelector(".tabla-observacion-pregunta").innerHTML.trim();
    
                            let respuesta={
                                menu:menu,
                                descripcion:descripcion,
                                ponderacion:ponderacion,
                                valoracion:valoracion,
                                valoracionSinRedondeo:valoracionSinRedondeo,
                                observacion:observacion
                            };
    
                            listadoDeGestionSsma.push(respuesta);
                        }
                    });
    
                    let filasRelacionesGssma = document.getElementById('tabla-relaciones-gssma').tBodies[0].querySelectorAll("tr");
                    filasRelacionesGssma.forEach(fila => {
                        if (fila.querySelector(".tabla-menu-pregunta")) {
                            let menu = fila.querySelector(".tabla-menu-pregunta").innerHTML.trim();
                            let submenu = fila.querySelector(".tabla-submenu-pregunta").innerHTML.trim();
                            let descripcion = fila.querySelector(".tabla-descripcion-pregunta").innerHTML.trim();
                            let ponderacion = fila.querySelector(".tabla-ponderacion-pregunta").innerHTML.trim();
                            let valoracion = fila.querySelector(".tabla-valoracion-pregunta").innerHTML.trim();
                            let valoracionSinRedondeo = fila.querySelector(".tabla-valoracion-sin-redondeo-pregunta").innerHTML.trim();
                            let observacion = fila.querySelector(".tabla-observacion-pregunta").innerHTML.trim();
    
                            let respuesta={
                                menu:menu,
                                submenu:submenu,
                                descripcion:descripcion,
                                ponderacion:ponderacion,
                                valoracion:valoracion,
                                valoracionSinRedondeo:valoracionSinRedondeo,
                                observacion:observacion
                            };
    
                            listadoDeRelacionesGssma.push(respuesta);
                        }
                    });
    
                    let filasExcelenciaOperacional = document.getElementById('tabla-excelencia-operacional').tBodies[0].querySelectorAll("tr");
                    filasExcelenciaOperacional.forEach(fila => {
                        if (fila.querySelector(".tabla-menu-pregunta")) {
                            let menu = fila.querySelector(".tabla-menu-pregunta").innerHTML.trim();
                            let descripcion = fila.querySelector(".tabla-descripcion-pregunta").innerHTML.trim();
                            let ponderacion = fila.querySelector(".tabla-ponderacion-pregunta").innerHTML.trim();
                            let valoracion = fila.querySelector(".tabla-valoracion-pregunta").innerHTML.trim();
                            let valoracionSinRedondeo = fila.querySelector(".tabla-valoracion-sin-redondeo-pregunta").innerHTML.trim();
    
                            let respuesta={
                                menu:menu,
                                descripcion:descripcion,
                                ponderacion:ponderacion,
                                valoracion:valoracion,
                                valoracionSinRedondeo:valoracionSinRedondeo
                            };
    
                            listadoDeExcelenciaOperacional.push(respuesta);
                        }
                    });
    
    
                    listadoDeGestionSsma= JSON.stringify(listadoDeGestionSsma);
                    listadoDeRelacionesGssma = JSON.stringify(listadoDeRelacionesGssma);
                    listadoDeExcelenciaOperacional = JSON.stringify(listadoDeExcelenciaOperacional);
                    let campoRutDelEvaluado=document.getElementById("campoRutDelEvaluado").value.trim();
                    let campoNombreDelEvaluado=document.getElementById("campoNombreDelEvaluado").value.trim();
                    let campoPeriodoEvaluacion=document.getElementById("campoPeriodoEvaluacion").value.trim();
                    let campoContrato=document.getElementById("campoContrato").value.trim();
                    let campoCargoDelEvaluado=document.getElementById("campoCargoDelEvaluado").value.trim();
                    let campoNombreJefatura=document.getElementById("campoNombreJefatura").value.trim();
                    let valorTotalDeLaEvaluacion=document.getElementById("valoracionTotalDelNumero").innerHTML.trim();
                    let estadoDeLaEvaluacion=document.getElementById("estadoEvaluacionDeDesempeno").innerHTML.trim();
    
                    let formData = new FormData();
                    formData.append('_method', "PUT");
                    formData.append('rut_evaluado', campoRutDelEvaluado);
                    formData.append('nombre_evaluado', campoNombreDelEvaluado);
                    formData.append('periodo_evaluacion', campoPeriodoEvaluacion);
                    formData.append('contrato', campoContrato);
                    formData.append('cargo_evaluado', campoCargoDelEvaluado);
                    formData.append('nombre_jefatura', campoNombreJefatura);
                    formData.append('valor_total_evaluacion', valorTotalDeLaEvaluacion);
                    formData.append('estado_evaluacion', estadoDeLaEvaluacion);
    
                    formData.append('listado_geston_ssma', listadoDeGestionSsma);
                    formData.append('listado_relaciones_gssma', listadoDeRelacionesGssma);
                    formData.append('listado_relaciones_operacional', listadoDeExcelenciaOperacional);
    
                    formData.append('dimension_gestion_ssma', document.getElementById("dimensionNumeroGestionSsma").innerHTML.trim());
                    formData.append('ponderacion_gestion_ssma', document.getElementById("ponderacionNumeroGestionSsma").innerHTML.trim());
                    formData.append('valor_total_gestion_ssma', document.getElementById("ponderacionTotalNumeroGestionSsma").innerHTML.trim());
    
                    formData.append('dimension_relacion_gssma', document.getElementById("dimensionNumeroRelacionesGSSMA").innerHTML.trim());
                    formData.append('ponderacion_relacion_gssma', document.getElementById("ponderacionNumeroRelacionesGSSMA").innerHTML.trim());
                    formData.append('valor_total_relacion_gssma', document.getElementById("ponderacionTotalNumeroRelacionesGSSMA").innerHTML.trim());
    
                    formData.append('dimension_excelencia_operacional', document.getElementById("dimensionNumeroExcelenciaOperacional").innerHTML.trim());
                    formData.append('ponderacion_excelencia_operacional', document.getElementById("ponderacionNumeroExcelenciaOperacional").innerHTML.trim());
                    formData.append('valor_total_excelencia_operacional', document.getElementById("ponderacionTotalNumeroExcelenciaOperacional").innerHTML.trim());
    
                    let csrf = '{{ csrf_token() }}';
                    $.ajax({
                        url: '{{route('evaluacion-desempeno-apr-gssma.update',$evaluacion)}}',
                        //type: 'POST',
                        method: 'POST',
                        data: formData,
                        contentType: false,
                        processData: false,
                        dataType: 'json',
                        headers: {
                            'X-CSRF-TOKEN': csrf
                        },
                        success: function(data) {
                            document.getElementById("preloader").style.height = "0px";
                            document.getElementById("img-preloader").style.display = "none";
                            Swal.fire({
                                icon: 'success',
                                title: '¡Respuestas Guardada!',
                                text: 'Las respuestas de la encuesta de desempeño APR se edito con éxito',
                                confirmButtonColor: "#448aff",
                                confirmButtonText: "Confirmar"
                            }).then((result) => {
                                location.reload();
                            })
                            .catch((error) => {
                                location.reload();
                            });
                        },
                        error: function(data) {
                            console.log(data)
                            document.getElementById("registrarRespuestaEvaluacion").removeAttribute("disabled");
                            document.getElementById("preloader").style.height = "0px";
                            document.getElementById("img-preloader").style.display = "none";
                        }
                    })
                }else{
                    Swal.fire({
                        icon: 'error',
                        title: '¡Error Encuesta De Desempeño!',
                        text: 'Se encontraron errores en la encuesta de desempeño APR, revise la información insertada',
                        confirmButtonColor: "#448aff",
                        confirmButtonText: "Confirmar"
                    })
                }
            }
        </script>
    @endif
@stop