@extends('adminlte::page')

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

@section('title', 'Intranet | Editar Solicitud de Renovación de Contrato')

@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 Solicitud de Renovación de Contrato</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 Evaluado</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">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">
                                    @if ($evaluacion->version == "1.0")
                                        <p>Nota: Es necesario completar el campo de relación del evaluador con la jefatura para continuar con la siguiente etapa.</p>
                                        
                                        <div class="form-group">
                                            <label>Correlativo</label>
                                            <input type="text" id="campoCorrelativo" class="form-control" name="correlativo" value="{{ old('correlativo',$evaluacion->correlativo) }}" readonly="true">
                                            <div class="invalid-feedback" id="validacionCampoCorrelativo">
            
                                            </div>
                                        </div>
                                        
                                        <div class="contenedorDosCamposPorFilaEnLosFormulario">    
                                            <div class="form-group">
                                                <label>Nombre del Trabajador</label>
                                                <input type="text" id="campoNombreDelTrabajador" class="form-control" name="nombre_trabajador" value="{{ old('nombre_trabajador',$evaluacion->nombre_trabajador) }}" readonly="true">
                                                <div class="invalid-feedback" id="validacionCampoNombreDelTrabajador">
                
                                                </div>
                                            </div>
    
                                            <div class="form-group">
                                                <label>Apellido Paterno del Trabajador</label>
                                                <input type="text" id="campoApellidoPaternoDelTrabajador" class="form-control" name="apellido_paterno_trabajador" value="{{ old('apellido_paterno_trabajador',$evaluacion->apellido_paterno_trabajador) }}" readonly="true">
                                                <div class="invalid-feedback" id="validacionCampoApellidoPaternoDelTrabajador">
                
                                                </div>
                                            </div>
    
                                            <div class="form-group">
                                                <label>Apellido Materno del Trabajador</label>
                                                <input type="text" id="campoApellidoMaternoDelTrabajador" class="form-control" name="apellido_materno_trabajador" value="{{ old('apellido_materno_trabajador',$evaluacion->apellido_materno_trabajador) }}" readonly="true">
                                                <div class="invalid-feedback" id="validacionCampoApellidoMaternoDelTrabajador">
                
                                                </div>
                                            </div>
    
                                            <div class="form-group">
                                                <label>Rut del Trabajador</label>
                                                <input type="text" id="campoRutDelTrabajador" class="form-control" name="rut_trabajador" value="{{ old('rut_trabajador',$evaluacion->rut_trabajador) }}" readonly="true">
                                                <div class="invalid-feedback" id="validacionCampoRutDelTrabajador">
                
                                                </div>
                                            </div>
    
                                            <div class="form-group">
                                                <label>Centro de Costo del Trabajador</label>
                                                <input type="text" id="campoCentroDeCostoDelTrabajador" class="form-control" name="centro_costo" value="{{ old('centro_costo',$evaluacion->centroDeCosto->centro_costo) }}" readonly="true">
                                                <div class="invalid-feedback" id="validacionCampoCentroDeCostoDelTrabajador">
                
                                                </div>
                                            </div>
                                            <input type="hidden" id="campoIdCentroDeCostoDelTrabajador" name="id_centro_costo" value="{{ old('id_centro_costo',$evaluacion->id_centro_costo) }}">
    
                                            <div class="form-group">
                                                <label>Tipo de Contrato del Trabajador</label>
                                                <input type="text" id="campoTipoDeContratoDelTrabajador" class="form-control" name="tipo_contrato_trabajador" value="{{ old('tipo_contrato_trabajador',$evaluacion->tipo_contrato_trabajador) }}" readonly="true">
                                                <div class="invalid-feedback" id="validacionCampoTipoDeContratoDelTrabajador">
                
                                                </div>
                                            </div>

                                            <div class="form-group">
                                                <label for="campoFechaDeTerminoDelTrabajador">Fecha de Termino del Trabajador</label>
                                                <input type="date" class="form-control" id="campoFechaDeTerminoDelTrabajador" name="fecha_termino_trabajador" value="{{ old('fecha_termino_trabajador',$evaluacion->fecha_termino_trabajador) }}" readonly="true">
                                                <div class="invalid-feedback" id="validacionCampoFechaDeTerminoDelTrabajador">
            
                                                </div>
                                            </div>
    
                                            <div class="form-group">
                                                <label>Cargo del Trabajador</label>
                                                <input type="text" id="campoCargoDelTrabajador" class="form-control" name="cargo_trabajador" value="{{ old('cargo_trabajador',$evaluacion->cargo_trabajador) }}" readonly="true">
                                                <div class="invalid-feedback" id="validacionCampoCargoDelTrabajador">
                
                                                </div>
                                            </div>
    
                                            <div class="form-group">
                                                <label>Teléfono del Trabajador</label>
                                                <input type="text" id="campoTelefonoDelTrabajador" class="form-control" name="telefono_trabajador" value="{{ old('telefono_trabajador',$evaluacion->telefono_trabajador) }}" readonly="true">
                                                <div class="invalid-feedback" id="validacionCampoTelefonoDelTrabajador">
                
                                                </div>
                                            </div>
    
                                            <div class="form-group">
                                                <label>Correo Personal del Trabajador</label>
                                                <input type="text" id="campoCorreoPersonalDelTrabajador" class="form-control" name="correo_personal_trabajador" value="{{ old('correo_personal_trabajador',$evaluacion->correo_personal_trabajador) }}" readonly="true">
                                                <div class="invalid-feedback" id="validacionCampoCorreoPersonalDelTrabajador">
                
                                                </div>
                                            </div>
    
                                            <div class="form-group" style="display: none;">
                                                <label for="campoSueldoBaseActualDeLaSolicitud">Sueldo Base</label>
                                                <input type="text" class="form-control" id="campoSueldoBaseActualDeLaSolicitud" name="sueldo_base_actual_con_formato" value="{{ old('sueldo_base_actual_con_formato',formatoMenedaSegunTipoDeMonedaOC($evaluacion->sueldo_base_actual,"CLP")) }}" readonly="true">
                                                <div class="invalid-feedback" id="validacionCampoSueldoBaseActualDeLaSolicitud">
            
                                                </div>
                                            </div>
                                            @if (strpos(number_format($evaluacion->sueldo_base_actual,2), '.00') !== false)
                                                <input type="hidden" name="sueldo_base_actual" id="campoSueldoBaseActualNumeroDeLaSolicitud" value="{{ old('sueldo_base_actual',str_replace(',', '',number_format($evaluacion->sueldo_base_actual,0))) }}">
                                            @else
                                                <input type="hidden" name="sueldo_base_actual" id="campoSueldoBaseActualNumeroDeLaSolicitud" value="{{ old('sueldo_base_actual',$evaluacion->sueldo_base_actual) }}">
                                            @endif
        
                                            <div class="form-group" style="display: none;">
                                                <label for="campoAsignacionMovilizacionActualDeLaSolicitud">Asignación de Movilización</label>
                                                <input type="text" class="form-control" id="campoAsignacionMovilizacionActualDeLaSolicitud" name="asignacion_movilizacion_actual_con_formato" value="{{ old('asignacion_movilizacion_actual_con_formato',formatoMenedaSegunTipoDeMonedaOC($evaluacion->asignacion_movilizacion_actual,"CLP")) }}" readonly="true">
                                                <div class="invalid-feedback" id="validacionCampoAsignacionMovilizacionActualDeLaSolicitud">
            
                                                </div>
                                            </div>
                                            @if (strpos(number_format($evaluacion->asignacion_movilizacion_actual,2), '.00') !== false)
                                                <input type="hidden" name="asignacion_movilizacion_actual" id="campoAsignacionMovilizacionActualNumeroDeLaSolicitud" value="{{ old('asignacion_movilizacion_actual',str_replace(',', '',number_format($evaluacion->asignacion_movilizacion_actual,0))) }}">
                                            @else
                                                <input type="hidden" name="asignacion_movilizacion_actual" id="campoAsignacionMovilizacionActualNumeroDeLaSolicitud" value="{{ old('asignacion_movilizacion_actual',$evaluacion->asignacion_movilizacion_actual) }}">
                                            @endif
        
                                            <div class="form-group" style="display: none;">
                                                <label for="campoAsignacionColacionActualDeLaSolicitud">Asignación de Colación</label>
                                                <input type="text" class="form-control" id="campoAsignacionColacionActualDeLaSolicitud" name="asignacion_colacion_actual_con_formato" value="{{ old('asignacion_colacion_actual_con_formato',formatoMenedaSegunTipoDeMonedaOC($evaluacion->asignacion_colacion_actual,"CLP")) }}" readonly="true">
                                                <div class="invalid-feedback" id="validacionCampoAsignacionColacionActualDeLaSolicitud">
            
                                                </div>
                                            </div>
                                            @if (strpos(number_format($evaluacion->asignacion_colacion_actual,2), '.00') !== false)
                                                <input type="hidden" name="asignacion_colacion_actual" id="campoAsignacionColacionActualNumeroDeLaSolicitud" value="{{ old('asignacion_colacion_actual',str_replace(',', '',number_format($evaluacion->asignacion_colacion_actual,0))) }}">    
                                            @else
                                                <input type="hidden" name="asignacion_colacion_actual" id="campoAsignacionColacionActualNumeroDeLaSolicitud" value="{{ old('asignacion_colacion_actual',$evaluacion->asignacion_colacion_actual) }}">
                                            @endif
        
                                            <div class="form-group" style="display: none;">
                                                <label for="campoAsignacionSalaCunaActualDeLaSolicitud">Asignación de Sala Cuna</label>
                                                <input type="text" class="form-control" id="campoAsignacionSalaCunaActualDeLaSolicitud" name="asignacion_sala_cuna_actual_con_formato" value="{{ old('asignacion_sala_cuna_actual_con_formato',formatoMenedaSegunTipoDeMonedaOC($evaluacion->asignacion_sala_cuna_actual,"CLP")) }}" readonly="true">
                                                <div class="invalid-feedback" id="validacionCampoAsignacionSalaCunaActualDeLaSolicitud">
            
                                                </div>
                                            </div>
                                            @if (strpos(number_format($evaluacion->asignacion_sala_cuna_actual,2), '.00') !== false)
                                                <input type="hidden" name="asignacion_sala_cuna_actual" id="campoAsignacionSalaCunaActualNumeroDeLaSolicitud" value="{{ old('asignacion_sala_cuna_actual',str_replace(',', '',number_format($evaluacion->asignacion_sala_cuna_actual,0))) }}">    
                                            @else
                                                <input type="hidden" name="asignacion_sala_cuna_actual" id="campoAsignacionSalaCunaActualNumeroDeLaSolicitud" value="{{ old('asignacion_sala_cuna_actual',$evaluacion->asignacion_sala_cuna_actual) }}">
                                            @endif
        
                                            <div class="form-group" style="display: none;">
                                                <label for="campoCampoViaticoActualDeLaSolicitud">Viatico</label>
                                                <input type="text" class="form-control" id="campoCampoViaticoActualDeLaSolicitud" name="viatico_actual_con_formato" value="{{ old('viatico_actual_con_formato',formatoMenedaSegunTipoDeMonedaOC($evaluacion->viatico_actual,"CLP")) }}" readonly="true">
                                                <div class="invalid-feedback" id="validacionCampoViaticoActualDeLaSolicitud">
            
                                                </div>
                                            </div>
                                            @if (strpos(number_format($evaluacion->viatico_actual,2), '.00') !== false)
                                                <input type="hidden" name="viatico_actual" id="campoViaticoActualNumeroDeLaSolicitud" value="{{ old('viatico_actual',str_replace(',', '',number_format($evaluacion->viatico_actual,0))) }}">  
                                            @else
                                                <input type="hidden" name="viatico_actual" id="campoViaticoActualNumeroDeLaSolicitud" value="{{ old('viatico_actual',$evaluacion->viatico_actual) }}">
                                            @endif
                                        </div>

                                        <div class="dt-responsive table-responsive" style="display: none;">
                                            <table class="table table-bordered" role="grid" id="bonos-actuales-tabla">
                                                <thead>
                                                    <tr role="row">
                                                        <th>Bono Actual</th>
                                                        <th>Monto del Bono Actual</th>
                                                    </tr>
                                                </thead>
                                                <tbody id="registroDeBonosActuales">
                                                    @if (count($bonosActuales)>0)
                                                        @foreach ($bonosActuales as $bonoActual)
                                                            <tr role="row" class="odd">
                                                                <td class="tabla-tipo-otros-bonos" style="display:none;">{{$bonoActual["tipoBono"]}}</td>
                                                                <td class="tabla-monto-numero-otros-bonos" style="display:none;">{{$bonoActual["montoBonoNumero"]}}</td>
                                                                <td class="tabla-nombre-otros-bonos">{{$bonoActual["nombreBono"]}}</td>
                                                                <td class="tabla-monto-con-formato-otros-bonos">{{$bonoActual["montoBonoConFormato"]}}</td>
                                                            </tr>
                                                        @endforeach
                                                    @else
                                                        <tr id="BonosActualesNoDisponible">
                                                            <td colspan="2" class="text-center">No hay bonos disponible disponibles en la tabla</td>
                                                        </tr>
                                                    @endif
                                                </tbody>
                                            </table>
                                        </div>

                                        <div class="contenedorDosCamposPorFilaEnLosFormulario">
                                            <div class="form-group">
                                                <label>Tipo de Renovación</label>
                                                <select class="form-control listaDespegableConBuscador" id="campoTipoDeContrato" name="tipo_contrato" onchange="habilitarCampoMotivo(this)">
                                                    @if ($evaluacion->tipo_contrato=="Plazo fijo: 30 días")
                                                        <option value="">--Tipo de Renovación--</option>
                                                        <option value="Plazo fijo: 30 días" selected>Plazo fijo: 30 días</option>
                                                        <option value="Plazo fijo: 90 días (VB gerencia)">Plazo fijo: 90 días (VB gerencia)</option>
                                                        <option value="Indefinido">Indefinido</option>
                                                    @elseif($evaluacion->tipo_contrato=="Plazo fijo: 90 días (VB gerencia)")
                                                        <option value="">--Tipo de Renovación--</option>
                                                        <option value="Plazo fijo: 30 días">Plazo fijo: 30 días</option>
                                                        <option value="Plazo fijo: 90 días (VB gerencia)" selected>Plazo fijo: 90 días (VB gerencia)</option>
                                                        <option value="Indefinido">Indefinido</option>
                                                    @elseif($evaluacion->tipo_contrato=="Indefinido")
                                                        <option value="">--Tipo de Renovación--</option>
                                                        <option value="Plazo fijo: 30 días">Plazo fijo: 30 días</option>
                                                        <option value="Plazo fijo: 90 días (VB gerencia)">Plazo fijo: 90 días (VB gerencia)</option>
                                                        <option value="Indefinido" selected>Indefinido</option>
                                                    @else
                                                        <option value="">--Tipo de Renovación--</option>
                                                        <option value="Plazo fijo: 30 días">Plazo fijo: 30 días</option>
                                                        <option value="Plazo fijo: 90 días (VB gerencia)">Plazo fijo: 90 días (VB gerencia)</option>
                                                        <option value="Indefinido">Indefinido</option>
                                                    @endif
                                                </select>
                                                <div class="invalid-feedback" id="validacionCampoTipoDeContrato">
                                                </div>
                                            </div>
    
                                            <div class="form-group">
                                                <label>¿El trabajador evaluado posee cargo de jefatura?</label>
                                                <select class="form-control listaDespegableConBuscador" id="campoRelacionDelEvaluacionConJefatura" name="relacion_jefatura" onchange="habilitarBotonSiguienteParaCompletarEvaluacion(this)">
                                                    @if ($evaluacion->relacion_jefatura=="jefatura")
                                                        <option value="">--El trabajador evaluado posee cargo de jefatura--</option>
                                                        <option selected value="jefatura">Sí</option>
                                                        <option value="opymmedios">No</option>
                                                    @elseif($evaluacion->relacion_jefatura=="opymmedios")
                                                        <option value="">--El trabajador evaluado posee cargo de jefatura--</option>
                                                        <option value="jefatura">Sí</option>
                                                        <option selected value="opymmedios">No</option>
                                                    @else
                                                        <option value="">--El trabajador evaluado posee cargo de jefatura--</option>
                                                        <option value="jefatura">Sí</option>
                                                        <option value="opymmedios">No</option>
                                                    @endif
                                                </select>
                                            </div>
                                        </div>

                                        @if (isset($evaluacion->observacion_tipo_renovacion))
                                            <div class="form-group">
                                                <label for="campoObservacionSolicitudRenovacionContrato">Motivo de Justificación</label>
                                                <textarea class="form-control" id="campoObservacionSolicitudRenovacionContrato" name="observacion_tipo_renovacion" rows="3">{{$evaluacion->observacion_tipo_renovacion}}</textarea>
                                                <div class="invalid-feedback" id="validacionCampoObservacionSolicitudRenovacionContrato">
            
                                                </div>
                                            </div>
                                        @else
                                            <div class="form-group" style="display:none">
                                                <label for="campoObservacionSolicitudRenovacionContrato">Motivo de Justificación</label>
                                                <textarea class="form-control" id="campoObservacionSolicitudRenovacionContrato" name="observacion_tipo_renovacion" rows="3"></textarea>
                                                <div class="invalid-feedback" id="validacionCampoObservacionSolicitudRenovacionContrato">
            
                                                </div>
                                            </div>
                                        @endif
    
                                        @if ($evaluacion->relacion_jefatura=="jefatura")
                                            <button id="botonSiguienteParaEvaluacion" class="btn btn-secondary" onclick="stepper.next()">Siguiente <i class="fas fa-arrow-right"></i></button>
                                        @elseif($evaluacion->relacion_jefatura=="opymmedios")
                                            <button id="botonSiguienteParaEvaluacion" class="btn btn-secondary" onclick="stepper.next()">Siguiente <i class="fas fa-arrow-right"></i></button>
                                        @else
                                            <button id="botonSiguienteParaEvaluacion" class="btn btn-secondary" onclick="stepper.next()" disabled="true">Siguiente <i class="fas fa-arrow-right"></i></button>
                                        @endif
                                    @endif
                                </div>
                                <div id="information-part" class="content" role="tabpanel" aria-labelledby="information-part-trigger">
                                    @if ($evaluacion->version == "1.0")
                                        <p style="color:red;">Nota: Si el valor total de la evaluación es inferior a 3, debe especificar el motivo por el cual el valor de la evaluación es inferior a 3.</p>
                                        <p>Instrucciones: Evalúe cuidadosamente el desempeño laboral del empleado en relación con los requisitos actuales del puesto.  En los primeros 8 factores, anote un puntaje por cada reactivo. Siendo 1 el menor puntaje y 4 el mayor puntaje. Al costado de cada Área Evaluada coloque el total. En área cualitativa evaluar cumplimiento: Menor a esperado (1), Lo esperado (2); Mayor a lo Esperado(3). Coloque puntaje al costado.</p>
    
                                        <table class="table table-bordered">
                                            <tbody>
                                                <tr>
                                                    <td class="celda-color-azul text-center">4</td>
                                                    <td class="text-center">MUY BUENO</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">3</td>
                                                    <td class="text-center">BUENO</td>
                                                    <td>Grado de desempeño competente y confiable. Cumple con las normas requeridas para el puesto.</td>
                                                </tr>
                                                <tr>
                                                    <td class="celda-color-azul text-center">2</td>
                                                    <td class="text-center">REGULAR, AÚN REQUIERE MEJORAR</td>
                                                    <td>Desempeño deficiente en ciertas áreas. Necesita mejorar.</td>
                                                </tr>
                                                <tr>
                                                    <td class="celda-color-azul text-center">1</td>
                                                    <td class="text-center">REQUIERE DESARROLLO</td>
                                                    <td>No cumple con los requisitos del puesto. Requiere desarrollo a la brevedad.</td>
                                                </tr>
                                            </tbody>
                                        </table>

                                        @if ($evaluacion->relacion_jefatura=="jefatura")
                                            <div class="alert alert-danger" id="alertaTablaFactor1" style="display: none;">Desarrollo profesional y aplicación de conocimientos técnicos: Es obligatorio que cada pregunta tenga un valor seleccionado</div>
                                            <table class="table table-bordered" id="tabla-factor1">
                                                <thead>
                                                    <tr>
                                                        <th class="celda-color-azul" colspan="2" id="categoriaFactor1">FACTOR 1: Desarrollo Profesional y Aplicación de Conocimientos Técnicos </th>
                                                        <th class="celda-color-azul">4 pts</th>
                                                        <th class="celda-color-azul">3 pts</th>
                                                        <th class="celda-color-azul">2 pts</th>
                                                        <th class="celda-color-azul">1 pts</th>
                                                        <th class="celda-color-gris">Valoración</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    @php
                                                        $preguntaFactor1=0;
                                                    @endphp
                                                    @foreach ($categoriasDeFactor1->respuestas as $respuesta)
                                                        @php
                                                            $preguntaFactor1++;
                                                        @endphp
                                                        <tr>
                                                            <td class="tabla-menu-pregunta">{{ $respuesta->dimension }}</td>
                                                            <td class="tabla-descripcion-pregunta">{!! $respuesta->pregunta !!}</td>
                                                            <td class="tabla-valoracion-pregunta" style="display:none;">{{$respuesta->valor}}</td>
                                                            @if ($respuesta->es_opcional==true)
                                                                <td class="tabla-obligatoriedad-pregunta" style="display:none;">Opcional</td>
                                                            @else
                                                                <td class="tabla-obligatoriedad-pregunta" style="display:none;">Obligatorio</td>
                                                            @endif
                                                            <td class="text-center">
                                                                <div class="icheck-primary d-inline">
                                                                    <input type="radio" @if ($respuesta->valor == 4) checked="true" @endif id="RadioButtonFactor1Pregunta{{$preguntaFactor1}}Pts4" name="radio_button_factor1_pregunta{{$preguntaFactor1}}" value="4" onclick="calcularValoracionDeUnaPregunta(4,this.parentElement.parentElement.parentElement)">
                                                                    <label for="RadioButtonFactor1Pregunta{{$preguntaFactor1}}Pts4">
                                                                    </label>
                                                                </div>
                                                            </td>
                                                            <td class="text-center">
                                                                <div class="icheck-primary d-inline">
                                                                    <input type="radio" @if ($respuesta->valor == 3) checked="true" @endif id="RadioButtonFactor1Pregunta{{$preguntaFactor1}}Pts3" name="radio_button_factor1_pregunta{{$preguntaFactor1}}" value="3" onclick="calcularValoracionDeUnaPregunta(3,this.parentElement.parentElement.parentElement)">
                                                                    <label for="RadioButtonFactor1Pregunta{{$preguntaFactor1}}Pts3">
                                                                    </label>
                                                                </div>
                                                            </td>
                                                            <td class="text-center">
                                                                <div class="icheck-primary d-inline">
                                                                    <input type="radio" @if ($respuesta->valor == 2) checked="true" @endif id="RadioButtonFactor1Pregunta{{$preguntaFactor1}}Pts2" name="radio_button_factor1_pregunta{{$preguntaFactor1}}" value="2" onclick="calcularValoracionDeUnaPregunta(2,this.parentElement.parentElement.parentElement)">
                                                                    <label for="RadioButtonFactor1Pregunta{{$preguntaFactor1}}Pts2">
                                                                    </label>
                                                                </div>
                                                            </td>
                                                            <td class="text-center">
                                                                <div class="icheck-primary d-inline">
                                                                    <input type="radio" @if ($respuesta->valor == 1) checked="true" @endif id="RadioButtonFactor1Pregunta{{$preguntaFactor1}}Pts1" name="radio_button_factor1_pregunta{{$preguntaFactor1}}" value="1" onclick="calcularValoracionDeUnaPregunta(1,this.parentElement.parentElement.parentElement)">
                                                                    <label for="RadioButtonFactor1Pregunta{{$preguntaFactor1}}Pts1">
                                                                    </label>
                                                                </div>
                                                            </td>
                                                            <td class="tabla-valoracion-final-pregunta">{{$respuesta->valor}}</td>
                                                        </tr>
                                                    @endforeach
                                                    <tr>
                                                        <td colspan="2" class="celda-color-azul"></td>
                                                        <td colspan="4" class="celda-color-azul" style="font-weight: 700;">Sub-Total</td>
                                                        <td colspan="1" id="subtotalFactor1" class="celda-color-azul text-center" style="font-weight: 700;">{{ round($categoriasDeFactor1->valor_total_evaluacion) }}</td>
                                                    </tr>
                                                </tbody>
                                            </table>
        
                                            <div class="alert alert-danger" id="alertaTablaFactor2" style="display: none;">Relaciones interpersonales: Es obligatorio que cada pregunta tenga un valor seleccionado</div>
                                            <table class="table table-bordered" id="tabla-factor2">
                                                <thead>
                                                    <tr>
                                                        <th class="celda-color-azul" colspan="2" id="categoriaFactor2">FACTOR 2: Relaciones Interpersonales</th>
                                                        <th class="celda-color-azul">4 pts</th>
                                                        <th class="celda-color-azul">3 pts</th>
                                                        <th class="celda-color-azul">2 pts</th>
                                                        <th class="celda-color-azul">1 pts</th>
                                                        <th class="celda-color-azul">No Aplica</th>
                                                        <th class="celda-color-gris">Valoración</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    @php
                                                        $preguntaFactor2=0;
                                                    @endphp
                                                    @foreach ($categoriasDeFactor2->respuestas as $respuesta)
                                                        @php
                                                            $preguntaFactor2++;
                                                        @endphp
                                                        <tr>
                                                            <td class="tabla-menu-pregunta">{{ $respuesta->dimension }}</td>
                                                            <td class="tabla-descripcion-pregunta">{!! $respuesta->pregunta !!}</td>
                                                            <td class="tabla-valoracion-pregunta" style="display:none;">{{$respuesta->valor}}</td>
                                                            @if ($respuesta->es_opcional==true)
                                                                <td class="tabla-obligatoriedad-pregunta" style="display:none;">Opcional</td>
                                                            @else
                                                                <td class="tabla-obligatoriedad-pregunta" style="display:none;">Obligatorio</td>
                                                            @endif
                                                            <td class="text-center">
                                                                <div class="icheck-primary d-inline">
                                                                    <input type="radio" @if ($respuesta->valor == 4) checked="true" @endif id="RadioButtonFactor2Pregunta{{$preguntaFactor2}}Pts4" name="radio_button_factor2_pregunta{{$preguntaFactor2}}" value="4" onclick="calcularValoracionDeUnaPregunta(4,this.parentElement.parentElement.parentElement)">
                                                                    <label for="RadioButtonFactor2Pregunta{{$preguntaFactor2}}Pts4">
                                                                    </label>
                                                                </div>
                                                            </td>
                                                            <td class="text-center">
                                                                <div class="icheck-primary d-inline">
                                                                    <input type="radio" @if ($respuesta->valor == 3) checked="true" @endif id="RadioButtonFactor2Pregunta{{$preguntaFactor2}}Pts3" name="radio_button_factor2_pregunta{{$preguntaFactor2}}" value="3" onclick="calcularValoracionDeUnaPregunta(3,this.parentElement.parentElement.parentElement)">
                                                                    <label for="RadioButtonFactor2Pregunta{{$preguntaFactor2}}Pts3">
                                                                    </label>
                                                                </div>
                                                            </td>
                                                            <td class="text-center">
                                                                <div class="icheck-primary d-inline">
                                                                    <input type="radio" @if ($respuesta->valor == 2) checked="true" @endif id="RadioButtonFactor2Pregunta{{$preguntaFactor2}}Pts2" name="radio_button_factor2_pregunta{{$preguntaFactor2}}" value="2" onclick="calcularValoracionDeUnaPregunta(2,this.parentElement.parentElement.parentElement)">
                                                                    <label for="RadioButtonFactor2Pregunta{{$preguntaFactor2}}Pts2">
                                                                    </label>
                                                                </div>
                                                            </td>
                                                            <td class="text-center">
                                                                <div class="icheck-primary d-inline">
                                                                    <input type="radio" @if ($respuesta->valor == 1) checked="true" @endif id="RadioButtonFactor2Pregunta{{$preguntaFactor2}}Pts1" name="radio_button_factor2_pregunta{{$preguntaFactor2}}" value="1" onclick="calcularValoracionDeUnaPregunta(1,this.parentElement.parentElement.parentElement)">
                                                                    <label for="RadioButtonFactor2Pregunta{{$preguntaFactor2}}Pts1">
                                                                    </label>
                                                                </div>
                                                            </td>
                                                            <td class="text-center">
                                                                @if ($respuesta->es_opcional==true)
                                                                    <div class="icheck-primary d-inline">
                                                                        <input type="radio" @if ($respuesta->valor == 0) checked="true" @endif id="RadioButtonFactor2Pregunta{{$preguntaFactor2}}Pts0" name="radio_button_factor2_pregunta{{$preguntaFactor2}}" value="0" onclick="calcularValoracionDeUnaPregunta(0,this.parentElement.parentElement.parentElement)">
                                                                        <label for="RadioButtonFactor2Pregunta{{$preguntaFactor2}}Pts0">
                                                                        </label>
                                                                    </div>
                                                                @endif
                                                            </td>
                                                            <td class="tabla-valoracion-final-pregunta">{{$respuesta->valor}}</td>
                                                        </tr>
                                                    @endforeach
                                                    <tr>
                                                        <td colspan="2" class="celda-color-azul"></td>
                                                        <td colspan="5" class="celda-color-azul" style="font-weight: 700;">Sub-Total</td>
                                                        <td colspan="1" id="subtotalFactor2" class="celda-color-azul text-center" style="font-weight: 700;">{{ round($categoriasDeFactor2->valor_total_evaluacion) }}</td>
                                                    </tr>
                                                </tbody>
                                            </table>
        
                                            <div class="alert alert-danger" id="alertaTablaFactor3" style="display: none;">Compromiso con los objetivos organizacionales: Es obligatorio que cada pregunta tenga un valor seleccionado</div>
                                            <table class="table table-bordered" id="tabla-factor3">
                                                <thead>
                                                    <tr>
                                                        <th class="celda-color-azul" colspan="2" id="categoriaFactor3">FACTOR 3: Compromiso Con Los Objetivos Organizacionales </th>
                                                        <th class="celda-color-azul">4 pts</th>
                                                        <th class="celda-color-azul">3 pts</th>
                                                        <th class="celda-color-azul">2 pts</th>
                                                        <th class="celda-color-azul">1 pts</th>
                                                        <th class="celda-color-gris">Valoración</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    @php
                                                        $preguntaFactor3=0;
                                                    @endphp
                                                    @foreach ($categoriasDeFactor3->respuestas as $respuesta)
                                                        @php
                                                            $preguntaFactor3++;
                                                        @endphp
                                                        <tr>
                                                            <td class="tabla-menu-pregunta">{{ $respuesta->dimension }}</td>
                                                            <td class="tabla-descripcion-pregunta">{!! $respuesta->pregunta !!}</td>
                                                            <td class="tabla-valoracion-pregunta" style="display:none;">{{$respuesta->valor}}</td>
                                                            @if ($respuesta->es_opcional==true)
                                                                <td class="tabla-obligatoriedad-pregunta" style="display:none;">Opcional</td>
                                                            @else
                                                                <td class="tabla-obligatoriedad-pregunta" style="display:none;">Obligatorio</td>
                                                            @endif
                                                            <td class="text-center">
                                                                <div class="icheck-primary d-inline">
                                                                    <input type="radio" @if ($respuesta->valor == 4) checked="true" @endif id="RadioButtonFactor3Pregunta{{$preguntaFactor3}}Pts4" name="radio_button_factor3_pregunta{{$preguntaFactor3}}" value="4" onclick="calcularValoracionDeUnaPregunta(4,this.parentElement.parentElement.parentElement)">
                                                                    <label for="RadioButtonFactor3Pregunta{{$preguntaFactor3}}Pts4">
                                                                    </label>
                                                                </div>
                                                            </td>
                                                            <td class="text-center">
                                                                <div class="icheck-primary d-inline">
                                                                    <input type="radio" @if ($respuesta->valor == 3) checked="true" @endif id="RadioButtonFactor3Pregunta{{$preguntaFactor3}}Pts3" name="radio_button_factor3_pregunta{{$preguntaFactor3}}" value="3" onclick="calcularValoracionDeUnaPregunta(3,this.parentElement.parentElement.parentElement)">
                                                                    <label for="RadioButtonFactor3Pregunta{{$preguntaFactor3}}Pts3">
                                                                    </label>
                                                                </div>
                                                            </td>
                                                            <td class="text-center">
                                                                <div class="icheck-primary d-inline">
                                                                    <input type="radio" @if ($respuesta->valor == 2) checked="true" @endif id="RadioButtonFactor3Pregunta{{$preguntaFactor3}}Pts2" name="radio_button_factor3_pregunta{{$preguntaFactor3}}" value="2" onclick="calcularValoracionDeUnaPregunta(2,this.parentElement.parentElement.parentElement)">
                                                                    <label for="RadioButtonFactor3Pregunta{{$preguntaFactor3}}Pts2">
                                                                    </label>
                                                                </div>
                                                            </td>
                                                            <td class="text-center">
                                                                <div class="icheck-primary d-inline">
                                                                    <input type="radio" @if ($respuesta->valor == 1) checked="true" @endif id="RadioButtonFactor3Pregunta{{$preguntaFactor3}}Pts1" name="radio_button_factor3_pregunta{{$preguntaFactor3}}" value="1" onclick="calcularValoracionDeUnaPregunta(1,this.parentElement.parentElement.parentElement)">
                                                                    <label for="RadioButtonFactor3Pregunta{{$preguntaFactor3}}Pts1">
                                                                    </label>
                                                                </div>
                                                            </td>
                                                            <td class="tabla-valoracion-final-pregunta">{{$respuesta->valor}}</td>
                                                        </tr>
                                                    @endforeach
                                                    <tr>
                                                        <td colspan="2" class="celda-color-azul"></td>
                                                        <td colspan="4" class="celda-color-azul" style="font-weight: 700;">Sub-Total</td>
                                                        <td colspan="1" id="subtotalFactor3" class="celda-color-azul text-center" style="font-weight: 700;">{{ round($categoriasDeFactor3->valor_total_evaluacion) }}</td>
                                                    </tr>
                                                </tbody>
                                            </table>
            
                                            <div class="alert alert-danger" id="alertaTablaFactor4" style="display: none;">Capacidad de liderazgo; solo para cargos que aplica: Es obligatorio que cada pregunta tenga un valor seleccionado</div>
                                            <table class="table table-bordered" id="tabla-factor4">
                                                <thead>
                                                    <tr>
                                                        <th class="celda-color-azul" colspan="2" id="categoriaFactor4">FACTOR 4: Capacidad de Liderazgo; Solo para Cargos que Aplica</th>
                                                        <th class="celda-color-azul">4 pts</th>
                                                        <th class="celda-color-azul">3 pts</th>
                                                        <th class="celda-color-azul">2 pts</th>
                                                        <th class="celda-color-azul">1 pts</th>
                                                        <th class="celda-color-gris">Valoración</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    @php
                                                        $preguntaFactor4=0;
                                                    @endphp
                                                    @foreach ($categoriasDeFactor4->respuestas as $respuesta)
                                                        @php
                                                            $preguntaFactor4++;
                                                        @endphp    
                                                        <tr>
                                                            <td class="tabla-menu-pregunta">{{ $respuesta->dimension }}</td>
                                                            <td class="tabla-descripcion-pregunta">{!! $respuesta->pregunta !!}</td>
                                                            <td class="tabla-valoracion-pregunta" style="display:none;">{{$respuesta->valor}}</td>
                                                            @if ($respuesta->es_opcional==true)
                                                                <td class="tabla-obligatoriedad-pregunta" style="display:none;">Opcional</td>
                                                            @else
                                                                <td class="tabla-obligatoriedad-pregunta" style="display:none;">Obligatorio</td>
                                                            @endif
                                                            <td class="text-center">
                                                                <div class="icheck-primary d-inline">
                                                                    <input type="radio" @if ($respuesta->valor == 4) checked="true" @endif id="RadioButtonFactor4Pregunta{{$preguntaFactor4}}Pts4" name="radio_button_factor4_pregunta{{$preguntaFactor4}}" value="4" onclick="calcularValoracionDeUnaPregunta(4,this.parentElement.parentElement.parentElement)">
                                                                    <label for="RadioButtonFactor4Pregunta{{$preguntaFactor4}}Pts4">
                                                                    </label>
                                                                </div>
                                                            </td>
                                                            <td class="text-center">
                                                                <div class="icheck-primary d-inline">
                                                                    <input type="radio" @if ($respuesta->valor == 3) checked="true" @endif id="RadioButtonFactor4Pregunta{{$preguntaFactor4}}Pts3" name="radio_button_factor4_pregunta{{$preguntaFactor4}}" value="3" onclick="calcularValoracionDeUnaPregunta(3,this.parentElement.parentElement.parentElement)">
                                                                    <label for="RadioButtonFactor4Pregunta{{$preguntaFactor4}}Pts3">
                                                                    </label>
                                                                </div>
                                                            </td>
                                                            <td class="text-center">
                                                                <div class="icheck-primary d-inline">
                                                                    <input type="radio" @if ($respuesta->valor == 2) checked="true" @endif id="RadioButtonFactor4Pregunta{{$preguntaFactor4}}Pts2" name="radio_button_factor4_pregunta{{$preguntaFactor4}}" value="2" onclick="calcularValoracionDeUnaPregunta(2,this.parentElement.parentElement.parentElement)">
                                                                    <label for="RadioButtonFactor4Pregunta{{$preguntaFactor4}}Pts2">
                                                                    </label>
                                                                </div>
                                                            </td>
                                                            <td class="text-center">
                                                                <div class="icheck-primary d-inline">
                                                                    <input type="radio" @if ($respuesta->valor == 1) checked="true" @endif id="RadioButtonFactor4Pregunta{{$preguntaFactor4}}Pts1" name="radio_button_factor4_pregunta{{$preguntaFactor4}}" value="1" onclick="calcularValoracionDeUnaPregunta(1,this.parentElement.parentElement.parentElement)">
                                                                    <label for="RadioButtonFactor4Pregunta{{$preguntaFactor4}}Pts1">
                                                                    </label>
                                                                </div>
                                                            </td>
                                                            <td class="tabla-valoracion-final-pregunta">{{$respuesta->valor}}</td>
                                                        </tr>
                                                    @endforeach
                                                    <tr>
                                                        <td colspan="2" class="celda-color-azul"></td>
                                                        <td colspan="4" class="celda-color-azul" style="font-weight: 700;">Sub-Total</td>
                                                        <td colspan="1" id="subtotalFactor4" class="celda-color-azul text-center" style="font-weight: 700;">{{ round($categoriasDeFactor4->valor_total_evaluacion) }}</td>
                                                    </tr>
                                                </tbody>
                                            </table>
        
                                            <div class="alert alert-danger" id="alertaTablaFactor5" style="display: none;">Eficiencia en el trabajo: Es obligatorio que cada pregunta tenga un valor seleccionado</div>
                                            <table class="table table-bordered" id="tabla-factor5">
                                                <thead>
                                                    <tr>
                                                        <th class="celda-color-azul" colspan="2" id="categoriaFactor5">FACTOR 5: Eficiencia En El Trabajo </th>
                                                        <th class="celda-color-azul">4 pts</th>
                                                        <th class="celda-color-azul">3 pts</th>
                                                        <th class="celda-color-azul">2 pts</th>
                                                        <th class="celda-color-azul">1 pts</th>
                                                        <th class="celda-color-gris">Valoración</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    @php
                                                        $preguntaFactor5=0;
                                                    @endphp
                                                    @foreach ($categoriasDeFactor5->respuestas as $respuesta)
                                                        @php
                                                            $preguntaFactor5++;
                                                        @endphp
                                                        <tr>
                                                            <td class="tabla-menu-pregunta">{{ $respuesta->dimension }}</td>
                                                            <td class="tabla-descripcion-pregunta">{!! $respuesta->pregunta !!}</td>
                                                            <td class="tabla-valoracion-pregunta" style="display:none;">{{$respuesta->valor}}</td>
                                                            @if ($respuesta->es_opcional==true)
                                                                <td class="tabla-obligatoriedad-pregunta" style="display:none;">Opcional</td>
                                                            @else
                                                                <td class="tabla-obligatoriedad-pregunta" style="display:none;">Obligatorio</td>
                                                            @endif
                                                            <td class="text-center">
                                                                <div class="icheck-primary d-inline">
                                                                    <input type="radio" @if ($respuesta->valor == 4) checked="true" @endif id="RadioButtonFactor5Pregunta{{$preguntaFactor5}}Pts4" name="radio_button_factor5_pregunta{{$preguntaFactor5}}" value="4" onclick="calcularValoracionDeUnaPregunta(4,this.parentElement.parentElement.parentElement)">
                                                                    <label for="RadioButtonFactor5Pregunta{{$preguntaFactor5}}Pts4">
                                                                    </label>
                                                                </div>
                                                            </td>
                                                            <td class="text-center">
                                                                <div class="icheck-primary d-inline">
                                                                    <input type="radio" @if ($respuesta->valor == 3) checked="true" @endif id="RadioButtonFactor5Pregunta{{$preguntaFactor5}}Pts3" name="radio_button_factor5_pregunta{{$preguntaFactor5}}" value="3" onclick="calcularValoracionDeUnaPregunta(3,this.parentElement.parentElement.parentElement)">
                                                                    <label for="RadioButtonFactor5Pregunta{{$preguntaFactor5}}Pts3">
                                                                    </label>
                                                                </div>
                                                            </td>
                                                            <td class="text-center">
                                                                <div class="icheck-primary d-inline">
                                                                    <input type="radio" @if ($respuesta->valor == 2) checked="true" @endif id="RadioButtonFactor5Pregunta{{$preguntaFactor5}}Pts2" name="radio_button_factor5_pregunta{{$preguntaFactor5}}" value="2" onclick="calcularValoracionDeUnaPregunta(2,this.parentElement.parentElement.parentElement)">
                                                                    <label for="RadioButtonFactor5Pregunta{{$preguntaFactor5}}Pts2">
                                                                    </label>
                                                                </div>
                                                            </td>
                                                            <td class="text-center">
                                                                <div class="icheck-primary d-inline">
                                                                    <input type="radio" @if ($respuesta->valor == 1) checked="true" @endif id="RadioButtonFactor5Pregunta{{$preguntaFactor5}}Pts1" name="radio_button_factor5_pregunta{{$preguntaFactor5}}" value="1" onclick="calcularValoracionDeUnaPregunta(1,this.parentElement.parentElement.parentElement)">
                                                                    <label for="RadioButtonFactor5Pregunta{{$preguntaFactor5}}Pts1">
                                                                    </label>
                                                                </div>
                                                            </td>
                                                            <td class="tabla-valoracion-final-pregunta">{{$respuesta->valor}}</td>
                                                        </tr>
                                                    @endforeach
                                                    <tr>
                                                        <td colspan="2" class="celda-color-azul"></td>
                                                        <td colspan="4" class="celda-color-azul" style="font-weight: 700;">Sub-Total</td>
                                                        <td colspan="1" id="subtotalFactor5" class="celda-color-azul text-center" style="font-weight: 700;">{{ round($categoriasDeFactor5->valor_total_evaluacion) }}</td>
                                                    </tr>
                                                </tbody>
                                            </table>
        
                                            <div class="alert alert-danger" id="alertaTablaFactor6" style="display: none;">Conductas laborales básicas: Es obligatorio que cada pregunta tenga un valor seleccionado</div>
                                            <table class="table table-bordered" id="tabla-factor6">
                                                <thead>
                                                    <tr>
                                                        <th class="celda-color-azul" colspan="2" id="categoriaFactor6">FACTOR 6: Conductas Laborales Básicas</th>
                                                        <th class="celda-color-azul">4 pts</th>
                                                        <th class="celda-color-azul">3 pts</th>
                                                        <th class="celda-color-azul">2 pts</th>
                                                        <th class="celda-color-azul">1 pts</th>
                                                        <th class="celda-color-gris">Valoración</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    @php
                                                        $preguntaFactor6=0;
                                                    @endphp
                                                    @foreach ($categoriasDeFactor6->respuestas as $respuesta)
                                                        @php
                                                            $preguntaFactor6++;
                                                        @endphp
                                                        <tr>
                                                            <td class="tabla-menu-pregunta">{{ $respuesta->dimension }}</td>
                                                            <td class="tabla-descripcion-pregunta">{!! $respuesta->pregunta !!}</td>
                                                            <td class="tabla-valoracion-pregunta" style="display:none;">{{$respuesta->valor}}</td>
                                                            @if ($respuesta->es_opcional==true)
                                                                <td class="tabla-obligatoriedad-pregunta" style="display:none;">Opcional</td>
                                                            @else
                                                                <td class="tabla-obligatoriedad-pregunta" style="display:none;">Obligatorio</td>
                                                            @endif
                                                            <td class="text-center">
                                                                <div class="icheck-primary d-inline">
                                                                    <input type="radio" @if ($respuesta->valor == 4) checked="true" @endif id="RadioButtonFactor6Pregunta{{$preguntaFactor6}}Pts4" name="radio_button_factor6_pregunta{{$preguntaFactor6}}" value="4" onclick="calcularValoracionDeUnaPregunta(4,this.parentElement.parentElement.parentElement)">
                                                                    <label for="RadioButtonFactor6Pregunta{{$preguntaFactor6}}Pts4">
                                                                    </label>
                                                                </div>
                                                            </td>
                                                            <td class="text-center">
                                                                <div class="icheck-primary d-inline">
                                                                    <input type="radio" @if ($respuesta->valor == 3) checked="true" @endif id="RadioButtonFactor6Pregunta{{$preguntaFactor6}}Pts3" name="radio_button_factor6_pregunta{{$preguntaFactor6}}" value="3" onclick="calcularValoracionDeUnaPregunta(3,this.parentElement.parentElement.parentElement)">
                                                                    <label for="RadioButtonFactor6Pregunta{{$preguntaFactor6}}Pts3">
                                                                    </label>
                                                                </div>
                                                            </td>
                                                            <td class="text-center">
                                                                <div class="icheck-primary d-inline">
                                                                    <input type="radio" @if ($respuesta->valor == 2) checked="true" @endif id="RadioButtonFactor6Pregunta{{$preguntaFactor6}}Pts2" name="radio_button_factor6_pregunta{{$preguntaFactor6}}" value="2" onclick="calcularValoracionDeUnaPregunta(2,this.parentElement.parentElement.parentElement)">
                                                                    <label for="RadioButtonFactor6Pregunta{{$preguntaFactor6}}Pts2">
                                                                    </label>
                                                                </div>
                                                            </td>
                                                            <td class="text-center">
                                                                <div class="icheck-primary d-inline">
                                                                    <input type="radio" @if ($respuesta->valor == 1) checked="true" @endif id="RadioButtonFactor6Pregunta{{$preguntaFactor6}}Pts1" name="radio_button_factor6_pregunta{{$preguntaFactor6}}" value="1" onclick="calcularValoracionDeUnaPregunta(1,this.parentElement.parentElement.parentElement)">
                                                                    <label for="RadioButtonFactor6Pregunta{{$preguntaFactor6}}Pts1">
                                                                    </label>
                                                                </div>
                                                            </td>
                                                            <td class="tabla-valoracion-final-pregunta">{{$respuesta->valor}}</td>
                                                        </tr>
                                                    @endforeach
                                                    <tr>
                                                        <td colspan="2" class="celda-color-azul"></td>
                                                        <td colspan="4" class="celda-color-azul" style="font-weight: 700;">Sub-Total</td>
                                                        <td colspan="1" id="subtotalFactor6" class="celda-color-azul text-center" style="font-weight: 700;">{{ round($categoriasDeFactor6->valor_total_evaluacion) }}</td>
                                                    </tr>
                                                </tbody>
                                            </table>
        
                                            <div class="alert alert-danger" id="alertaTablaFactor7" style="display: none;">Conocimientos y conductas en seguridad: Es obligatorio que cada pregunta tenga un valor seleccionado</div>
                                            <table class="table table-bordered" id="tabla-factor7">
                                                <thead>
                                                    <tr>
                                                        <th class="celda-color-azul" colspan="2" id="categoriaFactor7">FACTOR 7: Conocimientos y Conductas en Seguridad</th>
                                                        <th class="celda-color-azul">4 pts</th>
                                                        <th class="celda-color-azul">3 pts</th>
                                                        <th class="celda-color-azul">2 pts</th>
                                                        <th class="celda-color-azul">1 pts</th>
                                                        <th class="celda-color-azul">No Aplica</th>
                                                        <th class="celda-color-gris">Valoración</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    @php
                                                        $preguntaFactor7=0;
                                                    @endphp
                                                    @foreach ($categoriasDeFactor7->respuestas as $respuesta)
                                                        @php
                                                            $preguntaFactor7++;
                                                        @endphp
                                                        <tr>
                                                            <td class="tabla-menu-pregunta">{{ $respuesta->dimension }}</td>
                                                            <td class="tabla-descripcion-pregunta">{!! $respuesta->pregunta !!}</td>
                                                            <td class="tabla-valoracion-pregunta" style="display:none;">{{$respuesta->valor}}</td>
                                                            @if ($respuesta->es_opcional==true)
                                                                <td class="tabla-obligatoriedad-pregunta" style="display:none;">Opcional</td>
                                                            @else
                                                                <td class="tabla-obligatoriedad-pregunta" style="display:none;">Obligatorio</td>
                                                            @endif
                                                            <td class="text-center">
                                                                <div class="icheck-primary d-inline">
                                                                    <input type="radio" @if ($respuesta->valor == 4) checked="true" @endif id="RadioButtonFactor7Pregunta{{$preguntaFactor7}}Pts4" name="radio_button_factor7_pregunta{{$preguntaFactor7}}" value="4" onclick="calcularValoracionDeUnaPregunta(4,this.parentElement.parentElement.parentElement)">
                                                                    <label for="RadioButtonFactor7Pregunta{{$preguntaFactor7}}Pts4">
                                                                    </label>
                                                                </div>
                                                            </td>
                                                            <td class="text-center">
                                                                <div class="icheck-primary d-inline">
                                                                    <input type="radio" @if ($respuesta->valor == 3) checked="true" @endif id="RadioButtonFactor7Pregunta{{$preguntaFactor7}}Pts3" name="radio_button_factor7_pregunta{{$preguntaFactor7}}" value="3" onclick="calcularValoracionDeUnaPregunta(3,this.parentElement.parentElement.parentElement)">
                                                                    <label for="RadioButtonFactor7Pregunta{{$preguntaFactor7}}Pts3">
                                                                    </label>
                                                                </div>
                                                            </td>
                                                            <td class="text-center">
                                                                <div class="icheck-primary d-inline">
                                                                    <input type="radio" @if ($respuesta->valor == 2) checked="true" @endif id="RadioButtonFactor7Pregunta{{$preguntaFactor7}}Pts2" name="radio_button_factor7_pregunta{{$preguntaFactor7}}" value="2" onclick="calcularValoracionDeUnaPregunta(2,this.parentElement.parentElement.parentElement)">
                                                                    <label for="RadioButtonFactor7Pregunta{{$preguntaFactor7}}Pts2">
                                                                    </label>
                                                                </div>
                                                            </td>
                                                            <td class="text-center">
                                                                <div class="icheck-primary d-inline">
                                                                    <input type="radio" @if ($respuesta->valor == 1) checked="true" @endif id="RadioButtonFactor7Pregunta{{$preguntaFactor7}}Pts1" name="radio_button_factor7_pregunta{{$preguntaFactor7}}" value="1" onclick="calcularValoracionDeUnaPregunta(1,this.parentElement.parentElement.parentElement)">
                                                                    <label for="RadioButtonFactor7Pregunta{{$preguntaFactor7}}Pts1">
                                                                    </label>
                                                                </div>
                                                            </td>
                                                            <td class="text-center">
                                                                @if ($respuesta->es_opcional==true)
                                                                    <div class="icheck-primary d-inline">
                                                                        <input type="radio" @if ($respuesta->valor == 0) checked="true" @endif id="RadioButtonFactor7Pregunta{{$preguntaFactor7}}Pts0" name="radio_button_factor7_pregunta{{$preguntaFactor7}}" value="0" onclick="calcularValoracionDeUnaPregunta(0,this.parentElement.parentElement.parentElement)">
                                                                        <label for="RadioButtonFactor7Pregunta{{$preguntaFactor7}}Pts0">
                                                                        </label>
                                                                    </div>
                                                                @endif
                                                            </td>
                                                            <td class="tabla-valoracion-final-pregunta">{{$respuesta->valor}}</td>
                                                        </tr>
                                                    @endforeach
                                                    <tr>
                                                        <td colspan="2" class="celda-color-azul"></td>
                                                        <td colspan="5" class="celda-color-azul" style="font-weight: 700;">Sub-Total</td>
                                                        <td colspan="1" id="subtotalFactor7" class="celda-color-azul text-center" style="font-weight: 700;">{{ round($categoriasDeFactor7->valor_total_evaluacion) }}</td>
                                                    </tr>
                                                </tbody>
                                            </table>
        
                                            <div class="alert alert-danger" id="alertaTablaFactor8" style="display: none;">Valor integridad: Es obligatorio que cada pregunta tenga un valor seleccionado</div>
                                            <table class="table table-bordered" id="tabla-factor8">
                                                <thead>
                                                    <tr>
                                                        <th class="celda-color-azul" colspan="2" id="categoriaFactor8">FACTOR 8: Valor Integridad</th>
                                                        <th class="celda-color-azul">4 pts</th>
                                                        <th class="celda-color-azul">3 pts</th>
                                                        <th class="celda-color-azul">2 pts</th>
                                                        <th class="celda-color-azul">1 pts</th>
                                                        <th class="celda-color-gris">Valoración</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    @php
                                                        $preguntaFactor8=0;
                                                    @endphp
                                                    @foreach ($categoriasDeFactor8->respuestas as $respuesta)
                                                        @php
                                                            $preguntaFactor8++;
                                                        @endphp
                                                        <tr>
                                                            <td class="tabla-menu-pregunta">{{ $respuesta->dimension }}</td>
                                                            <td class="tabla-descripcion-pregunta">{!! $respuesta->pregunta !!}</td>
                                                            <td class="tabla-valoracion-pregunta" style="display:none;">{{$respuesta->valor}}</td>
                                                            @if ($respuesta->es_opcional==true)
                                                                <td class="tabla-obligatoriedad-pregunta" style="display:none;">Opcional</td>
                                                            @else
                                                                <td class="tabla-obligatoriedad-pregunta" style="display:none;">Obligatorio</td>
                                                            @endif
                                                            <td class="text-center">
                                                                <div class="icheck-primary d-inline">
                                                                    <input type="radio" @if ($respuesta->valor == 4) checked="true" @endif id="RadioButtonFactor8Pregunta{{$preguntaFactor8}}Pts4" name="radio_button_factor8_pregunta{{$preguntaFactor8}}" value="4" onclick="calcularValoracionDeUnaPregunta(4,this.parentElement.parentElement.parentElement)">
                                                                    <label for="RadioButtonFactor8Pregunta{{$preguntaFactor8}}Pts4">
                                                                    </label>
                                                                </div>
                                                            </td>
                                                            <td class="text-center">
                                                                <div class="icheck-primary d-inline">
                                                                    <input type="radio" @if ($respuesta->valor == 3) checked="true" @endif id="RadioButtonFactor8Pregunta{{$preguntaFactor8}}Pts3" name="radio_button_factor8_pregunta{{$preguntaFactor8}}" value="3" onclick="calcularValoracionDeUnaPregunta(3,this.parentElement.parentElement.parentElement)">
                                                                    <label for="RadioButtonFactor8Pregunta{{$preguntaFactor8}}Pts3">
                                                                    </label>
                                                                </div>
                                                            </td>
                                                            <td class="text-center">
                                                                <div class="icheck-primary d-inline">
                                                                    <input type="radio" @if ($respuesta->valor == 2) checked="true" @endif id="RadioButtonFactor8Pregunta{{$preguntaFactor8}}Pts2" name="radio_button_factor8_pregunta{{$preguntaFactor8}}" value="2" onclick="calcularValoracionDeUnaPregunta(2,this.parentElement.parentElement.parentElement)">
                                                                    <label for="RadioButtonFactor8Pregunta{{$preguntaFactor8}}Pts2">
                                                                    </label>
                                                                </div>
                                                            </td>
                                                            <td class="text-center">
                                                                <div class="icheck-primary d-inline">
                                                                    <input type="radio" @if ($respuesta->valor == 1) checked="true" @endif id="RadioButtonFactor8Pregunta{{$preguntaFactor8}}Pts1" name="radio_button_factor8_pregunta{{$preguntaFactor8}}" value="1" onclick="calcularValoracionDeUnaPregunta(1,this.parentElement.parentElement.parentElement)">
                                                                    <label for="RadioButtonFactor8Pregunta{{$preguntaFactor8}}Pts1">
                                                                    </label>
                                                                </div>
                                                            </td>
                                                            <td class="tabla-valoracion-final-pregunta">{{$respuesta->valor}}</td>
                                                        </tr>
                                                    @endforeach
                                                    <tr>
                                                        <td colspan="2" class="celda-color-azul"></td>
                                                        <td colspan="4" class="celda-color-azul" style="font-weight: 700;">Sub-Total</td>
                                                        <td colspan="1" id="subtotalFactor8" class="celda-color-azul text-center" style="font-weight: 700;">{{ round($categoriasDeFactor8->valor_total_evaluacion) }}</td>
                                                    </tr>
                                                </tbody>
                                            </table>

                                            @if ($evaluacion->valor_total_jefaturas<3)
                                                <div class="form-group" id="contenedorDelCampoMotivo">
                                                    <label for="observacion">Motivo</label>
                                                    <textarea class="form-control" id="campoMotivoBajaCalificacion" name="observacion_calificacion_inferior" rows="3">{{$evaluacion->observacion_calificacion_inferior}}</textarea>
                                                    <div class="invalid-feedback" id="validacionCampoMotivoBajaCalificacion">
            
                                                    </div>
                                                </div>
                                            @else
                                                <div class="form-group" id="contenedorDelCampoMotivo" style="display:none;">
                                                    <label for="observacion">Motivo</label>
                                                    <textarea class="form-control" id="campoMotivoBajaCalificacion" name="observacion_calificacion_inferior" rows="3"></textarea>
                                                    <div class="invalid-feedback" id="validacionCampoMotivoBajaCalificacion">
            
                                                    </div>
                                                </div>
                                            @endif

                                            <table class="table table-bordered" id="tablaTotalDeOpymMedios"  style="display: none;">
                                                <thead>
                                                    <tr>
                                                        <td class="celda-color-azul text-center" style="font-weight: 700; font-size: 20px;">TOTAL OP. Y M. MEDIOS</td>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    <tr>
                                                        <td id="subtotalOpymMedios" class="text-center" style="font-size: 50px; font-weight: 700; color:#007bff;">0</td>
                                                    </tr>
                                                    <tr>
                                                        <td id="mensajeEvaluacionOpymMedios" class="text-center" style="font-size: 20px; font-weight: 700; color:#007bff;"></td>
                                                    </tr>
                                                </tbody>
                                            </table>
        
                                            <table class="table table-bordered" id="tablaTotalDeJefaturas">
                                                <thead>
                                                    <tr>
                                                        <td class="celda-color-azul text-center" style="font-weight: 700; font-size: 20px;">TOTAL JEFATURAS</td>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    <tr>
                                                        <td id="subtotalJefaturas" class="text-center" style="font-size: 50px; font-weight: 700; color:#007bff;">{{ round($evaluacion->valor_total_jefaturas) }}</td>
                                                    </tr>
                                                    <tr>
                                                        <td id="mensajeEvaluacionJefatura" class="text-center" style="font-size: 20px; font-weight: 700; color:#007bff;"></td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                        @elseif($evaluacion->relacion_jefatura=="opymmedios")
                                            <div class="alert alert-danger" id="alertaTablaFactor1" style="display: none;">Desarrollo profesional y aplicación de conocimientos técnicos: Es obligatorio que cada pregunta tenga un valor seleccionado</div>
                                            <table class="table table-bordered" id="tabla-factor1">
                                                <thead>
                                                    <tr>
                                                        <th class="celda-color-azul" colspan="2" id="categoriaFactor1">FACTOR 1: Desarrollo Profesional y Aplicación de Conocimientos Técnicos </th>
                                                        <th class="celda-color-azul">4 pts</th>
                                                        <th class="celda-color-azul">3 pts</th>
                                                        <th class="celda-color-azul">2 pts</th>
                                                        <th class="celda-color-azul">1 pts</th>
                                                        <th class="celda-color-gris">Valoración</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    @php
                                                        $preguntaFactor1=0;
                                                    @endphp
                                                    @foreach ($categoriasDeFactor1->respuestas as $respuesta)
                                                        @php
                                                            $preguntaFactor1++;
                                                        @endphp
                                                        <tr>
                                                            <td class="tabla-menu-pregunta">{{ $respuesta->dimension }}</td>
                                                            <td class="tabla-descripcion-pregunta">{!! $respuesta->pregunta !!}</td>
                                                            <td class="tabla-valoracion-pregunta" style="display:none;">{{$respuesta->valor}}</td>
                                                            @if ($respuesta->es_opcional==true)
                                                                <td class="tabla-obligatoriedad-pregunta" style="display:none;">Opcional</td>
                                                            @else
                                                                <td class="tabla-obligatoriedad-pregunta" style="display:none;">Obligatorio</td>
                                                            @endif
                                                            <td class="text-center">
                                                                <div class="icheck-primary d-inline">
                                                                    <input type="radio" @if ($respuesta->valor == 4) checked="true" @endif id="RadioButtonFactor1Pregunta{{$preguntaFactor1}}Pts4" name="radio_button_factor1_pregunta{{$preguntaFactor1}}" value="4" onclick="calcularValoracionDeUnaPregunta(4,this.parentElement.parentElement.parentElement)">
                                                                    <label for="RadioButtonFactor1Pregunta{{$preguntaFactor1}}Pts4">
                                                                    </label>
                                                                </div>
                                                            </td>
                                                            <td class="text-center">
                                                                <div class="icheck-primary d-inline">
                                                                    <input type="radio" @if ($respuesta->valor == 3) checked="true" @endif id="RadioButtonFactor1Pregunta{{$preguntaFactor1}}Pts3" name="radio_button_factor1_pregunta{{$preguntaFactor1}}" value="3" onclick="calcularValoracionDeUnaPregunta(3,this.parentElement.parentElement.parentElement)">
                                                                    <label for="RadioButtonFactor1Pregunta{{$preguntaFactor1}}Pts3">
                                                                    </label>
                                                                </div>
                                                            </td>
                                                            <td class="text-center">
                                                                <div class="icheck-primary d-inline">
                                                                    <input type="radio" @if ($respuesta->valor == 2) checked="true" @endif id="RadioButtonFactor1Pregunta{{$preguntaFactor1}}Pts2" name="radio_button_factor1_pregunta{{$preguntaFactor1}}" value="2" onclick="calcularValoracionDeUnaPregunta(2,this.parentElement.parentElement.parentElement)">
                                                                    <label for="RadioButtonFactor1Pregunta{{$preguntaFactor1}}Pts2">
                                                                    </label>
                                                                </div>
                                                            </td>
                                                            <td class="text-center">
                                                                <div class="icheck-primary d-inline">
                                                                    <input type="radio" @if ($respuesta->valor == 1) checked="true" @endif id="RadioButtonFactor1Pregunta{{$preguntaFactor1}}Pts1" name="radio_button_factor1_pregunta{{$preguntaFactor1}}" value="1" onclick="calcularValoracionDeUnaPregunta(1,this.parentElement.parentElement.parentElement)">
                                                                    <label for="RadioButtonFactor1Pregunta{{$preguntaFactor1}}Pts1">
                                                                    </label>
                                                                </div>
                                                            </td>
                                                            <td class="tabla-valoracion-final-pregunta">{{$respuesta->valor}}</td>
                                                        </tr>
                                                    @endforeach
                                                    <tr>
                                                        <td colspan="2" class="celda-color-azul"></td>
                                                        <td colspan="4" class="celda-color-azul" style="font-weight: 700;">Sub-Total</td>
                                                        <td colspan="1" id="subtotalFactor1" class="celda-color-azul text-center" style="font-weight: 700;">{{ round($categoriasDeFactor1->valor_total_evaluacion) }}</td>
                                                    </tr>
                                                </tbody>
                                            </table>
        
                                            <div class="alert alert-danger" id="alertaTablaFactor2" style="display: none;">Relaciones interpersonales: Es obligatorio que cada pregunta tenga un valor seleccionado</div>
                                            <table class="table table-bordered" id="tabla-factor2">
                                                <thead>
                                                    <tr>
                                                        <th class="celda-color-azul" colspan="2" id="categoriaFactor2">FACTOR 2: Relaciones Interpersonales</th>
                                                        <th class="celda-color-azul">4 pts</th>
                                                        <th class="celda-color-azul">3 pts</th>
                                                        <th class="celda-color-azul">2 pts</th>
                                                        <th class="celda-color-azul">1 pts</th>
                                                        <th class="celda-color-azul">No Aplica</th>
                                                        <th class="celda-color-gris">Valoración</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    @php
                                                        $preguntaFactor2=0;
                                                    @endphp
                                                    @foreach ($categoriasDeFactor2->respuestas as $respuesta)
                                                        @php
                                                            $preguntaFactor2++;
                                                        @endphp
                                                        <tr>
                                                            <td class="tabla-menu-pregunta">{{ $respuesta->dimension }}</td>
                                                            <td class="tabla-descripcion-pregunta">{!! $respuesta->pregunta !!}</td>
                                                            <td class="tabla-valoracion-pregunta" style="display:none;">{{$respuesta->valor}}</td>
                                                            @if ($respuesta->es_opcional==true)
                                                                <td class="tabla-obligatoriedad-pregunta" style="display:none;">Opcional</td>
                                                            @else
                                                                <td class="tabla-obligatoriedad-pregunta" style="display:none;">Obligatorio</td>
                                                            @endif
                                                            <td class="text-center">
                                                                <div class="icheck-primary d-inline">
                                                                    <input type="radio" @if ($respuesta->valor == 4) checked="true" @endif id="RadioButtonFactor2Pregunta{{$preguntaFactor2}}Pts4" name="radio_button_factor2_pregunta{{$preguntaFactor2}}" value="4" onclick="calcularValoracionDeUnaPregunta(4,this.parentElement.parentElement.parentElement)">
                                                                    <label for="RadioButtonFactor2Pregunta{{$preguntaFactor2}}Pts4">
                                                                    </label>
                                                                </div>
                                                            </td>
                                                            <td class="text-center">
                                                                <div class="icheck-primary d-inline">
                                                                    <input type="radio" @if ($respuesta->valor == 3) checked="true" @endif id="RadioButtonFactor2Pregunta{{$preguntaFactor2}}Pts3" name="radio_button_factor2_pregunta{{$preguntaFactor2}}" value="3" onclick="calcularValoracionDeUnaPregunta(3,this.parentElement.parentElement.parentElement)">
                                                                    <label for="RadioButtonFactor2Pregunta{{$preguntaFactor2}}Pts3">
                                                                    </label>
                                                                </div>
                                                            </td>
                                                            <td class="text-center">
                                                                <div class="icheck-primary d-inline">
                                                                    <input type="radio" @if ($respuesta->valor == 2) checked="true" @endif id="RadioButtonFactor2Pregunta{{$preguntaFactor2}}Pts2" name="radio_button_factor2_pregunta{{$preguntaFactor2}}" value="2" onclick="calcularValoracionDeUnaPregunta(2,this.parentElement.parentElement.parentElement)">
                                                                    <label for="RadioButtonFactor2Pregunta{{$preguntaFactor2}}Pts2">
                                                                    </label>
                                                                </div>
                                                            </td>
                                                            <td class="text-center">
                                                                <div class="icheck-primary d-inline">
                                                                    <input type="radio" @if ($respuesta->valor == 1) checked="true" @endif id="RadioButtonFactor2Pregunta{{$preguntaFactor2}}Pts1" name="radio_button_factor2_pregunta{{$preguntaFactor2}}" value="1" onclick="calcularValoracionDeUnaPregunta(1,this.parentElement.parentElement.parentElement)">
                                                                    <label for="RadioButtonFactor2Pregunta{{$preguntaFactor2}}Pts1">
                                                                    </label>
                                                                </div>
                                                            </td>
                                                            <td class="text-center">
                                                                @if ($respuesta->es_opcional==true)
                                                                    <div class="icheck-primary d-inline">
                                                                        <input type="radio" @if ($respuesta->valor == 0) checked="true" @endif id="RadioButtonFactor2Pregunta{{$preguntaFactor2}}Pts0" name="radio_button_factor2_pregunta{{$preguntaFactor2}}" value="0" onclick="calcularValoracionDeUnaPregunta(0,this.parentElement.parentElement.parentElement)">
                                                                        <label for="RadioButtonFactor2Pregunta{{$preguntaFactor2}}Pts0">
                                                                        </label>
                                                                    </div>
                                                                @endif
                                                            </td>
                                                            <td class="tabla-valoracion-final-pregunta">{{$respuesta->valor}}</td>
                                                        </tr>
                                                    @endforeach
                                                    <tr>
                                                        <td colspan="2" class="celda-color-azul"></td>
                                                        <td colspan="5" class="celda-color-azul" style="font-weight: 700;">Sub-Total</td>
                                                        <td colspan="1" id="subtotalFactor2" class="celda-color-azul text-center" style="font-weight: 700;">{{ round($categoriasDeFactor2->valor_total_evaluacion) }}</td>
                                                    </tr>
                                                </tbody>
                                            </table>
        
                                            <div class="alert alert-danger" id="alertaTablaFactor3" style="display: none;">Compromiso con los objetivos organizacionales: Es obligatorio que cada pregunta tenga un valor seleccionado</div>
                                            <table class="table table-bordered" id="tabla-factor3">
                                                <thead>
                                                    <tr>
                                                        <th class="celda-color-azul" colspan="2" id="categoriaFactor3">FACTOR 3: Compromiso Con Los Objetivos Organizacionales </th>
                                                        <th class="celda-color-azul">4 pts</th>
                                                        <th class="celda-color-azul">3 pts</th>
                                                        <th class="celda-color-azul">2 pts</th>
                                                        <th class="celda-color-azul">1 pts</th>
                                                        <th class="celda-color-gris">Valoración</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    @php
                                                        $preguntaFactor3=0;
                                                    @endphp
                                                    @foreach ($categoriasDeFactor3->respuestas as $respuesta)
                                                        @php
                                                            $preguntaFactor3++;
                                                        @endphp
                                                        <tr>
                                                            <td class="tabla-menu-pregunta">{{ $respuesta->dimension }}</td>
                                                            <td class="tabla-descripcion-pregunta">{!! $respuesta->pregunta !!}</td>
                                                            <td class="tabla-valoracion-pregunta" style="display:none;">{{$respuesta->valor}}</td>
                                                            @if ($respuesta->es_opcional==true)
                                                                <td class="tabla-obligatoriedad-pregunta" style="display:none;">Opcional</td>
                                                            @else
                                                                <td class="tabla-obligatoriedad-pregunta" style="display:none;">Obligatorio</td>
                                                            @endif
                                                            <td class="text-center">
                                                                <div class="icheck-primary d-inline">
                                                                    <input type="radio" @if ($respuesta->valor == 4) checked="true" @endif id="RadioButtonFactor3Pregunta{{$preguntaFactor3}}Pts4" name="radio_button_factor3_pregunta{{$preguntaFactor3}}" value="4" onclick="calcularValoracionDeUnaPregunta(4,this.parentElement.parentElement.parentElement)">
                                                                    <label for="RadioButtonFactor3Pregunta{{$preguntaFactor3}}Pts4">
                                                                    </label>
                                                                </div>
                                                            </td>
                                                            <td class="text-center">
                                                                <div class="icheck-primary d-inline">
                                                                    <input type="radio" @if ($respuesta->valor == 3) checked="true" @endif id="RadioButtonFactor3Pregunta{{$preguntaFactor3}}Pts3" name="radio_button_factor3_pregunta{{$preguntaFactor3}}" value="3" onclick="calcularValoracionDeUnaPregunta(3,this.parentElement.parentElement.parentElement)">
                                                                    <label for="RadioButtonFactor3Pregunta{{$preguntaFactor3}}Pts3">
                                                                    </label>
                                                                </div>
                                                            </td>
                                                            <td class="text-center">
                                                                <div class="icheck-primary d-inline">
                                                                    <input type="radio" @if ($respuesta->valor == 2) checked="true" @endif id="RadioButtonFactor3Pregunta{{$preguntaFactor3}}Pts2" name="radio_button_factor3_pregunta{{$preguntaFactor3}}" value="2" onclick="calcularValoracionDeUnaPregunta(2,this.parentElement.parentElement.parentElement)">
                                                                    <label for="RadioButtonFactor3Pregunta{{$preguntaFactor3}}Pts2">
                                                                    </label>
                                                                </div>
                                                            </td>
                                                            <td class="text-center">
                                                                <div class="icheck-primary d-inline">
                                                                    <input type="radio" @if ($respuesta->valor == 1) checked="true" @endif id="RadioButtonFactor3Pregunta{{$preguntaFactor3}}Pts1" name="radio_button_factor3_pregunta{{$preguntaFactor3}}" value="1" onclick="calcularValoracionDeUnaPregunta(1,this.parentElement.parentElement.parentElement)">
                                                                    <label for="RadioButtonFactor3Pregunta{{$preguntaFactor3}}Pts1">
                                                                    </label>
                                                                </div>
                                                            </td>
                                                            <td class="tabla-valoracion-final-pregunta">{{$respuesta->valor}}</td>
                                                        </tr>
                                                    @endforeach
                                                    <tr>
                                                        <td colspan="2" class="celda-color-azul"></td>
                                                        <td colspan="4" class="celda-color-azul" style="font-weight: 700;">Sub-Total</td>
                                                        <td colspan="1" id="subtotalFactor3" class="celda-color-azul text-center" style="font-weight: 700;">{{ round($categoriasDeFactor3->valor_total_evaluacion) }}</td>
                                                    </tr>
                                                </tbody>
                                            </table>

                                            <div class="alert alert-danger" id="alertaTablaFactor4" style="display: none;">Capacidad de liderazgo; solo para cargos que aplica: Es obligatorio que cada pregunta tenga un valor seleccionado</div>
                                            <table class="table table-bordered" id="tabla-factor4" style="display: none;">
                                                <thead>
                                                    <tr>
                                                        <th class="celda-color-azul" colspan="2" id="categoriaFactor4">FACTOR 4: Capacidad de Liderazgo; Solo para Cargos que Aplica</th>
                                                        <th class="celda-color-azul">4 pts</th>
                                                        <th class="celda-color-azul">3 pts</th>
                                                        <th class="celda-color-azul">2 pts</th>
                                                        <th class="celda-color-azul">1 pts</th>
                                                        <th class="celda-color-gris">Valoración</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    <tr>
                                                        <td class="tabla-menu-pregunta">1.-</td>
                                                        <td class="tabla-descripcion-pregunta">Es motivador y reconoce el buen desempeño del personal a su cargo.</td>
                                                        <td class="tabla-valoracion-pregunta" style="display:none;"></td>
                                                        <td class="tabla-obligatoriedad-pregunta" style="display:none;">Obligatorio</td>
                                                        <td class="text-center">
                                                            <div class="icheck-primary d-inline">
                                                                <input type="radio" id="RadioButtonFactor4Pregunta1Pts4" name="radio_button_factor4_pregunta1" value="4" onclick="calcularValoracionDeUnaPregunta(4,this.parentElement.parentElement.parentElement)">
                                                                <label for="RadioButtonFactor4Pregunta1Pts4">
                                                                </label>
                                                            </div>
                                                        </td>
                                                        <td class="text-center">
                                                            <div class="icheck-primary d-inline">
                                                                <input type="radio" id="RadioButtonFactor4Pregunta1Pts3" name="radio_button_factor4_pregunta1" value="3" onclick="calcularValoracionDeUnaPregunta(3,this.parentElement.parentElement.parentElement)">
                                                                <label for="RadioButtonFactor4Pregunta1Pts3">
                                                                </label>
                                                            </div>
                                                        </td>
                                                        <td class="text-center">
                                                            <div class="icheck-primary d-inline">
                                                                <input type="radio" id="RadioButtonFactor4Pregunta1Pts2" name="radio_button_factor4_pregunta1" value="2" onclick="calcularValoracionDeUnaPregunta(2,this.parentElement.parentElement.parentElement)">
                                                                <label for="RadioButtonFactor4Pregunta1Pts2">
                                                                </label>
                                                            </div>
                                                        </td>
                                                        <td class="text-center">
                                                            <div class="icheck-primary d-inline">
                                                                <input type="radio" id="RadioButtonFactor4Pregunta1Pts1" name="radio_button_factor4_pregunta1" value="1" onclick="calcularValoracionDeUnaPregunta(1,this.parentElement.parentElement.parentElement)">
                                                                <label for="RadioButtonFactor4Pregunta1Pts1">
                                                                </label>
                                                            </div>
                                                        </td>
                                                        <td class="tabla-valoracion-final-pregunta"></td>
                                                    </tr>
                                                    <tr>
                                                        <td class="tabla-menu-pregunta">2.-</td>
                                                        <td class="tabla-descripcion-pregunta">Motiva permanentemente al personal hacia el logro de los objetivos de su área y de la empresa.</td>
                                                        <td class="tabla-valoracion-pregunta" style="display:none;"></td>
                                                        <td class="tabla-obligatoriedad-pregunta" style="display:none;">Obligatorio</td>
                                                        <td class="text-center">
                                                            <div class="icheck-primary d-inline">
                                                                <input type="radio" id="RadioButtonFactor4Pregunta2Pts4" name="radio_button_factor4_pregunta2" value="4" onclick="calcularValoracionDeUnaPregunta(4,this.parentElement.parentElement.parentElement)">
                                                                <label for="RadioButtonFactor4Pregunta2Pts4">
                                                                </label>
                                                            </div>
                                                        </td>
                                                        <td class="text-center">
                                                            <div class="icheck-primary d-inline">
                                                                <input type="radio" id="RadioButtonFactor4Pregunta2Pts3" name="radio_button_factor4_pregunta2" value="3" onclick="calcularValoracionDeUnaPregunta(3,this.parentElement.parentElement.parentElement)">
                                                                <label for="RadioButtonFactor4Pregunta2Pts3">
                                                                </label>
                                                            </div>
                                                        </td>
                                                        <td class="text-center">
                                                            <div class="icheck-primary d-inline">
                                                                <input type="radio" id="RadioButtonFactor4Pregunta2Pts2" name="radio_button_factor4_pregunta2" value="2" onclick="calcularValoracionDeUnaPregunta(2,this.parentElement.parentElement.parentElement)">
                                                                <label for="RadioButtonFactor4Pregunta2Pts2">
                                                                </label>
                                                            </div>
                                                        </td>
                                                        <td class="text-center">
                                                            <div class="icheck-primary d-inline">
                                                                <input type="radio" id="RadioButtonFactor4Pregunta2Pts1" name="radio_button_factor4_pregunta2" value="1" onclick="calcularValoracionDeUnaPregunta(1,this.parentElement.parentElement.parentElement)">
                                                                <label for="RadioButtonFactor4Pregunta2Pts1">
                                                                </label>
                                                            </div>
                                                        </td>
                                                        <td class="tabla-valoracion-final-pregunta"></td>
                                                    </tr>
                                                    <tr>
                                                        <td class="tabla-menu-pregunta">3.-</td>
                                                        <td class="tabla-descripcion-pregunta">Actúa como formador del personal que se encuentra a su cargo, realizando  permanente actividades de orientación.</td>
                                                        <td class="tabla-valoracion-pregunta" style="display:none;"></td>
                                                        <td class="tabla-obligatoriedad-pregunta" style="display:none;">Obligatorio</td>
                                                        <td class="text-center">
                                                            <div class="icheck-primary d-inline">
                                                                <input type="radio" id="RadioButtonFactor4Pregunta3Pts4" name="radio_button_factor4_pregunta3" value="4" onclick="calcularValoracionDeUnaPregunta(4,this.parentElement.parentElement.parentElement)">
                                                                <label for="RadioButtonFactor4Pregunta3Pts4">
                                                                </label>
                                                            </div>
                                                        </td>
                                                        <td class="text-center">
                                                            <div class="icheck-primary d-inline">
                                                                <input type="radio" id="RadioButtonFactor4Pregunta3Pts3" name="radio_button_factor4_pregunta3" value="3" onclick="calcularValoracionDeUnaPregunta(3,this.parentElement.parentElement.parentElement)">
                                                                <label for="RadioButtonFactor4Pregunta3Pts3">
                                                                </label>
                                                            </div>
                                                        </td>
                                                        <td class="text-center">
                                                            <div class="icheck-primary d-inline">
                                                                <input type="radio" id="RadioButtonFactor4Pregunta3Pts2" name="radio_button_factor4_pregunta3" value="2" onclick="calcularValoracionDeUnaPregunta(2,this.parentElement.parentElement.parentElement)">
                                                                <label for="RadioButtonFactor4Pregunta3Pts2">
                                                                </label>
                                                            </div>
                                                        </td>
                                                        <td class="text-center">
                                                            <div class="icheck-primary d-inline">
                                                                <input type="radio" id="RadioButtonFactor4Pregunta3Pts1" name="radio_button_factor4_pregunta3" value="1" onclick="calcularValoracionDeUnaPregunta(1,this.parentElement.parentElement.parentElement)">
                                                                <label for="RadioButtonFactor4Pregunta3Pts1">
                                                                </label>
                                                            </div>
                                                        </td>
                                                        <td class="tabla-valoracion-final-pregunta"></td>
                                                    </tr>
                                                    <tr>
                                                        <td class="tabla-menu-pregunta">4.-</td>
                                                        <td class="tabla-descripcion-pregunta">Promueve valores positivos dentro del equipo de trabajo a su cargo.</td>
                                                        <td class="tabla-valoracion-pregunta" style="display:none;"></td>
                                                        <td class="tabla-obligatoriedad-pregunta" style="display:none;">Obligatorio</td>
                                                        <td class="text-center">
                                                            <div class="icheck-primary d-inline">
                                                                <input type="radio" id="RadioButtonFactor4Pregunta4Pts4" name="radio_button_factor4_pregunta4" value="4" onclick="calcularValoracionDeUnaPregunta(4,this.parentElement.parentElement.parentElement)">
                                                                <label for="RadioButtonFactor4Pregunta4Pts4">
                                                                </label>
                                                            </div>
                                                        </td>
                                                        <td class="text-center">
                                                            <div class="icheck-primary d-inline">
                                                                <input type="radio" id="RadioButtonFactor4Pregunta4Pts3" name="radio_button_factor4_pregunta4" value="3" onclick="calcularValoracionDeUnaPregunta(3,this.parentElement.parentElement.parentElement)">
                                                                <label for="RadioButtonFactor4Pregunta4Pts3">
                                                                </label>
                                                            </div>
                                                        </td>
                                                        <td class="text-center">
                                                            <div class="icheck-primary d-inline">
                                                                <input type="radio" id="RadioButtonFactor4Pregunta4Pts2" name="radio_button_factor4_pregunta4" value="2" onclick="calcularValoracionDeUnaPregunta(2,this.parentElement.parentElement.parentElement)">
                                                                <label for="RadioButtonFactor4Pregunta4Pts2">
                                                                </label>
                                                            </div>
                                                        </td>
                                                        <td class="text-center">
                                                            <div class="icheck-primary d-inline">
                                                                <input type="radio" id="RadioButtonFactor4Pregunta4Pts1" name="radio_button_factor4_pregunta4" value="1" onclick="calcularValoracionDeUnaPregunta(1,this.parentElement.parentElement.parentElement)">
                                                                <label for="RadioButtonFactor4Pregunta4Pts1">
                                                                </label>
                                                            </div>
                                                        </td>
                                                        <td class="tabla-valoracion-final-pregunta"></td>
                                                    </tr>
                                                    <tr>
                                                        <td class="tabla-menu-pregunta">5.-</td>
                                                        <td class="tabla-descripcion-pregunta">Aprovecha adecuadamente y en beneficio de la empresa, las potencialidades del personal a cargo.</td>
                                                        <td class="tabla-valoracion-pregunta" style="display:none;"></td>
                                                        <td class="tabla-obligatoriedad-pregunta" style="display:none;">Obligatorio</td>
                                                        <td class="text-center">
                                                            <div class="icheck-primary d-inline">
                                                                <input type="radio" id="RadioButtonFactor4Pregunta5Pts4" name="radio_button_factor4_pregunta5" value="4" onclick="calcularValoracionDeUnaPregunta(4,this.parentElement.parentElement.parentElement)">
                                                                <label for="RadioButtonFactor4Pregunta5Pts4">
                                                                </label>
                                                            </div>
                                                        </td>
                                                        <td class="text-center">
                                                            <div class="icheck-primary d-inline">
                                                                <input type="radio" id="RadioButtonFactor4Pregunta5Pts3" name="radio_button_factor4_pregunta5" value="3" onclick="calcularValoracionDeUnaPregunta(3,this.parentElement.parentElement.parentElement)">
                                                                <label for="RadioButtonFactor4Pregunta5Pts3">
                                                                </label>
                                                            </div>
                                                        </td>
                                                        <td class="text-center">
                                                            <div class="icheck-primary d-inline">
                                                                <input type="radio" id="RadioButtonFactor4Pregunta5Pts2" name="radio_button_factor4_pregunta5" value="2" onclick="calcularValoracionDeUnaPregunta(2,this.parentElement.parentElement.parentElement)">
                                                                <label for="RadioButtonFactor4Pregunta5Pts2">
                                                                </label>
                                                            </div>
                                                        </td>
                                                        <td class="text-center">
                                                            <div class="icheck-primary d-inline">
                                                                <input type="radio" id="RadioButtonFactor4Pregunta5Pts1" name="radio_button_factor4_pregunta5" value="1" onclick="calcularValoracionDeUnaPregunta(1,this.parentElement.parentElement.parentElement)">
                                                                <label for="RadioButtonFactor4Pregunta5Pts1">
                                                                </label>
                                                            </div>
                                                        </td>
                                                        <td class="tabla-valoracion-final-pregunta"></td>
                                                    </tr>
                                                    <tr>
                                                        <td class="tabla-menu-pregunta">6.-</td>
                                                        <td class="tabla-descripcion-pregunta">Promueve y logra un clima laboral positivo para el cumplimiento de las tareas dentro de su equipo de trabajo.</td>
                                                        <td class="tabla-valoracion-pregunta" style="display:none;"></td>
                                                        <td class="tabla-obligatoriedad-pregunta" style="display:none;">Obligatorio</td>
                                                        <td class="text-center">
                                                            <div class="icheck-primary d-inline">
                                                                <input type="radio" id="RadioButtonFactor4Pregunta6Pts4" name="radio_button_factor4_pregunta6" value="4" onclick="calcularValoracionDeUnaPregunta(4,this.parentElement.parentElement.parentElement)">
                                                                <label for="RadioButtonFactor4Pregunta6Pts4">
                                                                </label>
                                                            </div>
                                                        </td>
                                                        <td class="text-center">
                                                            <div class="icheck-primary d-inline">
                                                                <input type="radio" id="RadioButtonFactor4Pregunta6Pts3" name="radio_button_factor4_pregunta6" value="3" onclick="calcularValoracionDeUnaPregunta(3,this.parentElement.parentElement.parentElement)">
                                                                <label for="RadioButtonFactor4Pregunta6Pts3">
                                                                </label>
                                                            </div>
                                                        </td>
                                                        <td class="text-center">
                                                            <div class="icheck-primary d-inline">
                                                                <input type="radio" id="RadioButtonFactor4Pregunta6Pts2" name="radio_button_factor4_pregunta6" value="2" onclick="calcularValoracionDeUnaPregunta(2,this.parentElement.parentElement.parentElement)">
                                                                <label for="RadioButtonFactor4Pregunta6Pts2">
                                                                </label>
                                                            </div>
                                                        </td>
                                                        <td class="text-center">
                                                            <div class="icheck-primary d-inline">
                                                                <input type="radio" id="RadioButtonFactor4Pregunta6Pts1" name="radio_button_factor4_pregunta6" value="1" onclick="calcularValoracionDeUnaPregunta(1,this.parentElement.parentElement.parentElement)">
                                                                <label for="RadioButtonFactor4Pregunta6Pts1">
                                                                </label>
                                                            </div>
                                                        </td>
                                                        <td class="tabla-valoracion-final-pregunta"></td>
                                                    </tr>
                                                    <tr>
                                                        <td class="tabla-menu-pregunta">7.-</td>
                                                        <td class="tabla-descripcion-pregunta">Fomenta el aporte de nuevas ideas en su equipo de trabajo.</td>
                                                        <td class="tabla-valoracion-pregunta" style="display:none;"></td>
                                                        <td class="tabla-obligatoriedad-pregunta" style="display:none;">Obligatorio</td>
                                                        <td class="text-center">
                                                            <div class="icheck-primary d-inline">
                                                                <input type="radio" id="RadioButtonFactor4Pregunta7Pts4" name="radio_button_factor4_pregunta7" value="4" onclick="calcularValoracionDeUnaPregunta(4,this.parentElement.parentElement.parentElement)">
                                                                <label for="RadioButtonFactor4Pregunta7Pts4">
                                                                </label>
                                                            </div>
                                                        </td>
                                                        <td class="text-center">
                                                            <div class="icheck-primary d-inline">
                                                                <input type="radio" id="RadioButtonFactor4Pregunta7Pts3" name="radio_button_factor4_pregunta7" value="3" onclick="calcularValoracionDeUnaPregunta(3,this.parentElement.parentElement.parentElement)">
                                                                <label for="RadioButtonFactor4Pregunta7Pts3">
                                                                </label>
                                                            </div>
                                                        </td>
                                                        <td class="text-center">
                                                            <div class="icheck-primary d-inline">
                                                                <input type="radio" id="RadioButtonFactor4Pregunta7Pts2" name="radio_button_factor4_pregunta7" value="2" onclick="calcularValoracionDeUnaPregunta(2,this.parentElement.parentElement.parentElement)">
                                                                <label for="RadioButtonFactor4Pregunta7Pts2">
                                                                </label>
                                                            </div>
                                                        </td>
                                                        <td class="text-center">
                                                            <div class="icheck-primary d-inline">
                                                                <input type="radio" id="RadioButtonFactor4Pregunta7Pts1" name="radio_button_factor4_pregunta7" value="1" onclick="calcularValoracionDeUnaPregunta(1,this.parentElement.parentElement.parentElement)">
                                                                <label for="RadioButtonFactor4Pregunta7Pts1">
                                                                </label>
                                                            </div>
                                                        </td>
                                                        <td class="tabla-valoracion-final-pregunta"></td>
                                                    </tr>
                                                    <tr>
                                                        <td colspan="2" class="celda-color-azul"></td>
                                                        <td colspan="4" class="celda-color-azul" style="font-weight: 700;">Sub-Total</td>
                                                        <td colspan="1" id="subtotalFactor4" class="celda-color-azul text-center" style="font-weight: 700;"></td>
                                                    </tr>
                                                </tbody>
                                            </table>
        
                                            <div class="alert alert-danger" id="alertaTablaFactor5" style="display: none;">Eficiencia en el trabajo: Es obligatorio que cada pregunta tenga un valor seleccionado</div>
                                            <table class="table table-bordered" id="tabla-factor5">
                                                <thead>
                                                    <tr>
                                                        <th class="celda-color-azul" colspan="2" id="categoriaFactor5">FACTOR 4: Eficiencia En El Trabajo </th>
                                                        <th class="celda-color-azul">4 pts</th>
                                                        <th class="celda-color-azul">3 pts</th>
                                                        <th class="celda-color-azul">2 pts</th>
                                                        <th class="celda-color-azul">1 pts</th>
                                                        <th class="celda-color-gris">Valoración</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    @php
                                                        $preguntaFactor5=0;
                                                    @endphp
                                                    @foreach ($categoriasDeFactor5->respuestas as $respuesta)
                                                        @php
                                                            $preguntaFactor5++;
                                                        @endphp
                                                        <tr>
                                                            <td class="tabla-menu-pregunta">{{ $respuesta->dimension }}</td>
                                                            <td class="tabla-descripcion-pregunta">{!! $respuesta->pregunta !!}</td>
                                                            <td class="tabla-valoracion-pregunta" style="display:none;">{{$respuesta->valor}}</td>
                                                            @if ($respuesta->es_opcional==true)
                                                                <td class="tabla-obligatoriedad-pregunta" style="display:none;">Opcional</td>
                                                            @else
                                                                <td class="tabla-obligatoriedad-pregunta" style="display:none;">Obligatorio</td>
                                                            @endif
                                                            <td class="text-center">
                                                                <div class="icheck-primary d-inline">
                                                                    <input type="radio" @if ($respuesta->valor == 4) checked="true" @endif id="RadioButtonFactor5Pregunta{{$preguntaFactor5}}Pts4" name="radio_button_factor5_pregunta{{$preguntaFactor5}}" value="4" onclick="calcularValoracionDeUnaPregunta(4,this.parentElement.parentElement.parentElement)">
                                                                    <label for="RadioButtonFactor5Pregunta{{$preguntaFactor5}}Pts4">
                                                                    </label>
                                                                </div>
                                                            </td>
                                                            <td class="text-center">
                                                                <div class="icheck-primary d-inline">
                                                                    <input type="radio" @if ($respuesta->valor == 3) checked="true" @endif id="RadioButtonFactor5Pregunta{{$preguntaFactor5}}Pts3" name="radio_button_factor5_pregunta{{$preguntaFactor5}}" value="3" onclick="calcularValoracionDeUnaPregunta(3,this.parentElement.parentElement.parentElement)">
                                                                    <label for="RadioButtonFactor5Pregunta{{$preguntaFactor5}}Pts3">
                                                                    </label>
                                                                </div>
                                                            </td>
                                                            <td class="text-center">
                                                                <div class="icheck-primary d-inline">
                                                                    <input type="radio" @if ($respuesta->valor == 2) checked="true" @endif id="RadioButtonFactor5Pregunta{{$preguntaFactor5}}Pts2" name="radio_button_factor5_pregunta{{$preguntaFactor5}}" value="2" onclick="calcularValoracionDeUnaPregunta(2,this.parentElement.parentElement.parentElement)">
                                                                    <label for="RadioButtonFactor5Pregunta{{$preguntaFactor5}}Pts2">
                                                                    </label>
                                                                </div>
                                                            </td>
                                                            <td class="text-center">
                                                                <div class="icheck-primary d-inline">
                                                                    <input type="radio" @if ($respuesta->valor == 1) checked="true" @endif id="RadioButtonFactor5Pregunta{{$preguntaFactor5}}Pts1" name="radio_button_factor5_pregunta{{$preguntaFactor5}}" value="1" onclick="calcularValoracionDeUnaPregunta(1,this.parentElement.parentElement.parentElement)">
                                                                    <label for="RadioButtonFactor5Pregunta{{$preguntaFactor5}}Pts1">
                                                                    </label>
                                                                </div>
                                                            </td>
                                                            <td class="tabla-valoracion-final-pregunta">{{$respuesta->valor}}</td>
                                                        </tr>
                                                    @endforeach
                                                    <tr>
                                                        <td colspan="2" class="celda-color-azul"></td>
                                                        <td colspan="4" class="celda-color-azul" style="font-weight: 700;">Sub-Total</td>
                                                        <td colspan="1" id="subtotalFactor5" class="celda-color-azul text-center" style="font-weight: 700;">{{ round($categoriasDeFactor5->valor_total_evaluacion) }}</td>
                                                    </tr>
                                                </tbody>
                                            </table>
        
                                            <div class="alert alert-danger" id="alertaTablaFactor6" style="display: none;">Conductas laborales básicas: Es obligatorio que cada pregunta tenga un valor seleccionado</div>
                                            <table class="table table-bordered" id="tabla-factor6">
                                                <thead>
                                                    <tr>
                                                        <th class="celda-color-azul" colspan="2" id="categoriaFactor6">FACTOR 5: Conductas Laborales Básicas</th>
                                                        <th class="celda-color-azul">4 pts</th>
                                                        <th class="celda-color-azul">3 pts</th>
                                                        <th class="celda-color-azul">2 pts</th>
                                                        <th class="celda-color-azul">1 pts</th>
                                                        <th class="celda-color-gris">Valoración</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    @php
                                                        $preguntaFactor6=0;
                                                    @endphp
                                                    @foreach ($categoriasDeFactor6->respuestas as $respuesta)
                                                        @php
                                                            $preguntaFactor6++;
                                                        @endphp
                                                        <tr>
                                                            <td class="tabla-menu-pregunta">{{ $respuesta->dimension }}</td>
                                                            <td class="tabla-descripcion-pregunta">{!! $respuesta->pregunta !!}</td>
                                                            <td class="tabla-valoracion-pregunta" style="display:none;">{{$respuesta->valor}}</td>
                                                            @if ($respuesta->es_opcional==true)
                                                                <td class="tabla-obligatoriedad-pregunta" style="display:none;">Opcional</td>
                                                            @else
                                                                <td class="tabla-obligatoriedad-pregunta" style="display:none;">Obligatorio</td>
                                                            @endif
                                                            <td class="text-center">
                                                                <div class="icheck-primary d-inline">
                                                                    <input type="radio" @if ($respuesta->valor == 4) checked="true" @endif id="RadioButtonFactor6Pregunta{{$preguntaFactor6}}Pts4" name="radio_button_factor6_pregunta{{$preguntaFactor6}}" value="4" onclick="calcularValoracionDeUnaPregunta(4,this.parentElement.parentElement.parentElement)">
                                                                    <label for="RadioButtonFactor6Pregunta{{$preguntaFactor6}}Pts4">
                                                                    </label>
                                                                </div>
                                                            </td>
                                                            <td class="text-center">
                                                                <div class="icheck-primary d-inline">
                                                                    <input type="radio" @if ($respuesta->valor == 3) checked="true" @endif id="RadioButtonFactor6Pregunta{{$preguntaFactor6}}Pts3" name="radio_button_factor6_pregunta{{$preguntaFactor6}}" value="3" onclick="calcularValoracionDeUnaPregunta(3,this.parentElement.parentElement.parentElement)">
                                                                    <label for="RadioButtonFactor6Pregunta{{$preguntaFactor6}}Pts3">
                                                                    </label>
                                                                </div>
                                                            </td>
                                                            <td class="text-center">
                                                                <div class="icheck-primary d-inline">
                                                                    <input type="radio" @if ($respuesta->valor == 2) checked="true" @endif id="RadioButtonFactor6Pregunta{{$preguntaFactor6}}Pts2" name="radio_button_factor6_pregunta{{$preguntaFactor6}}" value="2" onclick="calcularValoracionDeUnaPregunta(2,this.parentElement.parentElement.parentElement)">
                                                                    <label for="RadioButtonFactor6Pregunta{{$preguntaFactor6}}Pts2">
                                                                    </label>
                                                                </div>
                                                            </td>
                                                            <td class="text-center">
                                                                <div class="icheck-primary d-inline">
                                                                    <input type="radio" @if ($respuesta->valor == 1) checked="true" @endif id="RadioButtonFactor6Pregunta{{$preguntaFactor6}}Pts1" name="radio_button_factor6_pregunta{{$preguntaFactor6}}" value="1" onclick="calcularValoracionDeUnaPregunta(1,this.parentElement.parentElement.parentElement)">
                                                                    <label for="RadioButtonFactor6Pregunta{{$preguntaFactor6}}Pts1">
                                                                    </label>
                                                                </div>
                                                            </td>
                                                            <td class="tabla-valoracion-final-pregunta">{{$respuesta->valor}}</td>
                                                        </tr>
                                                    @endforeach
                                                    <tr>
                                                        <td colspan="2" class="celda-color-azul"></td>
                                                        <td colspan="4" class="celda-color-azul" style="font-weight: 700;">Sub-Total</td>
                                                        <td colspan="1" id="subtotalFactor6" class="celda-color-azul text-center" style="font-weight: 700;">{{ round($categoriasDeFactor6->valor_total_evaluacion) }}</td>
                                                    </tr>
                                                </tbody>
                                            </table>
        
                                            <div class="alert alert-danger" id="alertaTablaFactor7" style="display: none;">Conocimientos y conductas en seguridad: Es obligatorio que cada pregunta tenga un valor seleccionado</div>
                                            <table class="table table-bordered" id="tabla-factor7">
                                                <thead>
                                                    <tr>
                                                        <th class="celda-color-azul" colspan="2" id="categoriaFactor7">FACTOR 6: Conocimientos y Conductas en Seguridad</th>
                                                        <th class="celda-color-azul">4 pts</th>
                                                        <th class="celda-color-azul">3 pts</th>
                                                        <th class="celda-color-azul">2 pts</th>
                                                        <th class="celda-color-azul">1 pts</th>
                                                        <th class="celda-color-azul">No Aplica</th>
                                                        <th class="celda-color-gris">Valoración</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    @php
                                                        $preguntaFactor7=0;
                                                    @endphp
                                                    @foreach ($categoriasDeFactor7->respuestas as $respuesta)
                                                        @php
                                                            $preguntaFactor7++;
                                                        @endphp
                                                        <tr>
                                                            <td class="tabla-menu-pregunta">{{ $respuesta->dimension }}</td>
                                                            <td class="tabla-descripcion-pregunta">{!! $respuesta->pregunta !!}</td>
                                                            <td class="tabla-valoracion-pregunta" style="display:none;">{{$respuesta->valor}}</td>
                                                            @if ($respuesta->es_opcional==true)
                                                                <td class="tabla-obligatoriedad-pregunta" style="display:none;">Opcional</td>
                                                            @else
                                                                <td class="tabla-obligatoriedad-pregunta" style="display:none;">Obligatorio</td>
                                                            @endif
                                                            <td class="text-center">
                                                                <div class="icheck-primary d-inline">
                                                                    <input type="radio" @if ($respuesta->valor == 4) checked="true" @endif id="RadioButtonFactor7Pregunta{{$preguntaFactor7}}Pts4" name="radio_button_factor7_pregunta{{$preguntaFactor7}}" value="4" onclick="calcularValoracionDeUnaPregunta(4,this.parentElement.parentElement.parentElement)">
                                                                    <label for="RadioButtonFactor7Pregunta{{$preguntaFactor7}}Pts4">
                                                                    </label>
                                                                </div>
                                                            </td>
                                                            <td class="text-center">
                                                                <div class="icheck-primary d-inline">
                                                                    <input type="radio" @if ($respuesta->valor == 3) checked="true" @endif id="RadioButtonFactor7Pregunta{{$preguntaFactor7}}Pts3" name="radio_button_factor7_pregunta{{$preguntaFactor7}}" value="3" onclick="calcularValoracionDeUnaPregunta(3,this.parentElement.parentElement.parentElement)">
                                                                    <label for="RadioButtonFactor7Pregunta{{$preguntaFactor7}}Pts3">
                                                                    </label>
                                                                </div>
                                                            </td>
                                                            <td class="text-center">
                                                                <div class="icheck-primary d-inline">
                                                                    <input type="radio" @if ($respuesta->valor == 2) checked="true" @endif id="RadioButtonFactor7Pregunta{{$preguntaFactor7}}Pts2" name="radio_button_factor7_pregunta{{$preguntaFactor7}}" value="2" onclick="calcularValoracionDeUnaPregunta(2,this.parentElement.parentElement.parentElement)">
                                                                    <label for="RadioButtonFactor7Pregunta{{$preguntaFactor7}}Pts2">
                                                                    </label>
                                                                </div>
                                                            </td>
                                                            <td class="text-center">
                                                                <div class="icheck-primary d-inline">
                                                                    <input type="radio" @if ($respuesta->valor == 1) checked="true" @endif id="RadioButtonFactor7Pregunta{{$preguntaFactor7}}Pts1" name="radio_button_factor7_pregunta{{$preguntaFactor7}}" value="1" onclick="calcularValoracionDeUnaPregunta(1,this.parentElement.parentElement.parentElement)">
                                                                    <label for="RadioButtonFactor7Pregunta{{$preguntaFactor7}}Pts1">
                                                                    </label>
                                                                </div>
                                                            </td>
                                                            <td class="text-center">
                                                                @if ($respuesta->es_opcional==true)
                                                                    <div class="icheck-primary d-inline">
                                                                        <input type="radio" @if ($respuesta->valor == 0) checked="true" @endif id="RadioButtonFactor7Pregunta{{$preguntaFactor7}}Pts0" name="radio_button_factor7_pregunta{{$preguntaFactor7}}" value="0" onclick="calcularValoracionDeUnaPregunta(0,this.parentElement.parentElement.parentElement)">
                                                                        <label for="RadioButtonFactor7Pregunta{{$preguntaFactor7}}Pts0">
                                                                        </label>
                                                                    </div>
                                                                @endif
                                                            </td>
                                                            <td class="tabla-valoracion-final-pregunta">{{$respuesta->valor}}</td>
                                                        </tr>
                                                    @endforeach
                                                    <tr>
                                                        <td colspan="2" class="celda-color-azul"></td>
                                                        <td colspan="5" class="celda-color-azul" style="font-weight: 700;">Sub-Total</td>
                                                        <td colspan="1" id="subtotalFactor7" class="celda-color-azul text-center" style="font-weight: 700;">{{ round($categoriasDeFactor7->valor_total_evaluacion) }}</td>
                                                    </tr>
                                                </tbody>
                                            </table>
        
                                            <div class="alert alert-danger" id="alertaTablaFactor8" style="display: none;">Valor integridad: Es obligatorio que cada pregunta tenga un valor seleccionado</div>
                                            <table class="table table-bordered" id="tabla-factor8">
                                                <thead>
                                                    <tr>
                                                        <th class="celda-color-azul" colspan="2" id="categoriaFactor8">FACTOR 7: Valor Integridad</th>
                                                        <th class="celda-color-azul">4 pts</th>
                                                        <th class="celda-color-azul">3 pts</th>
                                                        <th class="celda-color-azul">2 pts</th>
                                                        <th class="celda-color-azul">1 pts</th>
                                                        <th class="celda-color-gris">Valoración</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    @php
                                                        $preguntaFactor8=0;
                                                    @endphp
                                                    @foreach ($categoriasDeFactor8->respuestas as $respuesta)
                                                        @php
                                                            $preguntaFactor8++;
                                                        @endphp
                                                        <tr>
                                                            <td class="tabla-menu-pregunta">{{ $respuesta->dimension }}</td>
                                                            <td class="tabla-descripcion-pregunta">{!! $respuesta->pregunta !!}</td>
                                                            <td class="tabla-valoracion-pregunta" style="display:none;">{{$respuesta->valor}}</td>
                                                            @if ($respuesta->es_opcional==true)
                                                                <td class="tabla-obligatoriedad-pregunta" style="display:none;">Opcional</td>
                                                            @else
                                                                <td class="tabla-obligatoriedad-pregunta" style="display:none;">Obligatorio</td>
                                                            @endif
                                                            <td class="text-center">
                                                                <div class="icheck-primary d-inline">
                                                                    <input type="radio" @if ($respuesta->valor == 4) checked="true" @endif id="RadioButtonFactor8Pregunta{{$preguntaFactor8}}Pts4" name="radio_button_factor8_pregunta{{$preguntaFactor8}}" value="4" onclick="calcularValoracionDeUnaPregunta(4,this.parentElement.parentElement.parentElement)">
                                                                    <label for="RadioButtonFactor8Pregunta{{$preguntaFactor8}}Pts4">
                                                                    </label>
                                                                </div>
                                                            </td>
                                                            <td class="text-center">
                                                                <div class="icheck-primary d-inline">
                                                                    <input type="radio" @if ($respuesta->valor == 3) checked="true" @endif id="RadioButtonFactor8Pregunta{{$preguntaFactor8}}Pts3" name="radio_button_factor8_pregunta{{$preguntaFactor8}}" value="3" onclick="calcularValoracionDeUnaPregunta(3,this.parentElement.parentElement.parentElement)">
                                                                    <label for="RadioButtonFactor8Pregunta{{$preguntaFactor8}}Pts3">
                                                                    </label>
                                                                </div>
                                                            </td>
                                                            <td class="text-center">
                                                                <div class="icheck-primary d-inline">
                                                                    <input type="radio" @if ($respuesta->valor == 2) checked="true" @endif id="RadioButtonFactor8Pregunta{{$preguntaFactor8}}Pts2" name="radio_button_factor8_pregunta{{$preguntaFactor8}}" value="2" onclick="calcularValoracionDeUnaPregunta(2,this.parentElement.parentElement.parentElement)">
                                                                    <label for="RadioButtonFactor8Pregunta{{$preguntaFactor8}}Pts2">
                                                                    </label>
                                                                </div>
                                                            </td>
                                                            <td class="text-center">
                                                                <div class="icheck-primary d-inline">
                                                                    <input type="radio" @if ($respuesta->valor == 1) checked="true" @endif id="RadioButtonFactor8Pregunta{{$preguntaFactor8}}Pts1" name="radio_button_factor8_pregunta{{$preguntaFactor8}}" value="1" onclick="calcularValoracionDeUnaPregunta(1,this.parentElement.parentElement.parentElement)">
                                                                    <label for="RadioButtonFactor8Pregunta{{$preguntaFactor8}}Pts1">
                                                                    </label>
                                                                </div>
                                                            </td>
                                                            <td class="tabla-valoracion-final-pregunta">{{$respuesta->valor}}</td>
                                                        </tr>
                                                    @endforeach
                                                    <tr>
                                                        <td colspan="2" class="celda-color-azul"></td>
                                                        <td colspan="4" class="celda-color-azul" style="font-weight: 700;">Sub-Total</td>
                                                        <td colspan="1" id="subtotalFactor8" class="celda-color-azul text-center" style="font-weight: 700;">{{ round($categoriasDeFactor8->valor_total_evaluacion) }}</td>
                                                    </tr>
                                                </tbody>
                                            </table>

                                            @if ($evaluacion->valor_total_opym_medios<3)
                                                <div class="form-group" id="contenedorDelCampoMotivo">
                                                    <label for="observacion">Motivo</label>
                                                    <textarea class="form-control" id="campoMotivoBajaCalificacion" name="observacion_calificacion_inferior" rows="3">{{$evaluacion->observacion_calificacion_inferior}}</textarea>
                                                    <div class="invalid-feedback" id="validacionCampoMotivoBajaCalificacion">
            
                                                    </div>
                                                </div>
                                            @else
                                                <div class="form-group" id="contenedorDelCampoMotivo" style="display:none;">
                                                    <label for="observacion">Motivo</label>
                                                    <textarea class="form-control" id="campoMotivoBajaCalificacion" name="observacion_calificacion_inferior" rows="3"></textarea>
                                                    <div class="invalid-feedback" id="validacionCampoMotivoBajaCalificacion">
            
                                                    </div>
                                                </div>
                                            @endif

                                            <table class="table table-bordered" id="tablaTotalDeOpymMedios"  style="display: none;">
                                                <thead>
                                                    <tr>
                                                        <td class="celda-color-azul text-center" style="font-weight: 700; font-size: 20px;">TOTAL OP. Y M. MEDIOS</td>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    <tr>
                                                        <td id="subtotalOpymMedios" class="text-center" style="font-size: 50px; font-weight: 700; color:#007bff;">{{ round($evaluacion->valor_total_opym_medios) }}</td>
                                                    </tr>
                                                    <tr>
                                                        <td id="mensajeEvaluacionOpymMedios" class="text-center" style="font-size: 20px; font-weight: 700; color:#007bff;"></td>
                                                    </tr>
                                                </tbody>
                                            </table>
        
                                            <table class="table table-bordered" id="tablaTotalDeJefaturas">
                                                <thead>
                                                    <tr>
                                                        <td class="celda-color-azul text-center" style="font-weight: 700; font-size: 20px;">TOTAL JEFATURAS</td>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    <tr>
                                                        <td id="subtotalJefaturas" class="text-center" style="font-size: 50px; font-weight: 700; color:#007bff;">0</td>
                                                    </tr>
                                                    <tr>
                                                        <td id="mensajeEvaluacionJefatura" class="text-center" style="font-size: 20px; font-weight: 700; color:#007bff;"></td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                        @endif
                                    @endif

                                    <button class="btn btn-secondary" onclick="stepper.previous()"><i class="fas fa-arrow-left"></i> Anterior</button>
                                    <button class="btn btn-primary" id="registrarRespuestaEvaluacion" onclick="editarRespuestaDeLaEvaluacionDeDesempeno()"><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">
        Intranet
    </div>
    <strong>Copyright © 2021 <a href="http://guinezingenieria.cl/">GuiñezIngeniería.cl</a>.</strong>
@stop

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

        .celda-color-gris {
            background-color: #C0BDB4;
        }

        .tabla-valoracion-final-pregunta{
            text-align: center;
        }
    </style>
@stop

@section('js')
    <script src="{{ asset('js/funcionalidades-genericas.js') }}"></script>
    <script>
        document.addEventListener('DOMContentLoaded', function() {
            window.stepper = new Stepper(document.querySelector('.bs-stepper'))
        })
        $('#campoRelacionDelEvaluacionConJefatura').selectpicker({
            dropupAuto: false
        });
        $('#campoAvisoPrevio30Dias').selectpicker({
            dropupAuto: false
        });
        $('#campoTipoDeContrato').selectpicker({
            dropupAuto: false
        });

        const cantiudadSolicitudesRenoacionTrabajador= @json($trabajadorDeTalana->cantidad_solicitudes_renovaciones_contrato);
        function habilitarCampoMotivo(tipoDeRenovacion){
            const valorTipoDeRenovacion=tipoDeRenovacion.value.trim();
            if(valorTipoDeRenovacion=="Plazo fijo: 60 días (VB gerencia)" || valorTipoDeRenovacion=="Plazo fijo: 90 días (VB gerencia)"){
                document.getElementById("campoObservacionSolicitudRenovacionContrato").parentElement.style.display="block";
            }else if(valorTipoDeRenovacion=="Indefinido"){
                if(cantiudadSolicitudesRenoacionTrabajador>=2){
                    document.getElementById("campoObservacionSolicitudRenovacionContrato").parentElement.style.display="none";
                }else{
                    document.getElementById("campoObservacionSolicitudRenovacionContrato").parentElement.style.display="block";
                }
            }else{
                document.getElementById("campoObservacionSolicitudRenovacionContrato").parentElement.style.display="none";
            }
        }

        function habilitarBotonSiguienteParaCompletarEvaluacion(campo){
            if(campo.value=="jefatura"){
                document.getElementById("botonSiguienteParaEvaluacion").removeAttribute("disabled");
                document.getElementById("tabla-factor4").style.display="table";
                document.getElementById("categoriaFactor1").innerHTML="FACTOR 1: Desarrollo Profesional y Aplicación de Conocimientos Técnicos";
                document.getElementById("categoriaFactor2").innerHTML="FACTOR 2: Relaciones Interpersonales";
                document.getElementById("categoriaFactor3").innerHTML="FACTOR 3: Compromiso Con Los Objetivos Organizacionales";
                document.getElementById("categoriaFactor4").innerHTML="FACTOR 4: Capacidad de Liderazgo; Solo para Cargos que Aplica";
                document.getElementById("categoriaFactor5").innerHTML="FACTOR 5: Eficiencia En El Trabajo";
                document.getElementById("categoriaFactor6").innerHTML="FACTOR 6: Conductas Laborales Básicas";
                document.getElementById("categoriaFactor7").innerHTML="FACTOR 7: Conocimientos y Conductas en Seguridad";
                document.getElementById("categoriaFactor8").innerHTML="FACTOR 8: Valor Integridad";
                document.getElementById("tablaTotalDeOpymMedios").style.display="none";
                document.getElementById("tablaTotalDeJefaturas").style.display="table";

                calcularValoracionTotalDeTodasLasCategoriasDeLaEvaluacion();
            }else if(campo.value=="opymmedios"){
                document.getElementById("botonSiguienteParaEvaluacion").removeAttribute("disabled");
                document.getElementById("tabla-factor4").style.display="none";
                document.getElementById("categoriaFactor1").innerHTML="FACTOR 1: Desarrollo Profesional y Aplicación de Conocimientos Técnicos";
                document.getElementById("categoriaFactor2").innerHTML="FACTOR 2: Relaciones Interpersonales";
                document.getElementById("categoriaFactor3").innerHTML="FACTOR 3: Compromiso Con Los Objetivos Organizacionales";
                document.getElementById("categoriaFactor4").innerHTML="";
                document.getElementById("categoriaFactor5").innerHTML="FACTOR 4: Eficiencia En El Trabajo";
                document.getElementById("categoriaFactor6").innerHTML="FACTOR 5: Conductas Laborales Básicas";
                document.getElementById("categoriaFactor7").innerHTML="FACTOR 6: Conocimientos y Conductas en Seguridad";
                document.getElementById("categoriaFactor8").innerHTML="FACTOR 7: Valor Integridad";
                document.getElementById("tablaTotalDeOpymMedios").style.display="table";
                document.getElementById("tablaTotalDeJefaturas").style.display="none";

                calcularValoracionTotalDeTodasLasCategoriasDeLaEvaluacion();
            }else{
                document.getElementById("botonSiguienteParaEvaluacion").setAttribute("disabled","true");
            }
        }
        
        document.addEventListener("DOMContentLoaded", function() {
            var campo = document.getElementById("campoRelacionDelEvaluacionConJefatura");
            habilitarBotonSiguienteParaCompletarEvaluacion(campo);
        });
    </script>

    <script>
        function calcularValoracionDeUnaPregunta(valor, fila) {
            fila.querySelector(".tabla-valoracion-pregunta").innerHTML = valor;
            fila.querySelector(".tabla-valoracion-final-pregunta").innerHTML = valor;
            calcularValoracionTotalDeTodasLasCategoriasDeLaEvaluacion();
        }
        
        function obtenerMensaje(puntaje) {
            if (puntaje == 0) {
                return 'Inferior a lo Esperado';
            } else if (puntaje == 1) {
                return 'Inferior a lo Esperado';
            } else if (puntaje == 2) {
                return 'Inferior a lo Esperado';
            } else if (puntaje == 3) {
                return 'Esperado';
            } else if (puntaje == 4) {
                return 'Sobre lo Esperado';
            } else {
                return ''; 
            }
        }
    
        function calcularValoracionTotalDeTodasLasCategoriasDeLaEvaluacion() {
            let valoracionTotalDelFactor1 = 0;
            let valoracionTotalDelFactor2 = 0;
            let valoracionTotalDelFactor3 = 0;
            let valoracionTotalDelFactor4 = 0;
            let valoracionTotalDelFactor5 = 0;
            let valoracionTotalDelFactor6 = 0;
            let valoracionTotalDelFactor7 = 0;
            let valoracionTotalDelFactor8 = 0;
            let valoracionTotalDelOpymMedios = 0;
            let valoracionTotalDelJefaturas = 0;
    
            let cantidadDePreguntaDelFactor1 = 0;
            let cantidadDePreguntaDelFactor2 = 0;
            let cantidadDePreguntaDelFactor3 = 0;
            let cantidadDePreguntaDelFactor4 = 0;
            let cantidadDePreguntaDelFactor5 = 0;
            let cantidadDePreguntaDelFactor6 = 0;
            let cantidadDePreguntaDelFactor7 = 0;
            let cantidadDePreguntaDelFactor8 = 0;
            let cantidadDePreguntaDelOpymMedios = 0;
            let cantidadDePreguntaDelJefaturas = 0;
            
            let filasFactor1 = document.getElementById('tabla-factor1').tBodies[0].querySelectorAll("tr");
            filasFactor1.forEach(fila => {
                if (fila.querySelector(".tabla-menu-pregunta")) {
                    cantidadDePreguntaDelFactor1++;
                    cantidadDePreguntaDelOpymMedios++;
                    cantidadDePreguntaDelJefaturas++;
                    if (fila.querySelector(".tabla-valoracion-pregunta").innerHTML != "") {
                        valoracionTotalDelFactor1 += parseFloat(fila.querySelector(".tabla-valoracion-pregunta").innerHTML);
                        valoracionTotalDelOpymMedios += parseFloat(fila.querySelector(".tabla-valoracion-pregunta").innerHTML);
                        valoracionTotalDelJefaturas += parseFloat(fila.querySelector(".tabla-valoracion-pregunta").innerHTML);
                    }
                }
            });
    
            let filasFactor2 = document.getElementById('tabla-factor2').tBodies[0].querySelectorAll("tr");
            filasFactor2.forEach(fila => {
                if (fila.querySelector(".tabla-menu-pregunta")) {
                    if (fila.querySelector(".tabla-valoracion-pregunta").innerHTML != "0") {
                        cantidadDePreguntaDelFactor2++;
                        cantidadDePreguntaDelOpymMedios++;
                        cantidadDePreguntaDelJefaturas++;
                        if (fila.querySelector(".tabla-valoracion-pregunta").innerHTML != "") {
                            valoracionTotalDelFactor2 += parseFloat(fila.querySelector(".tabla-valoracion-pregunta").innerHTML);
                            valoracionTotalDelOpymMedios += parseFloat(fila.querySelector(".tabla-valoracion-pregunta").innerHTML);
                            valoracionTotalDelJefaturas += parseFloat(fila.querySelector(".tabla-valoracion-pregunta").innerHTML);
                        }
                    }
                }
            });
    
            let filasFactor3 = document.getElementById('tabla-factor3').tBodies[0].querySelectorAll("tr");
            filasFactor3.forEach(fila => {
                if (fila.querySelector(".tabla-menu-pregunta")) {
                    cantidadDePreguntaDelFactor3++;
                    cantidadDePreguntaDelOpymMedios++;
                    cantidadDePreguntaDelJefaturas++;
                    if (fila.querySelector(".tabla-valoracion-pregunta").innerHTML != "") {
                        valoracionTotalDelFactor3 += parseFloat(fila.querySelector(".tabla-valoracion-pregunta").innerHTML);
                        valoracionTotalDelOpymMedios += parseFloat(fila.querySelector(".tabla-valoracion-pregunta").innerHTML);
                        valoracionTotalDelJefaturas += parseFloat(fila.querySelector(".tabla-valoracion-pregunta").innerHTML);
                    }
                }
            });
    
            if(document.getElementById("campoRelacionDelEvaluacionConJefatura").value=="jefatura"){
                let filasFactor4 = document.getElementById('tabla-factor4').tBodies[0].querySelectorAll("tr");
                filasFactor4.forEach(fila => {
                    if (fila.querySelector(".tabla-menu-pregunta")) {
                        cantidadDePreguntaDelFactor4++;
                        cantidadDePreguntaDelJefaturas++;
                        if (fila.querySelector(".tabla-valoracion-pregunta").innerHTML != "") {
                            valoracionTotalDelFactor4 += parseFloat(fila.querySelector(".tabla-valoracion-pregunta").innerHTML);
                            valoracionTotalDelJefaturas += parseFloat(fila.querySelector(".tabla-valoracion-pregunta").innerHTML);
                        }
                    }
                });
            }
    
            let filasFactor5 = document.getElementById('tabla-factor5').tBodies[0].querySelectorAll("tr");
            filasFactor5.forEach(fila => {
                if (fila.querySelector(".tabla-menu-pregunta")) {
                    cantidadDePreguntaDelFactor5++;
                    cantidadDePreguntaDelOpymMedios++;
                    cantidadDePreguntaDelJefaturas++;
                    if (fila.querySelector(".tabla-valoracion-pregunta").innerHTML != "") {
                        valoracionTotalDelFactor5 += parseFloat(fila.querySelector(".tabla-valoracion-pregunta").innerHTML);
                        valoracionTotalDelOpymMedios += parseFloat(fila.querySelector(".tabla-valoracion-pregunta").innerHTML);
                        valoracionTotalDelJefaturas += parseFloat(fila.querySelector(".tabla-valoracion-pregunta").innerHTML);
                    }
                }
            });
    
            let filasFactor6 = document.getElementById('tabla-factor6').tBodies[0].querySelectorAll("tr");
            filasFactor6.forEach(fila => {
                if (fila.querySelector(".tabla-menu-pregunta")) {
                    cantidadDePreguntaDelFactor6++;
                    cantidadDePreguntaDelOpymMedios++;
                    cantidadDePreguntaDelJefaturas++;
                    if (fila.querySelector(".tabla-valoracion-pregunta").innerHTML != "") {
                        valoracionTotalDelFactor6 += parseFloat(fila.querySelector(".tabla-valoracion-pregunta").innerHTML);
                        valoracionTotalDelOpymMedios += parseFloat(fila.querySelector(".tabla-valoracion-pregunta").innerHTML);
                        valoracionTotalDelJefaturas += parseFloat(fila.querySelector(".tabla-valoracion-pregunta").innerHTML);
                    }
                }
            });
    
            let filasFactor7 = document.getElementById('tabla-factor7').tBodies[0].querySelectorAll("tr");
            filasFactor7.forEach(fila => {
                if (fila.querySelector(".tabla-menu-pregunta")) {
                    if (fila.querySelector(".tabla-valoracion-pregunta").innerHTML != "0") {
                        cantidadDePreguntaDelFactor7++;
                        cantidadDePreguntaDelOpymMedios++;
                        cantidadDePreguntaDelJefaturas++;
                        if (fila.querySelector(".tabla-valoracion-pregunta").innerHTML != "") {
                            valoracionTotalDelFactor7 += parseFloat(fila.querySelector(".tabla-valoracion-pregunta").innerHTML);
                            valoracionTotalDelOpymMedios += parseFloat(fila.querySelector(".tabla-valoracion-pregunta").innerHTML);
                            valoracionTotalDelJefaturas += parseFloat(fila.querySelector(".tabla-valoracion-pregunta").innerHTML);
                        }
                    }
                }
            });
    
            let filasFactor8 = document.getElementById('tabla-factor8').tBodies[0].querySelectorAll("tr");
            filasFactor8.forEach(fila => {
                if (fila.querySelector(".tabla-menu-pregunta")) {
                    cantidadDePreguntaDelFactor8++;
                    cantidadDePreguntaDelOpymMedios++;
                    cantidadDePreguntaDelJefaturas++;
                    if (fila.querySelector(".tabla-valoracion-pregunta").innerHTML != "") {
                        valoracionTotalDelFactor8 += parseFloat(fila.querySelector(".tabla-valoracion-pregunta").innerHTML);
                        valoracionTotalDelOpymMedios += parseFloat(fila.querySelector(".tabla-valoracion-pregunta").innerHTML);
                        valoracionTotalDelJefaturas += parseFloat(fila.querySelector(".tabla-valoracion-pregunta").innerHTML);
                    }
                }
            });
            
            if(valoracionTotalDelFactor1>0){
                valoracionTotalDelFactor1 = valoracionTotalDelFactor1/cantidadDePreguntaDelFactor1;
                valoracionTotalDelFactor1 = Math.round(valoracionTotalDelFactor1);
            }
    
            if(valoracionTotalDelFactor2>0){
                valoracionTotalDelFactor2 = valoracionTotalDelFactor2/cantidadDePreguntaDelFactor2;
                valoracionTotalDelFactor2 = Math.round(valoracionTotalDelFactor2);
            }
    
            if(valoracionTotalDelFactor3>0){
                valoracionTotalDelFactor3 = valoracionTotalDelFactor3/cantidadDePreguntaDelFactor3;
                valoracionTotalDelFactor3 = Math.round(valoracionTotalDelFactor3);
            }
    
            if(document.getElementById("campoRelacionDelEvaluacionConJefatura").value=="jefatura"){
                if(valoracionTotalDelFactor4>0){
                    valoracionTotalDelFactor4 = valoracionTotalDelFactor4/cantidadDePreguntaDelFactor4;
                    valoracionTotalDelFactor4 = Math.round(valoracionTotalDelFactor4);
                }
            }
    
            if(valoracionTotalDelFactor5>0){
                valoracionTotalDelFactor5 = valoracionTotalDelFactor5/cantidadDePreguntaDelFactor5;
                valoracionTotalDelFactor5 = Math.round(valoracionTotalDelFactor5);
            }
    
            if(valoracionTotalDelFactor6>0){
                valoracionTotalDelFactor6 = valoracionTotalDelFactor6/cantidadDePreguntaDelFactor6;
                valoracionTotalDelFactor6 = Math.round(valoracionTotalDelFactor6);
            }
    
            if(valoracionTotalDelFactor7>0){
                valoracionTotalDelFactor7 = valoracionTotalDelFactor7/cantidadDePreguntaDelFactor7;
                valoracionTotalDelFactor7 = Math.round(valoracionTotalDelFactor7);
            }
    
            if(valoracionTotalDelFactor8>0){
                valoracionTotalDelFactor8 = valoracionTotalDelFactor8/cantidadDePreguntaDelFactor8;
                valoracionTotalDelFactor8 = Math.round(valoracionTotalDelFactor8);
            }
    
            if(valoracionTotalDelOpymMedios >0){
                valoracionTotalDelOpymMedios  = valoracionTotalDelOpymMedios/cantidadDePreguntaDelOpymMedios;
                valoracionTotalDelOpymMedios  = Math.round(valoracionTotalDelOpymMedios );
            }
    
            if(valoracionTotalDelJefaturas>0){
                valoracionTotalDelJefaturas = valoracionTotalDelJefaturas/cantidadDePreguntaDelJefaturas;
                valoracionTotalDelJefaturas = Math.round(valoracionTotalDelJefaturas);
            }
    
            document.getElementById("subtotalFactor1").innerHTML = valoracionTotalDelFactor1;
            document.getElementById("subtotalFactor2").innerHTML = valoracionTotalDelFactor2;
            document.getElementById("subtotalFactor3").innerHTML = valoracionTotalDelFactor3;
            if(document.getElementById("campoRelacionDelEvaluacionConJefatura").value=="jefatura"){
                document.getElementById("subtotalFactor4").innerHTML = valoracionTotalDelFactor4;
            }
            document.getElementById("subtotalFactor5").innerHTML = valoracionTotalDelFactor5;
            document.getElementById("subtotalFactor6").innerHTML = valoracionTotalDelFactor6;
            document.getElementById("subtotalFactor7").innerHTML = valoracionTotalDelFactor7;
            document.getElementById("subtotalFactor8").innerHTML = valoracionTotalDelFactor8;
            
            document.getElementById("subtotalOpymMedios").innerHTML = valoracionTotalDelOpymMedios;
            document.getElementById("subtotalJefaturas").innerHTML = valoracionTotalDelJefaturas;

            let mensajeOpymMedios = obtenerMensaje(valoracionTotalDelOpymMedios);
            let mensajeJefatura = obtenerMensaje(valoracionTotalDelJefaturas);

            document.getElementById("mensajeEvaluacionOpymMedios").innerHTML = mensajeOpymMedios;
            document.getElementById("mensajeEvaluacionJefatura").innerHTML = mensajeJefatura;
        
            if(document.getElementById("campoRelacionDelEvaluacionConJefatura").value=="jefatura"){
                if(valoracionTotalDelJefaturas<3){
                    document.getElementById("contenedorDelCampoMotivo").style.display="block";
                }else{
                    document.getElementById("contenedorDelCampoMotivo").style.display="none";
                }
            }else if(document.getElementById("campoRelacionDelEvaluacionConJefatura").value=="opymmedios"){
                if(valoracionTotalDelOpymMedios<3){
                    document.getElementById("contenedorDelCampoMotivo").style.display="block";
                }else{
                    document.getElementById("contenedorDelCampoMotivo").style.display="none";
                }
            }
        }
    </script>

    <script>
        function validarEvaluacionDeDesempeno() {
            document.getElementById("campoCorrelativo").setAttribute("class", "form-control is-valid");
            document.getElementById("validacionCampoCorrelativo").innerHTML = "";
    
            let error = false;
            if (document.getElementById("campoNombreDelTrabajador").value.trim().length > 0) {
                document.getElementById("campoNombreDelTrabajador").setAttribute("class", "form-control is-valid");
                document.getElementById("validacionCampoNombreDelTrabajador").innerHTML = "";
            } else {
                error = true;
                document.getElementById("campoNombreDelTrabajador").setAttribute("class", "form-control is-invalid");
                document.getElementById("validacionCampoNombreDelTrabajador").innerHTML = "El campo nombre del trabajador es obligatorio";
            }
    
            if (document.getElementById("campoApellidoPaternoDelTrabajador").value.trim().length > 0) {
                document.getElementById("campoApellidoPaternoDelTrabajador").setAttribute("class", "form-control is-valid");
                document.getElementById("validacionCampoApellidoPaternoDelTrabajador").innerHTML = "";
            } else {
                error = true;
                document.getElementById("campoApellidoPaternoDelTrabajador").setAttribute("class", "form-control is-invalid");
                document.getElementById("validacionCampoApellidoPaternoDelTrabajador").innerHTML = "El campo apellido paterno del trabajador es obligatorio";
            }
    
            if (document.getElementById("campoApellidoMaternoDelTrabajador").value.trim().length > 0) {
                document.getElementById("campoApellidoMaternoDelTrabajador").setAttribute("class", "form-control is-valid");
                document.getElementById("validacionCampoApellidoMaternoDelTrabajador").innerHTML = "";
            } else {
                error = true;
                document.getElementById("campoApellidoMaternoDelTrabajador").setAttribute("class", "form-control is-invalid");
                document.getElementById("validacionCampoApellidoMaternoDelTrabajador").innerHTML = "El campo apellido materno del trabajador es obligatorio";
            }
    
            if (document.getElementById("campoRutDelTrabajador").value.trim().length > 0) {
                document.getElementById("campoRutDelTrabajador").setAttribute("class", "form-control is-valid");
                document.getElementById("validacionCampoRutDelTrabajador").innerHTML = "";
            } else {
                error = true;
                document.getElementById("campoRutDelTrabajador").setAttribute("class", "form-control is-invalid");
                document.getElementById("validacionCampoRutDelTrabajador").innerHTML = "El campo rut del trabajador es obligatorio";
            }
    
            if (document.getElementById("campoCentroDeCostoDelTrabajador").value.trim().length > 0) {
                document.getElementById("campoCentroDeCostoDelTrabajador").setAttribute("class", "form-control is-valid");
                document.getElementById("validacionCampoCentroDeCostoDelTrabajador").innerHTML = "";
            } else {
                error = true;
                document.getElementById("campoCentroDeCostoDelTrabajador").setAttribute("class", "form-control is-invalid");
                document.getElementById("validacionCampoCentroDeCostoDelTrabajador").innerHTML = "El campo centro de costo del trabajador es obligatorio";
            }
    
            if (document.getElementById("campoTipoDeContratoDelTrabajador").value.trim().length > 0) {
                document.getElementById("campoTipoDeContratoDelTrabajador").setAttribute("class", "form-control is-valid");
                document.getElementById("validacionCampoTipoDeContratoDelTrabajador").innerHTML = "";
            } else {
                error = true;
                document.getElementById("campoTipoDeContratoDelTrabajador").setAttribute("class", "form-control is-invalid");
                document.getElementById("validacionCampoTipoDeContratoDelTrabajador").innerHTML = "El campo tipo de contrato del trabajador es obligatorio";
            }

            if (document.getElementById("campoFechaDeTerminoDelTrabajador").value.trim().length > 0) {
                document.getElementById("campoFechaDeTerminoDelTrabajador").setAttribute("class", "form-control is-valid");
                document.getElementById("validacionCampoFechaDeTerminoDelTrabajador").innerHTML = "";
            } else {
                error = true;
                document.getElementById("campoFechaDeTerminoDelTrabajador").setAttribute("class", "form-control is-invalid");
                document.getElementById("validacionCampoFechaDeTerminoDelTrabajador").innerHTML = "El campo fecha de termino del trabajador es obligatorio";
            }
    
            if (document.getElementById("campoCargoDelTrabajador").value.trim().length > 0) {
                document.getElementById("campoCargoDelTrabajador").setAttribute("class", "form-control is-valid");
                document.getElementById("validacionCampoCargoDelTrabajador").innerHTML = "";
            } else {
                error = true;
                document.getElementById("campoCargoDelTrabajador").setAttribute("class", "form-control is-invalid");
                document.getElementById("validacionCampoCargoDelTrabajador").innerHTML = "El campo cargo del trabajador es obligatorio";
            }
    
            if (document.getElementById("campoTelefonoDelTrabajador").value.trim().length > 0) {
                document.getElementById("campoTelefonoDelTrabajador").setAttribute("class", "form-control is-valid");
                document.getElementById("validacionCampoTelefonoDelTrabajador").innerHTML = "";
            } else {
                error = true;
                document.getElementById("campoTelefonoDelTrabajador").setAttribute("class", "form-control is-invalid");
                document.getElementById("validacionCampoTelefonoDelTrabajador").innerHTML = "El campo teléfono del trabajador es obligatorio";
            }
    
            if (document.getElementById("campoCorreoPersonalDelTrabajador").value.trim().length > 0) {
                document.getElementById("campoCorreoPersonalDelTrabajador").setAttribute("class", "form-control is-valid");
                document.getElementById("validacionCampoCorreoPersonalDelTrabajador").innerHTML = "";
            } else {
                error = true;
                document.getElementById("campoCorreoPersonalDelTrabajador").setAttribute("class", "form-control is-invalid");
                document.getElementById("validacionCampoCorreoPersonalDelTrabajador").innerHTML = "El campo correo personal del trabajador es obligatorio";
            }

            if(document.getElementById("campoTipoDeContrato").value.trim().length > 0){
                document.getElementById("campoTipoDeContrato").classList.remove('input-error-icon');
                document.getElementById("campoTipoDeContrato").classList.add('input-success-icon');
                document.getElementById("validacionCampoTipoDeContrato").innerHTML = "";
                document.getElementById("validacionCampoTipoDeContrato").style.display = "none";
            }else{
                document.getElementById("campoTipoDeContrato").classList.remove('input-success-icon');
                document.getElementById("campoTipoDeContrato").classList.add('input-error-icon');
                document.getElementById("validacionCampoTipoDeContrato").innerHTML = "El campo tipo de renovación es obligatorio";
                document.getElementById("validacionCampoTipoDeContrato").style.display = "block";
                error = true;
            }

            const valorTipoDeRenovacion=document.getElementById("campoTipoDeContrato").value.trim();
            if(valorTipoDeRenovacion=="Plazo fijo: 60 días (VB gerencia)" || valorTipoDeRenovacion=="Plazo fijo: 90 días (VB gerencia)"){
                if (document.getElementById("campoObservacionSolicitudRenovacionContrato").value.trim().length > 0) {
                    document.getElementById("campoObservacionSolicitudRenovacionContrato").setAttribute("class", "form-control is-valid");
                    document.getElementById("validacionCampoObservacionSolicitudRenovacionContrato").innerHTML = "";
                } else {
                    error = true;
                    document.getElementById("campoObservacionSolicitudRenovacionContrato").setAttribute("class", "form-control is-invalid");
                    document.getElementById("validacionCampoObservacionSolicitudRenovacionContrato").innerHTML = "El campo motivo de justificación es obligatorio";
                }
            }else if(valorTipoDeRenovacion=="Indefinido"){
                if(cantiudadSolicitudesRenoacionTrabajador>=2){
                    document.getElementById("campoObservacionSolicitudRenovacionContrato").setAttribute("class", "form-control is-valid");
                    document.getElementById("validacionCampoObservacionSolicitudRenovacionContrato").innerHTML = "";
                }else{
                    if (document.getElementById("campoObservacionSolicitudRenovacionContrato").value.trim().length > 0) {
                        document.getElementById("campoObservacionSolicitudRenovacionContrato").setAttribute("class", "form-control is-valid");
                        document.getElementById("validacionCampoObservacionSolicitudRenovacionContrato").innerHTML = "";
                    } else {
                        error = true;
                        document.getElementById("campoObservacionSolicitudRenovacionContrato").setAttribute("class", "form-control is-invalid");
                        document.getElementById("validacionCampoObservacionSolicitudRenovacionContrato").innerHTML = "El campo motivo de justificación es obligatorio";
                    }
                }
            }else{
                document.getElementById("campoObservacionSolicitudRenovacionContrato").setAttribute("class", "form-control is-valid");
                document.getElementById("validacionCampoObservacionSolicitudRenovacionContrato").innerHTML = "";
            }
    
            let filasFactor1 = document.getElementById('tabla-factor1').tBodies[0].querySelectorAll("tr");
            let errorFactor1  = false;
            filasFactor1.forEach(fila => {
                if (fila.querySelector(".tabla-menu-pregunta")) {
                    if (fila.querySelector(".tabla-valoracion-pregunta").innerHTML.trim() == "") {
                        errorFactor1 = true;
                    }
                }
            });
            if (errorFactor1 == true) {
                document.getElementById("alertaTablaFactor1").style.display = "block";
                error = true;
            } else {
                document.getElementById("alertaTablaFactor1").style.display = "none";
            }
    
            let filasFactor2 = document.getElementById('tabla-factor2').tBodies[0].querySelectorAll("tr");
            let errorFactor2  = false;
            filasFactor2.forEach(fila => {
                if (fila.querySelector(".tabla-menu-pregunta")) {
                    if (fila.querySelector(".tabla-valoracion-pregunta").innerHTML.trim() == "") {
                        errorFactor2  = true;
                    }
                }
            });
            if (errorFactor2 == true) {
                document.getElementById("alertaTablaFactor2").style.display = "block";
                error = true;
            } else {
                document.getElementById("alertaTablaFactor2").style.display = "none";
            }
    
            let filasFactor3 = document.getElementById('tabla-factor3').tBodies[0].querySelectorAll("tr");
            let errorFactor3  = false;
            filasFactor3.forEach(fila => {
                if (fila.querySelector(".tabla-menu-pregunta")) {
                    if (fila.querySelector(".tabla-valoracion-pregunta").innerHTML.trim() == "") {
                        errorFactor3  = true;
                    }
                }
            });
            if (errorFactor3 == true) {
                document.getElementById("alertaTablaFactor3").style.display = "block";
                error = true;
            } else {
                document.getElementById("alertaTablaFactor3").style.display = "none";
            }
    
            if(document.getElementById("campoRelacionDelEvaluacionConJefatura").value=="jefatura"){
                let filasFactor4 = document.getElementById('tabla-factor4').tBodies[0].querySelectorAll("tr");
                let errorFactor4  = false;
                filasFactor4.forEach(fila => {
                    if (fila.querySelector(".tabla-menu-pregunta")) {
                        if (fila.querySelector(".tabla-valoracion-pregunta").innerHTML.trim() == "") {
                            errorFactor4  = true;
                        }
                    }
                });
                if (errorFactor4 == true) {
                    document.getElementById("alertaTablaFactor4").style.display = "block";
                    error = true;
                } else {
                    document.getElementById("alertaTablaFactor4").style.display = "none";
                }
            }
    
            let filasFactor5 = document.getElementById('tabla-factor5').tBodies[0].querySelectorAll("tr");
            let errorFactor5  = false;
            filasFactor5.forEach(fila => {
                if (fila.querySelector(".tabla-menu-pregunta")) {
                    if (fila.querySelector(".tabla-valoracion-pregunta").innerHTML.trim() == "") {
                        errorFactor5  = true;
                    }
                }
            });
            if (errorFactor5 == true) {
                document.getElementById("alertaTablaFactor5").style.display = "block";
                error = true;
            } else {
                document.getElementById("alertaTablaFactor5").style.display = "none";
            }
    
            let filasFactor6 = document.getElementById('tabla-factor6').tBodies[0].querySelectorAll("tr");
            let errorFactor6  = false;
            filasFactor6.forEach(fila => {
                if (fila.querySelector(".tabla-menu-pregunta")) {
                    if (fila.querySelector(".tabla-valoracion-pregunta").innerHTML.trim() == "") {
                        errorFactor6  = true;
                    }
                }
            });
            if (errorFactor6 == true) {
                document.getElementById("alertaTablaFactor6").style.display = "block";
                error = true;
            } else {
                document.getElementById("alertaTablaFactor6").style.display = "none";
            }
    
            let filasFactor7 = document.getElementById('tabla-factor7').tBodies[0].querySelectorAll("tr");
            let errorFactor7  = false;
            filasFactor7.forEach(fila => {
                if (fila.querySelector(".tabla-menu-pregunta")) {
                    if (fila.querySelector(".tabla-valoracion-pregunta").innerHTML.trim() == "") {
                        errorFactor7  = true;
                    }
                }
            });
            if (errorFactor7 == true) {
                document.getElementById("alertaTablaFactor7").style.display = "block";
                error = true;
            } else {
                document.getElementById("alertaTablaFactor7").style.display = "none";
            }
    
            let filasFactor8 = document.getElementById('tabla-factor8').tBodies[0].querySelectorAll("tr");
            let errorFactor8  = false;
            filasFactor8.forEach(fila => {
                if (fila.querySelector(".tabla-menu-pregunta")) {
                    if (fila.querySelector(".tabla-valoracion-pregunta").innerHTML.trim() == "") {
                        errorFactor8  = true;
                    }
                }
            });
            if (errorFactor8 == true) {
                document.getElementById("alertaTablaFactor8").style.display = "block";
                error = true;
            } else {
                document.getElementById("alertaTablaFactor8").style.display = "none";
            }
    
            return error;
        }

        function validarPuntajeFinalDeLaEvaluacionDeDesempeno(){
            let error = false;
            let valorMotivo=document.getElementById("campoMotivoBajaCalificacion").value.trim();
            let valorTotalDeOpymMediosDeLaEvaluacion=document.getElementById("subtotalOpymMedios").innerHTML.trim();
            let valorTotalDeJefaturasDeLaEvaluacion=document.getElementById("subtotalJefaturas").innerHTML.trim();
            if(document.getElementById("campoRelacionDelEvaluacionConJefatura").value=="jefatura"){
                if(parseInt(valorTotalDeJefaturasDeLaEvaluacion)<3){
                    if(valorMotivo.length==0){
                        error=true;
                    }
                }
            }else if(document.getElementById("campoRelacionDelEvaluacionConJefatura").value=="opymmedios"){
                if(parseInt(valorTotalDeOpymMediosDeLaEvaluacion)<3){
                    if(valorMotivo.length==0){
                        error=true;
                    }
                }
            }
            return error; 
        }
    
        function editarRespuestaDeLaEvaluacionDeDesempeno() {
            if(validarEvaluacionDeDesempeno()==false){
                if(validarPuntajeFinalDeLaEvaluacionDeDesempeno()==false){
                    document.getElementById("registrarRespuestaEvaluacion").setAttribute("disabled", true);
                    generarLoading('{{ asset('img/logo.png') }}')
        
                    let listadoDeFactor1=[];
                    let listadoDeFactor2=[];
                    let listadoDeFactor3=[];
                    let listadoDeFactor4=[];
                    let listadoDeFactor5=[];
                    let listadoDeFactor6=[];
                    let listadoDeFactor7=[];
                    let listadoDeFactor8=[];
        
                    let filasFactor1= document.getElementById('tabla-factor1').tBodies[0].querySelectorAll("tr");
                    filasFactor1.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 valoracion = fila.querySelector(".tabla-valoracion-pregunta").innerHTML.trim();
                            let obligatoriedad = fila.querySelector(".tabla-obligatoriedad-pregunta").innerHTML.trim();
        
                            let respuesta={
                                menu:menu,
                                descripcion:descripcion,
                                valoracion:valoracion,
                                obligatoriedad:obligatoriedad
                            };
        
                            listadoDeFactor1.push(respuesta);
                        }
                    });
        
                    let filasFactor2= document.getElementById('tabla-factor2').tBodies[0].querySelectorAll("tr");
                    filasFactor2.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 valoracion = fila.querySelector(".tabla-valoracion-pregunta").innerHTML.trim();
                            let obligatoriedad = fila.querySelector(".tabla-obligatoriedad-pregunta").innerHTML.trim();
        
                            let respuesta={
                                menu:menu,
                                descripcion:descripcion,
                                valoracion:valoracion,
                                obligatoriedad:obligatoriedad
                            };
        
                            listadoDeFactor2.push(respuesta);
                        }
                    });
        
                    let filasFactor3= document.getElementById('tabla-factor3').tBodies[0].querySelectorAll("tr");
                    filasFactor3.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 valoracion = fila.querySelector(".tabla-valoracion-pregunta").innerHTML.trim();
                            let obligatoriedad = fila.querySelector(".tabla-obligatoriedad-pregunta").innerHTML.trim();
        
                            let respuesta={
                                menu:menu,
                                descripcion:descripcion,
                                valoracion:valoracion,
                                obligatoriedad:obligatoriedad
                            };
        
                            listadoDeFactor3.push(respuesta);
                        }
                    });
        
                    if(document.getElementById("campoRelacionDelEvaluacionConJefatura").value=="jefatura"){
                        let filasFactor4= document.getElementById('tabla-factor4').tBodies[0].querySelectorAll("tr");
                        filasFactor4.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 valoracion = fila.querySelector(".tabla-valoracion-pregunta").innerHTML.trim();
                                let obligatoriedad = fila.querySelector(".tabla-obligatoriedad-pregunta").innerHTML.trim();
            
                                let respuesta={
                                    menu:menu,
                                    descripcion:descripcion,
                                    valoracion:valoracion,
                                    obligatoriedad:obligatoriedad
                                };
            
                                listadoDeFactor4.push(respuesta);
                            }
                        });
                    }
        
                    let filasFactor5= document.getElementById('tabla-factor5').tBodies[0].querySelectorAll("tr");
                    filasFactor5.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 valoracion = fila.querySelector(".tabla-valoracion-pregunta").innerHTML.trim();
                            let obligatoriedad = fila.querySelector(".tabla-obligatoriedad-pregunta").innerHTML.trim();
        
                            let respuesta={
                                menu:menu,
                                descripcion:descripcion,
                                valoracion:valoracion,
                                obligatoriedad:obligatoriedad
                            };
        
                            listadoDeFactor5.push(respuesta);
                        }
                    });
        
                    let filasFactor6= document.getElementById('tabla-factor6').tBodies[0].querySelectorAll("tr");
                    filasFactor6.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 valoracion = fila.querySelector(".tabla-valoracion-pregunta").innerHTML.trim();
                            let obligatoriedad = fila.querySelector(".tabla-obligatoriedad-pregunta").innerHTML.trim();
        
                            let respuesta={
                                menu:menu,
                                descripcion:descripcion,
                                valoracion:valoracion,
                                obligatoriedad:obligatoriedad
                            };
        
                            listadoDeFactor6.push(respuesta);
                        }
                    });
        
                    let filasFactor7= document.getElementById('tabla-factor7').tBodies[0].querySelectorAll("tr");
                    filasFactor7.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 valoracion = fila.querySelector(".tabla-valoracion-pregunta").innerHTML.trim();
                            let obligatoriedad = fila.querySelector(".tabla-obligatoriedad-pregunta").innerHTML.trim();
        
                            let respuesta={
                                menu:menu,
                                descripcion:descripcion,
                                valoracion:valoracion,
                                obligatoriedad:obligatoriedad
                            };
        
                            listadoDeFactor7.push(respuesta);
                        }
                    });
        
                    let filasFactor8= document.getElementById('tabla-factor8').tBodies[0].querySelectorAll("tr");
                    filasFactor8.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 valoracion = fila.querySelector(".tabla-valoracion-pregunta").innerHTML.trim();
                            let obligatoriedad = fila.querySelector(".tabla-obligatoriedad-pregunta").innerHTML.trim();
        
                            let respuesta={
                                menu:menu,
                                descripcion:descripcion,
                                valoracion:valoracion,
                                obligatoriedad:obligatoriedad
                            };
        
                            listadoDeFactor8.push(respuesta);
                        }
                    });
        
                    listadoDeFactor1= JSON.stringify(listadoDeFactor1);
                    listadoDeFactor2= JSON.stringify(listadoDeFactor2);
                    listadoDeFactor3= JSON.stringify(listadoDeFactor3);
                    listadoDeFactor4= JSON.stringify(listadoDeFactor4);
                    listadoDeFactor5= JSON.stringify(listadoDeFactor5);
                    listadoDeFactor6= JSON.stringify(listadoDeFactor6);
                    listadoDeFactor7= JSON.stringify(listadoDeFactor7);
                    listadoDeFactor8= JSON.stringify(listadoDeFactor8);
                    let campoNombreDelTrabajador=document.getElementById("campoNombreDelTrabajador").value.trim();
                    let campoApellidoPaternoDelTrabajador=document.getElementById("campoApellidoPaternoDelTrabajador").value.trim();
                    let campoApellidoMaternoDelTrabajador=document.getElementById("campoApellidoMaternoDelTrabajador").value.trim();
                    let campoRutDelTrabajador=document.getElementById("campoRutDelTrabajador").value.trim();
                    let campoIdCentroDeCostoDelTrabajador=document.getElementById("campoIdCentroDeCostoDelTrabajador").value.trim();
                    let campoTipoDeContratoDelTrabajador=document.getElementById("campoTipoDeContratoDelTrabajador").value.trim();
                    let campoFechaDeTerminoDelTrabajador=document.getElementById("campoFechaDeTerminoDelTrabajador").value.trim();
                    let campoCargoDelTrabajador=document.getElementById("campoCargoDelTrabajador").value.trim();
                    let campoTelefonoDelTrabajador=document.getElementById("campoTelefonoDelTrabajador").value.trim();
                    let campoCorreoPersonalDelTrabajador=document.getElementById("campoCorreoPersonalDelTrabajador").value.trim();
                    let campoRelacionDelEvaluacionConJefatura=document.getElementById("campoRelacionDelEvaluacionConJefatura").value.trim();
                    let tipoDeContrato=document.getElementById("campoTipoDeContrato").value.trim();
                    let valorTotalDeOpymMediosDeLaEvaluacion=document.getElementById("subtotalOpymMedios").innerHTML.trim();
                    let valorTotalDeJefaturasDeLaEvaluacion=document.getElementById("subtotalJefaturas").innerHTML.trim();
                    let campoMotivoBajaCalificacion=document.getElementById("campoMotivoBajaCalificacion").value.trim();
                    let campoObservacionSolicitudRenovacionContrato=document.getElementById("campoObservacionSolicitudRenovacionContrato").value.trim();

                    let formData = new FormData();
                    formData.append('_method', "PUT");
                    formData.append('nombre_trabajador', campoNombreDelTrabajador);
                    formData.append('apellido_paterno_trabajador', campoApellidoPaternoDelTrabajador);
                    formData.append('apellido_materno_trabajador', campoApellidoMaternoDelTrabajador);
                    formData.append('rut_trabajador', campoRutDelTrabajador);
                    formData.append('id_centro_costo', campoIdCentroDeCostoDelTrabajador);
                    formData.append('tipo_contrato_trabajador', campoTipoDeContratoDelTrabajador);
                    formData.append('fecha_termino_trabajador', campoFechaDeTerminoDelTrabajador);
                    formData.append('cargo_trabajador', campoCargoDelTrabajador);
                    formData.append('telefono_trabajador', campoTelefonoDelTrabajador);
                    formData.append('correo_personal_trabajador', campoCorreoPersonalDelTrabajador);
                    formData.append('relacion_jefatura', campoRelacionDelEvaluacionConJefatura);
                    formData.append('tipo_contrato', tipoDeContrato);
                    formData.append('valor_total_epys_medios_evaluacion', valorTotalDeOpymMediosDeLaEvaluacion);
                    formData.append('valor_total_jefaturas_evaluacion', valorTotalDeJefaturasDeLaEvaluacion);
                    formData.append('observacion_calificacion_inferior', campoMotivoBajaCalificacion);
                    formData.append('observacion_tipo_renovacion', campoObservacionSolicitudRenovacionContrato);
        
                    formData.append('valor_total_factor1', document.getElementById("subtotalFactor1").innerHTML.trim());
                    formData.append('valor_total_factor2', document.getElementById("subtotalFactor2").innerHTML.trim());
                    formData.append('valor_total_factor3', document.getElementById("subtotalFactor3").innerHTML.trim());
                    formData.append('valor_total_factor4', document.getElementById("subtotalFactor4").innerHTML.trim());
                    formData.append('valor_total_factor5', document.getElementById("subtotalFactor5").innerHTML.trim());
                    formData.append('valor_total_factor6', document.getElementById("subtotalFactor6").innerHTML.trim());
                    formData.append('valor_total_factor7', document.getElementById("subtotalFactor7").innerHTML.trim());
                    formData.append('valor_total_factor8', document.getElementById("subtotalFactor8").innerHTML.trim());
        
                    formData.append('listado_factor1', listadoDeFactor1);
                    formData.append('listado_factor2', listadoDeFactor2);
                    formData.append('listado_factor3', listadoDeFactor3);
                    formData.append('listado_factor4', listadoDeFactor4);
                    formData.append('listado_factor5', listadoDeFactor5);
                    formData.append('listado_factor6', listadoDeFactor6);
                    formData.append('listado_factor7', listadoDeFactor7);
                    formData.append('listado_factor8', listadoDeFactor8);
        
                    let csrf = '{{ csrf_token() }}';
                    $.ajax({
                        url: '{{route('evaluacion-desempeno-para-renovacion.update',$evaluacion)}}',
                        method: 'POST',
                        data: formData,
                        contentType: false,
                        processData: false,
                        dataType: 'json',
                        headers: {
                            'X-CSRF-TOKEN': csrf
                        },
                        success: function(data) {
                            eliminarLoading()
                            Swal.fire({
                                icon: 'success',
                                title: '¡Respuestas Editadas!',
                                text: 'Las respuestas de la solicitud de renovación de contrato se editaron con éxito',
                                confirmButtonColor: "#448aff",
                                confirmButtonText: "Confirmar"
                            }).then((result) => {
                                location.href = "{{route('evaluacion-desempeno-para-renovacion.index')}}";
                            })
                            .catch((error) => {
                                location.href = "{{route('evaluacion-desempeno-para-renovacion.index')}}";
                            });
                        },
                        error: function(data) {
                            Swal.fire({
                                icon: 'error',
                                title: '¡Errores en el Formulario!',
                                text: 'Revise los campos del formulario. Hay campos incompletos o que no cumple con los requisitos establecidos. Asegurase de completar todos los campos obligatorios y de corregir cualquier error señalado.',
                                confirmButtonColor: "#448aff",
                                confirmButtonText: "Confirmar"
                            })
                            document.getElementById("registrarRespuestaEvaluacion").removeAttribute("disabled");
                            eliminarLoading()
                        }
                    })
                }else{
                    Swal.fire({
                        icon: 'error',
                        title: '¡Error Solicitud de Renovación de Contrato!',
                        text: 'Debe completar el campo motivo cuando el valor total de la evaluacion es inferior a 3',
                        confirmButtonColor: "#448aff",
                        confirmButtonText: "Confirmar"
                    })
                }
            }else{
                Swal.fire({
                    icon: 'error',
                    title: '¡Error Solicitud de Renovación de Contrato!',
                    text: 'Se encontraron errores en la solicitud de renovación de contrato, revise la información insertada',
                    confirmButtonColor: "#448aff",
                    confirmButtonText: "Confirmar"
                })
            }
        }
    </script>
@stop