@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 | Detalle de la 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">Detalle de la Solicitud de Renovación de Contrato</h3>
                    </div>
                    <div class="card-body p-0">
                        @if ($evaluacion->estado_cierre == 'Abierta')
                            <div class="ribbon-wrapper ribbon-lg">
                                <div class="ribbon bg-secondary">
                                    {{ $evaluacion->estado_cierre }}
                                </div>
                            </div>
                        @endif
        
                        @if ($evaluacion->estado_cierre == 'Cerrada')
                            <div class="ribbon-wrapper ribbon-lg">
                                <div class="ribbon bg-success">
                                    {{ $evaluacion->estado_cierre }}
                                </div>
                            </div>
                        @endif
        
                        @if ($evaluacion->estado_cierre == 'Rechazado')
                            <div class="ribbon-wrapper ribbon-lg">
                                <div class="ribbon bg-danger">
                                    {{ $evaluacion->estado_cierre }}
                                </div>
                            </div>
                        @endif
                        <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 y Generales</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")
                                        <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>    

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

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

                                            <div class="form-group">
                                                <label for="campoFechaInicioDelProcesoDeRenovacion">Fecha de Inicio del Proceso de Renovación de Contrato</label>
                                                <input type="date" class="form-control" id="campoFechaInicioDelProcesoDeRenovacion" name="fecha_inicio_proceso_renovacion" value="{{ old('fecha_inicio_proceso_renovacion',$evaluacion->fecha_inicio_proceso_renovacion) }}" readonly="true">
                                            </div>

                                            <div class="form-group">
                                                <label for="campoDiasDeAtrasoDeLaCreacionDeLaSolicitud">Días que se Tardó en Crear la Solicitud Según el Inicio del Proceso</label>
                                                <input type="text" class="form-control" id="campoDiasDeAtrasoDeLaCreacionDeLaSolicitud" name="dias_atraso_creacion_solicitud" value="{{ old('dias_atraso_creacion_solicitud',$diasDeAtraso) }}" readonly="true">
                                            </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>
        
                                            <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>
        
                                            <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>

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

                                        @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" readonly="true">{{$evaluacion->observacion_tipo_renovacion}}</textarea>
                                                <div class="invalid-feedback" id="validacionCampoObservacionSolicitudRenovacionContrato">
            
                                                </div>
                                            </div>
                                        @endisset

                                        <div class="contenedorDosCamposPorFilaEnLosFormulario">
                                            <div class="form-group">
                                                <label>Solicitante (Quien Género la Evaluación)</label>
                                                <input type="text" id="campoSolicitante" class="form-control" name="id_usuario" value="{{ old('id_usuario',$evaluacion->solicitante->name) }}" readonly="true">
                                            </div>

                                            <div class="form-group">
                                                <label>Tipo de Renovación</label>
                                                <input type="text" id="campoTipoDeContrato" class="form-control" name="tipo_contrato" value="{{ old('tipo_contrato', $evaluacion->tipo_contrato) }}" readonly="true">
                                            </div>

                                            @if ($evaluacion->relacion_jefatura=="jefatura")
                                                <div class="form-group">
                                                    <label>¿El trabajador evaluado posee cargo de jefatura?</label>
                                                    <input type="text" id="campoRelacionDelEvaluacionConJefatura" class="form-control" name="relacion_jefatura" value="{{ old('relacion_jefatura', 'Sí') }}" readonly="true">
                                                </div>
                                            @elseif($evaluacion->relacion_jefatura=="opymmedios")
                                                <div class="form-group">
                                                    <label>¿El trabajador evaluado posee cargo de jefatura?</label>
                                                    <input type="text" id="campoRelacionDelEvaluacionConJefatura" class="form-control" name="relacion_jefatura" value="{{ old('relacion_jefatura', 'No') }}" readonly="true">
                                                </div>
                                            @endif

                                            @if ($evaluacion->estado_aprobacion == 'Rechazado' || $evaluacion->estado_cierre == 'Rechazado')
                                                <div class="form-group">
                                                    <label>Fecha de Rechazo</label>
                                                    <input type="text" id="campoFechaDeRechazo" class="form-control" name="fecha_cierre" value="{{ old('fecha_cierre',fechaConFormatoDeChile($evaluacion->fecha_cierre)) }}" readonly="true">
                                                </div>
    
                                                <div class="form-group">
                                                    <label>Usuario Que Rechazo la Evaluación</label>
                                                    <input type="text" id="campoUsuarioDeRechazo" class="form-control" name="id_usuario_cierre" value="{{ old('id_usuario_cierre',$evaluacion->usuarioQueCerroLaEvaluacion->name) }}" readonly="true">
                                                </div>
                                            @elseif($evaluacion->estado_cierre == 'Cerrada')
                                                <div class="form-group">
                                                    <label>Fecha de Cierre</label>
                                                    <input type="text" id="campoFechaDeCierre" class="form-control" name="fecha_cierre" value="{{ old('fecha_cierre',fechaConFormatoDeChile($evaluacion->fecha_cierre)) }}" readonly="true">
                                                </div>
    
                                                <div class="form-group">
                                                    <label>Usuario Que Cerro la Evaluación</label>
                                                    <input type="text" id="campoUsuarioDeCierre" class="form-control" name="id_usuario_cierre" value="{{ old('id_usuario_cierre',$evaluacion->usuarioQueCerroLaEvaluacion->name) }}" readonly="true">
                                                </div>
                                            @endif

                                            <div class="form-group">
                                                <label>Fecha Renovación de Contrato</label>
                                                <input type="date" class="form-control" name="fecha_renovacion_contrato" value="{{ old('fecha_renovacion_contrato',$evaluacion->fecha_renovacion_contrato) }}" readonly="true">
                                            </div>
                    
                                            <div class="form-group">
                                                <label>Fecha Actualización de Acreditación</label>
                                                <input type="date" class="form-control" name="fecha_actualizacion_acreditacion" value="{{ old('fecha_actualizacion_acreditacion',$evaluacion->fecha_actualizacion_acreditacion) }}" readonly="true">
                                            </div>
                                        </div>

                                        @if ($evaluacion->visto_bueno_gerentes==true)
                                            <div class="table-responsive">
                                                <table class="table table-bordered">
                                                    <thead>
                                                        <tr>
                                                            <th class='text-center' style="background-color: #007bff; color: white;">#</th>
                                                            <th class='text-center' style="background-color: #007bff; color: white;">Gerente</th>
                                                            <th class='text-center' style="background-color: #007bff; color: white;">Fecha de Aprobación</th>
                                                            <th class='text-center' style="background-color: #007bff; color: white;">Observación</th>
                                                            <th class='text-center' style="background-color: #007bff; color: white;">Estado de Aprobación</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        @php
                                                            $cantidadAprobacionGerente=0;
                                                        @endphp
                                                        @foreach ($evaluacion->aprobaciones as $aprobacion)
                                                            @if ($aprobacion->aprobacion_obligatoria==true)
                                                                @php
                                                                    $cantidadAprobacionGerente++;
                                                                @endphp
                                                                <tr>
                                                                    <td class="text-center">{{$cantidadAprobacionGerente}}</td>
                                                                    <td class="text-center">{{$aprobacion->usuario->name}}</td>
                                                                    <td class="text-center">{{fechaConFormatoDeChile($aprobacion->fecha_aprobacion)}}</td>
                                                                    <td class="text-center">{{$aprobacion->observacion}}</td>
                                                                    @if ($aprobacion->estado=="Pendiente")
                                                                        <td class="text-center"><span class="badge badge-secondary">Pendiente</span></td>
                                                                    @elseif($aprobacion->estado=="Aprobado")
                                                                        <td class="text-center"><span class="badge badge-success">Aprobado</span></td>
                                                                    @elseif($aprobacion->estado=="Rechazado")
                                                                        <td class="text-center"><span class="badge badge-danger">Rechazado</span></td>
                                                                    @elseif($aprobacion->estado=="Anulada")
                                                                        <td class="text-center"><span class="badge badge-info">Anulada</span></td>
                                                                    @endif
                                                                </tr>
                                                            @else
                                                                @if ($aprobacion->estado!="Pendiente")
                                                                    @php
                                                                        $cantidadAprobacionGerente++;
                                                                    @endphp
                                                                    <tr>
                                                                        <td class="text-center">{{$cantidadAprobacionGerente}}</td>
                                                                        <td class="text-center">{{$aprobacion->usuario->name}}</td>
                                                                        <td class="text-center">{{fechaConFormatoDeChile($aprobacion->fecha_aprobacion)}}</td>
                                                                        <td class="text-center">{{$aprobacion->observacion}}</td>
                                                                        @if ($aprobacion->estado=="Pendiente")
                                                                            <td class="text-center"><span class="badge badge-secondary">Pendiente</span></td>
                                                                        @elseif($aprobacion->estado=="Aprobado")
                                                                            <td class="text-center"><span class="badge badge-success">Aprobado</span></td>
                                                                        @elseif($aprobacion->estado=="Rechazado")
                                                                            <td class="text-center"><span class="badge badge-danger">Rechazado</span></td>
                                                                        @elseif($aprobacion->estado=="Anulada")
                                                                            <td class="text-center"><span class="badge badge-info">Anulada</span></td>
                                                                        @endif
                                                                    </tr>
                                                                @endif
                                                            @endif
                                                        @endforeach
                                                    </tbody>
                                                </table>
                                            </div>
                                        @endif

                                        @if ($evaluacion->estado_aprobacion == 'Rechazado' || $evaluacion->estado_cierre == 'Rechazado')
                                            <div class="form-group">
                                                <label style="color:#dc3545">Motivo del Rechazo</label>
                                                <textarea class="form-control" rows="3" id="campoMotivoDelRechazoDeLaSolicitudDeJornada" style="background-color:#E8C3C6;" readonly="true">{{ $evaluacion->observacion_estado_aprobacion }}</textarea>
                                            </div>
                                        @endif
                                    @endif
                                    <button class="btn btn-secondary" onclick="stepper.next()">Siguiente <i class="fas fa-arrow-right"></i></button>
                                </div>
                                <div id="information-part" class="content" role="tabpanel" aria-labelledby="information-part-trigger">
                                    @if ($evaluacion->version == "1.0")
                                        <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")
                                            <table class="table table-bordered" id="tabla-factor1">
                                                <thead>
                                                    <tr>
                                                        <th class="celda-color-azul" colspan="2">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>
                                                    @foreach ($categoriasDeFactor1->respuestas as $respuesta)
                                                        <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;"></td>
                                                            <td class="text-center">
                                                                @if ($respuesta->valor == 4)
                                                                    <div class="icheck-primary d-inline">
                                                                        <input type="radio" checked="true" readonly="true">
                                                                        <label></label>
                                                                    </div>
                                                                @endif
                                                            </td>
                                                            <td class="text-center">
                                                                @if ($respuesta->valor == 3)
                                                                    <div class="icheck-primary d-inline">
                                                                        <input type="radio" checked="true" readonly="true">
                                                                        <label></label>
                                                                    </div>
                                                                @endif
                                                            </td>
                                                            <td class="text-center">
                                                                @if ($respuesta->valor == 2)
                                                                    <div class="icheck-primary d-inline">
                                                                        <input type="radio" checked="true" readonly="true">
                                                                        <label></label>
                                                                    </div>
                                                                @endif
                                                            </td>
                                                            <td class="text-center">
                                                                @if ($respuesta->valor == 1)
                                                                    <div class="icheck-primary d-inline">
                                                                        <input type="radio" checked="true" readonly="true">
                                                                        <label></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="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>
        
                                            <table class="table table-bordered" id="tabla-factor2">
                                                <thead>
                                                    <tr>
                                                        <th class="celda-color-azul" colspan="2">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>
                                                    @foreach ($categoriasDeFactor2->respuestas as $respuesta)
                                                        <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;"></td>
                                                            <td class="text-center">
                                                                @if ($respuesta->valor == 4)
                                                                    <div class="icheck-primary d-inline">
                                                                        <input type="radio" checked="true" readonly="true">
                                                                        <label></label>
                                                                    </div>
                                                                @endif
                                                            </td>
                                                            <td class="text-center">
                                                                @if ($respuesta->valor == 3)
                                                                    <div class="icheck-primary d-inline">
                                                                        <input type="radio" checked="true" readonly="true">
                                                                        <label></label>
                                                                    </div>
                                                                @endif
                                                            </td>
                                                            <td class="text-center">
                                                                @if ($respuesta->valor == 2)
                                                                    <div class="icheck-primary d-inline">
                                                                        <input type="radio" checked="true" readonly="true">
                                                                        <label></label>
                                                                    </div>
                                                                @endif
                                                            </td>
                                                            <td class="text-center">
                                                                @if ($respuesta->valor == 1)
                                                                    <div class="icheck-primary d-inline">
                                                                        <input type="radio" checked="true" readonly="true">
                                                                        <label></label>
                                                                    </div>
                                                                @endif
                                                            </td>
                                                            <td class="text-center">
                                                                @if ($respuesta->valor == 0)
                                                                    <div class="icheck-primary d-inline">
                                                                        <input type="radio" checked="true" readonly="true">
                                                                        <label></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>
        
                                            <table class="table table-bordered" id="tabla-factor3">
                                                <thead>
                                                    <tr>
                                                        <th class="celda-color-azul" colspan="2">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>
                                                    @foreach ($categoriasDeFactor3->respuestas as $respuesta)
                                                        <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;"></td>
                                                            <td class="text-center">
                                                                @if ($respuesta->valor == 4)
                                                                    <div class="icheck-primary d-inline">
                                                                        <input type="radio" checked="true" readonly="true">
                                                                        <label></label>
                                                                    </div>
                                                                @endif
                                                            </td>
                                                            <td class="text-center">
                                                                @if ($respuesta->valor == 3)
                                                                    <div class="icheck-primary d-inline">
                                                                        <input type="radio" checked="true" readonly="true">
                                                                        <label></label>
                                                                    </div>
                                                                @endif
                                                            </td>
                                                            <td class="text-center">
                                                                @if ($respuesta->valor == 2)
                                                                    <div class="icheck-primary d-inline">
                                                                        <input type="radio" checked="true" readonly="true">
                                                                        <label></label>
                                                                    </div>
                                                                @endif
                                                            </td>
                                                            <td class="text-center">
                                                                @if ($respuesta->valor == 1)
                                                                    <div class="icheck-primary d-inline">
                                                                        <input type="radio" checked="true" readonly="true">
                                                                        <label></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="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>
            
                                            <table class="table table-bordered" id="tabla-factor4">
                                                <thead>
                                                    <tr>
                                                        <th class="celda-color-azul" colspan="2">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>
                                                    @foreach ($categoriasDeFactor4->respuestas as $respuesta)
                                                        <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;"></td>
                                                            <td class="text-center">
                                                                @if ($respuesta->valor == 4)
                                                                    <div class="icheck-primary d-inline">
                                                                        <input type="radio" checked="true" readonly="true">
                                                                        <label></label>
                                                                    </div>
                                                                @endif
                                                            </td>
                                                            <td class="text-center">
                                                                @if ($respuesta->valor == 3)
                                                                    <div class="icheck-primary d-inline">
                                                                        <input type="radio" checked="true" readonly="true">
                                                                        <label></label>
                                                                    </div>
                                                                @endif
                                                            </td>
                                                            <td class="text-center">
                                                                @if ($respuesta->valor == 2)
                                                                    <div class="icheck-primary d-inline">
                                                                        <input type="radio" checked="true" readonly="true">
                                                                        <label></label>
                                                                    </div>
                                                                @endif
                                                            </td>
                                                            <td class="text-center">
                                                                @if ($respuesta->valor == 1)
                                                                    <div class="icheck-primary d-inline">
                                                                        <input type="radio" checked="true" readonly="true">
                                                                        <label></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="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>
        
                                            <table class="table table-bordered" id="tabla-factor5">
                                                <thead>
                                                    <tr>
                                                        <th class="celda-color-azul" colspan="2">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>
                                                    @foreach ($categoriasDeFactor5->respuestas as $respuesta)
                                                        <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;"></td>
                                                            <td class="text-center">
                                                                @if ($respuesta->valor == 4)
                                                                    <div class="icheck-primary d-inline">
                                                                        <input type="radio" checked="true" readonly="true">
                                                                        <label></label>
                                                                    </div>
                                                                @endif
                                                            </td>
                                                            <td class="text-center">
                                                                @if ($respuesta->valor == 3)
                                                                    <div class="icheck-primary d-inline">
                                                                        <input type="radio" checked="true" readonly="true">
                                                                        <label></label>
                                                                    </div>
                                                                @endif
                                                            </td>
                                                            <td class="text-center">
                                                                @if ($respuesta->valor == 2)
                                                                    <div class="icheck-primary d-inline">
                                                                        <input type="radio" checked="true" readonly="true">
                                                                        <label></label>
                                                                    </div>
                                                                @endif
                                                            </td>
                                                            <td class="text-center">
                                                                @if ($respuesta->valor == 1)
                                                                    <div class="icheck-primary d-inline">
                                                                        <input type="radio" checked="true" readonly="true">
                                                                        <label></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="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>
        
                                            <table class="table table-bordered" id="tabla-factor6">
                                                <thead>
                                                    <tr>
                                                        <th class="celda-color-azul" colspan="2">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>
                                                    @foreach ($categoriasDeFactor6->respuestas as $respuesta)
                                                        <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;"></td>
                                                            <td class="text-center">
                                                                @if ($respuesta->valor == 4)
                                                                    <div class="icheck-primary d-inline">
                                                                        <input type="radio" checked="true" readonly="true">
                                                                        <label></label>
                                                                    </div>
                                                                @endif
                                                            </td>
                                                            <td class="text-center">
                                                                @if ($respuesta->valor == 3)
                                                                    <div class="icheck-primary d-inline">
                                                                        <input type="radio" checked="true" readonly="true">
                                                                        <label></label>
                                                                    </div>
                                                                @endif
                                                            </td>
                                                            <td class="text-center">
                                                                @if ($respuesta->valor == 2)
                                                                    <div class="icheck-primary d-inline">
                                                                        <input type="radio" checked="true" readonly="true">
                                                                        <label></label>
                                                                    </div>
                                                                @endif
                                                            </td>
                                                            <td class="text-center">
                                                                @if ($respuesta->valor == 1)
                                                                    <div class="icheck-primary d-inline">
                                                                        <input type="radio" checked="true" readonly="true">
                                                                        <label></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="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>
        
                                            <table class="table table-bordered" id="tabla-factor7">
                                                <thead>
                                                    <tr>
                                                        <th class="celda-color-azul" colspan="2">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>
                                                    @foreach ($categoriasDeFactor7->respuestas as $respuesta)
                                                        <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;"></td>
                                                            <td class="text-center">
                                                                @if ($respuesta->valor == 4)
                                                                    <div class="icheck-primary d-inline">
                                                                        <input type="radio" checked="true" readonly="true">
                                                                        <label></label>
                                                                    </div>
                                                                @endif
                                                            </td>
                                                            <td class="text-center">
                                                                @if ($respuesta->valor == 3)
                                                                    <div class="icheck-primary d-inline">
                                                                        <input type="radio" checked="true" readonly="true">
                                                                        <label></label>
                                                                    </div>
                                                                @endif
                                                            </td>
                                                            <td class="text-center">
                                                                @if ($respuesta->valor == 2)
                                                                    <div class="icheck-primary d-inline">
                                                                        <input type="radio" checked="true" readonly="true">
                                                                        <label></label>
                                                                    </div>
                                                                @endif
                                                            </td>
                                                            <td class="text-center">
                                                                @if ($respuesta->valor == 1)
                                                                    <div class="icheck-primary d-inline">
                                                                        <input type="radio" checked="true" readonly="true">
                                                                        <label></label>
                                                                    </div>
                                                                @endif
                                                            </td>
                                                            <td class="text-center">
                                                                @if ($respuesta->valor == 0)
                                                                    <div class="icheck-primary d-inline">
                                                                        <input type="radio" checked="true" readonly="true">
                                                                        <label></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>
        
                                            <table class="table table-bordered" id="tabla-factor8">
                                                <thead>
                                                    <tr>
                                                        <th class="celda-color-azul" colspan="2">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>
                                                    @foreach ($categoriasDeFactor8->respuestas as $respuesta)
                                                        <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;"></td>
                                                            <td class="text-center">
                                                                @if ($respuesta->valor == 4)
                                                                    <div class="icheck-primary d-inline">
                                                                        <input type="radio" checked="true" readonly="true">
                                                                        <label></label>
                                                                    </div>
                                                                @endif
                                                            </td>
                                                            <td class="text-center">
                                                                @if ($respuesta->valor == 3)
                                                                    <div class="icheck-primary d-inline">
                                                                        <input type="radio" checked="true" readonly="true">
                                                                        <label></label>
                                                                    </div>
                                                                @endif
                                                            </td>
                                                            <td class="text-center">
                                                                @if ($respuesta->valor == 2)
                                                                    <div class="icheck-primary d-inline">
                                                                        <input type="radio" checked="true" readonly="true">
                                                                        <label></label>
                                                                    </div>
                                                                @endif
                                                            </td>
                                                            <td class="text-center">
                                                                @if ($respuesta->valor == 1)
                                                                    <div class="icheck-primary d-inline">
                                                                        <input type="radio" checked="true" readonly="true">
                                                                        <label></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="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 por Total Inferior a 3</label>
                                                    <textarea class="form-control" id="campoMotivoBajaCalificacion" name="observacion_calificacion_inferior" rows="3" readonly="true">{{$evaluacion->observacion_calificacion_inferior}}</textarea>
                                                </div>
                                            @endif

                                            <table class="table table-bordered">
                                                <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")
                                            <table class="table table-bordered" id="tabla-factor1">
                                                <thead>
                                                    <tr>
                                                        <th class="celda-color-azul" colspan="2">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>
                                                    @foreach ($categoriasDeFactor1->respuestas as $respuesta)
                                                        <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;"></td>
                                                            <td class="text-center">
                                                                @if ($respuesta->valor == 4)
                                                                    <div class="icheck-primary d-inline">
                                                                        <input type="radio" checked="true" readonly="true">
                                                                        <label></label>
                                                                    </div>
                                                                @endif
                                                            </td>
                                                            <td class="text-center">
                                                                @if ($respuesta->valor == 3)
                                                                    <div class="icheck-primary d-inline">
                                                                        <input type="radio" checked="true" readonly="true">
                                                                        <label></label>
                                                                    </div>
                                                                @endif
                                                            </td>
                                                            <td class="text-center">
                                                                @if ($respuesta->valor == 2)
                                                                    <div class="icheck-primary d-inline">
                                                                        <input type="radio" checked="true" readonly="true">
                                                                        <label></label>
                                                                    </div>
                                                                @endif
                                                            </td>
                                                            <td class="text-center">
                                                                @if ($respuesta->valor == 1)
                                                                    <div class="icheck-primary d-inline">
                                                                        <input type="radio" checked="true" readonly="true">
                                                                        <label></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="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>
        
                                            <table class="table table-bordered" id="tabla-factor2">
                                                <thead>
                                                    <tr>
                                                        <th class="celda-color-azul" colspan="2">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>
                                                    @foreach ($categoriasDeFactor2->respuestas as $respuesta)
                                                        <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;"></td>
                                                            <td class="text-center">
                                                                @if ($respuesta->valor == 4)
                                                                    <div class="icheck-primary d-inline">
                                                                        <input type="radio" checked="true" readonly="true">
                                                                        <label></label>
                                                                    </div>
                                                                @endif
                                                            </td>
                                                            <td class="text-center">
                                                                @if ($respuesta->valor == 3)
                                                                    <div class="icheck-primary d-inline">
                                                                        <input type="radio" checked="true" readonly="true">
                                                                        <label></label>
                                                                    </div>
                                                                @endif
                                                            </td>
                                                            <td class="text-center">
                                                                @if ($respuesta->valor == 2)
                                                                    <div class="icheck-primary d-inline">
                                                                        <input type="radio" checked="true" readonly="true">
                                                                        <label></label>
                                                                    </div>
                                                                @endif
                                                            </td>
                                                            <td class="text-center">
                                                                @if ($respuesta->valor == 1)
                                                                    <div class="icheck-primary d-inline">
                                                                        <input type="radio" checked="true" readonly="true">
                                                                        <label></label>
                                                                    </div>
                                                                @endif
                                                            </td>
                                                            <td class="text-center">
                                                                @if ($respuesta->valor == 0)
                                                                    <div class="icheck-primary d-inline">
                                                                        <input type="radio" checked="true" readonly="true">
                                                                        <label></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>
        
                                            <table class="table table-bordered" id="tabla-factor3">
                                                <thead>
                                                    <tr>
                                                        <th class="celda-color-azul" colspan="2">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>
                                                    @foreach ($categoriasDeFactor3->respuestas as $respuesta)
                                                        <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;"></td>
                                                            <td class="text-center">
                                                                @if ($respuesta->valor == 4)
                                                                    <div class="icheck-primary d-inline">
                                                                        <input type="radio" checked="true" readonly="true">
                                                                        <label></label>
                                                                    </div>
                                                                @endif
                                                            </td>
                                                            <td class="text-center">
                                                                @if ($respuesta->valor == 3)
                                                                    <div class="icheck-primary d-inline">
                                                                        <input type="radio" checked="true" readonly="true">
                                                                        <label></label>
                                                                    </div>
                                                                @endif
                                                            </td>
                                                            <td class="text-center">
                                                                @if ($respuesta->valor == 2)
                                                                    <div class="icheck-primary d-inline">
                                                                        <input type="radio" checked="true" readonly="true">
                                                                        <label></label>
                                                                    </div>
                                                                @endif
                                                            </td>
                                                            <td class="text-center">
                                                                @if ($respuesta->valor == 1)
                                                                    <div class="icheck-primary d-inline">
                                                                        <input type="radio" checked="true" readonly="true">
                                                                        <label></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="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>
        
                                            <table class="table table-bordered" id="tabla-factor5">
                                                <thead>
                                                    <tr>
                                                        <th class="celda-color-azul" colspan="2">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>
                                                    @foreach ($categoriasDeFactor5->respuestas as $respuesta)
                                                        <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;"></td>
                                                            <td class="text-center">
                                                                @if ($respuesta->valor == 4)
                                                                    <div class="icheck-primary d-inline">
                                                                        <input type="radio" checked="true" readonly="true">
                                                                        <label></label>
                                                                    </div>
                                                                @endif
                                                            </td>
                                                            <td class="text-center">
                                                                @if ($respuesta->valor == 3)
                                                                    <div class="icheck-primary d-inline">
                                                                        <input type="radio" checked="true" readonly="true">
                                                                        <label></label>
                                                                    </div>
                                                                @endif
                                                            </td>
                                                            <td class="text-center">
                                                                @if ($respuesta->valor == 2)
                                                                    <div class="icheck-primary d-inline">
                                                                        <input type="radio" checked="true" readonly="true">
                                                                        <label></label>
                                                                    </div>
                                                                @endif
                                                            </td>
                                                            <td class="text-center">
                                                                @if ($respuesta->valor == 1)
                                                                    <div class="icheck-primary d-inline">
                                                                        <input type="radio" checked="true" readonly="true">
                                                                        <label></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="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>
        
                                            <table class="table table-bordered" id="tabla-factor6">
                                                <thead>
                                                    <tr>
                                                        <th class="celda-color-azul" colspan="2">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>
                                                    @foreach ($categoriasDeFactor6->respuestas as $respuesta)
                                                        <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;"></td>
                                                            <td class="text-center">
                                                                @if ($respuesta->valor == 4)
                                                                    <div class="icheck-primary d-inline">
                                                                        <input type="radio" checked="true" readonly="true">
                                                                        <label></label>
                                                                    </div>
                                                                @endif
                                                            </td>
                                                            <td class="text-center">
                                                                @if ($respuesta->valor == 3)
                                                                    <div class="icheck-primary d-inline">
                                                                        <input type="radio" checked="true" readonly="true">
                                                                        <label></label>
                                                                    </div>
                                                                @endif
                                                            </td>
                                                            <td class="text-center">
                                                                @if ($respuesta->valor == 2)
                                                                    <div class="icheck-primary d-inline">
                                                                        <input type="radio" checked="true" readonly="true">
                                                                        <label></label>
                                                                    </div>
                                                                @endif
                                                            </td>
                                                            <td class="text-center">
                                                                @if ($respuesta->valor == 1)
                                                                    <div class="icheck-primary d-inline">
                                                                        <input type="radio" checked="true" readonly="true">
                                                                        <label></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="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>
        
                                            <table class="table table-bordered" id="tabla-factor7">
                                                <thead>
                                                    <tr>
                                                        <th class="celda-color-azul" colspan="2">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>
                                                    @foreach ($categoriasDeFactor7->respuestas as $respuesta)
                                                        <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;"></td>
                                                            <td class="text-center">
                                                                @if ($respuesta->valor == 4)
                                                                    <div class="icheck-primary d-inline">
                                                                        <input type="radio" checked="true" readonly="true">
                                                                        <label></label>
                                                                    </div>
                                                                @endif
                                                            </td>
                                                            <td class="text-center">
                                                                @if ($respuesta->valor == 3)
                                                                    <div class="icheck-primary d-inline">
                                                                        <input type="radio" checked="true" readonly="true">
                                                                        <label></label>
                                                                    </div>
                                                                @endif
                                                            </td>
                                                            <td class="text-center">
                                                                @if ($respuesta->valor == 2)
                                                                    <div class="icheck-primary d-inline">
                                                                        <input type="radio" checked="true" readonly="true">
                                                                        <label></label>
                                                                    </div>
                                                                @endif
                                                            </td>
                                                            <td class="text-center">
                                                                @if ($respuesta->valor == 1)
                                                                    <div class="icheck-primary d-inline">
                                                                        <input type="radio" checked="true" readonly="true">
                                                                        <label></label>
                                                                    </div>
                                                                @endif
                                                            </td>
                                                            <td class="text-center">
                                                                @if ($respuesta->valor == 0)
                                                                    <div class="icheck-primary d-inline">
                                                                        <input type="radio" checked="true" readonly="true">
                                                                        <label></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>
        
                                            <table class="table table-bordered" id="tabla-factor8">
                                                <thead>
                                                    <tr>
                                                        <th class="celda-color-azul" colspan="2">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>
                                                    @foreach ($categoriasDeFactor8->respuestas as $respuesta)
                                                        <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;"></td>
                                                            <td class="text-center">
                                                                @if ($respuesta->valor == 4)
                                                                    <div class="icheck-primary d-inline">
                                                                        <input type="radio" checked="true" readonly="true">
                                                                        <label></label>
                                                                    </div>
                                                                @endif
                                                            </td>
                                                            <td class="text-center">
                                                                @if ($respuesta->valor == 3)
                                                                    <div class="icheck-primary d-inline">
                                                                        <input type="radio" checked="true" readonly="true">
                                                                        <label></label>
                                                                    </div>
                                                                @endif
                                                            </td>
                                                            <td class="text-center">
                                                                @if ($respuesta->valor == 2)
                                                                    <div class="icheck-primary d-inline">
                                                                        <input type="radio" checked="true" readonly="true">
                                                                        <label></label>
                                                                    </div>
                                                                @endif
                                                            </td>
                                                            <td class="text-center">
                                                                @if ($respuesta->valor == 1)
                                                                    <div class="icheck-primary d-inline">
                                                                        <input type="radio" checked="true" readonly="true">
                                                                        <label></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="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 por Total Inferior a 3</label>
                                                    <textarea class="form-control" id="campoMotivoBajaCalificacion" name="observacion_calificacion_inferior" rows="3" readonly="true">{{$evaluacion->observacion_calificacion_inferior}}</textarea>
                                                </div>
                                            @endif

                                            <table class="table table-bordered">
                                                <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>
                                        @endif
                                    @endif
                                    <button class="btn btn-secondary" onclick="stepper.previous()"><i class="fas fa-arrow-left"></i> Anterior</button>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class=" card-footer">
                        @if ($evaluacion->version == "1.0")
                            @if ($usuarioPuederEditar==true)
                                <a href="{{ route('evaluacion-desempeno-para-renovacion.edit',$evaluacion) }}" role="button" class="btn btn-warning mt-1"><i class="fas fa-edit" style="margin-right: 2px;"></i> Editar Solicitud de Renovación de Contrato</a>
                            @endif
                            @if ($gerentePuedeAprobar==true)
                                <button onclick="abrirModalAprobarDeLaEvaluacionDeDesempenoPorElGerente()" type="button" class="btn btn-success" id="botonDeAprobacion"><i class="fas fa-award" style="margin-right: 2px;"></i> Aprobar Solicitud de Renovación de Contrato</button>
                                <button onclick="abrirModalRechazarDeLaEvaluacionDeDesempenoPorElGerente()" type="button" class="btn btn-danger"><i class="fas fa-award" style="margin-right: 2px;"></i> Rechazar Solicitud de Renovación de Contrato</button>
                            @endif
                            @if ($usuarioPuederCerrar==true)
                                <button onclick="abrirModalCerrarEvaluacionDeDesempenoPorRRLL()" type="button" class="btn btn-primary"><i class="fas fa-award" style="margin-right: 2px;"></i> Cerrar Solicitud de Renovación de Contrato</button>
                            @endif
                        @endif
                        <a href="{{ route('evaluacion-desempeno-para-renovacion.index') }}" role="button" class="btn btn-secondary mt-1"><i class="fas fa-arrow-alt-circle-left" style="margin-right: 2px;"></i> Volver</a>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" id="modalCerrarEvaluacionDeDesempeno" tabindex="-1" aria-labelledby="labelModalRechazoDeRequisicion" aria-hidden="true">
        <form id="formularioModalCerrarEvaluacionDeDesempeno">
            @csrf
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header" style="background-color: #007bff; color:white;">
                        <h5 class="modal-title" id="labelModalCerrarEvaluacionDeDesempeno">Cerrar Solicitud de Renovación de Contrato {{ $evaluacion->correlativo }}</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close" style="color:white;">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <div class="form-group">
                            <label for="campoFechaRenovacionDeContrato">Fecha Renovación de Contrato</label>
                            <input type="date" class="form-control" id="campoFechaRenovacionDeContrato" name="fecha_renovacion_contrato" value="{{ old('fecha_renovacion_contrato') }}">
                            <div class="invalid-feedback" id="validacionCampoFechaRenovacionDeContrato">

                            </div>
                        </div>

                        <div class="form-group">
                            <label for="campoFechaActualizacionDeAcreditacion">Fecha Actualización de Acreditación <span style="font-weight: 700; font-size:11px;">(Opcional)</span></label>
                            <input type="date" class="form-control" id="campoFechaActualizacionDeAcreditacion" name="fecha_actualizacion_acreditacion" value="{{ old('fecha_actualizacion_acreditacion') }}">
                            <div class="invalid-feedback" id="validacionCampoFechaActualizacionDeAcreditacion">

                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
                        <button type="button" class="btn btn-primary" onclick="cerrarEvaluacionDeDesempenoPorRRLL()" id="botonDeCerrar" >Cerrar Solicitud de Renovación de Contrato</button>
                        <button type="button" class="btn btn-primary" onclick="guardarInformacionDeCierrePorRRLL()" id="botonDeGuardarInformacionCerrar" >Guardar Información</button>
                    </div>
                </div>
            </div>
        </form>
    </div>

    <div class="modal fade" id="modalRechazoDeLaEvaluacionDeDesempeno" tabindex="-1" aria-labelledby="labelModalRechazoDeRequisicion" aria-hidden="true">
        <form id="formularioModalRechazoDeLaEvaluacionDeDesempeno">
            @csrf
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header" style="background-color: #007bff; color:white;">
                        <h5 class="modal-title" id="labelModalRechazoDeLaEvaluacionDeDesempeno">Solicitud de Renovación de Contrato {{ $evaluacion->correlativo }}</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close" style="color:white;">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <div class="form-group">
                            <label>Motivo del Rechazo</label>
                            <textarea class="form-control" id="campoMotivoDelRechazoModalRechazoDeLaEvaluacionDeDesempeno" name="motivo_rechazo" rows="3"></textarea>
                            <div class="invalid-feedback" id="validacionCampoMotivoDelRechazoModalRechazoDeLaEvaluacionDeDesempeno">
    
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
                        <button type="button" class="btn btn-primary" id="botonDeRechazoRRLL" onclick="rechazarEvaluacionDeDesempenoPorRRLL()">Rechazar Solicitud de Renovación de Contrato</button>
                    </div>
                </div>
            </div>
        </form>
    </div>

    <div class="modal fade" id="modalRechazoDeLaRechazoDeLaEvaluacionDeDesempenoPorGerente" tabindex="-1" aria-labelledby="labelModalRechazoDeRequisicion" aria-hidden="true">
        <form id="formularioModalRechazoDeLaEvaluacionDeDesempenoPorGerente">
            @csrf
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header" style="background-color: #007bff; color:white;">
                        <h5 class="modal-title" id="labelModalRechazoDeLaRechazoDeLaEvaluacionDeDesempenoPorGerente">Solicitud de Renovación de Contrato {{ $evaluacion->correlativo }}</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close" style="color:white;">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <div class="form-group">
                            <label>Motivo del Rechazo</label>
                            <textarea class="form-control" id="campoMotivoDelRechazoDeLaEvaluacionDeDesempenoPorGerente" name="motivo_rechazo" rows="3"></textarea>
                            <div class="invalid-feedback" id="validacionCampoMotivoDelRechazoDeLaEvaluacionDeDesempenoPorGerente">
    
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
                        <button type="button" class="btn btn-primary" id="botonDeRechazoGerente" onclick="rechazarEvaluacionDeDesempenoPorElGerente()">Rechazar Solicitud de Renovación de Contrato</button>
                    </div>
                </div>
            </div>
        </form>
    </div>

    <div class="modal fade" id="modalAprobarDeLaEvaluacionDeDesempenoPorGerente" tabindex="-1" aria-labelledby="labelModalRechazoDeRequisicion" aria-hidden="true">
        <form id="formularioModalAprobarDeLaEvaluacionDeDesempenoPorGerente">
            @csrf
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header" style="background-color: #007bff; color:white;">
                        <h5 class="modal-title" id="labelModalAprobarDeLaEvaluacionDeDesempenoPorGerente">Solicitud de Renovación de Contrato {{ $evaluacion->correlativo }}</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close" style="color:white;">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <div class="form-group">
                            <label>Observaciones <span style="font-weight: 700; font-size:11px;">(Opcional)</span></label>
                            <textarea class="form-control" id="campoObservacionesModalAprobarDeLaEvaluacionDeDesempenoPorGerente" name="observaciones" rows="3"></textarea>
                            <div class="invalid-feedback" id="validacionCampoObservacionesModalAprobarDeLaEvaluacionDeDesempenoPorGerente">
    
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
                        <button type="button" class="btn btn-primary" id="botonDeAprobacion" onclick="aprobarEvaluacionDeDesempenoPorElGerente()">Aprobar Solicitud de Renovación de Contrato</button>
                    </div>
                </div>
            </div>
        </form>
    </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'))
        })
    </script>

    <script>
        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 ''; 
            }
        }

        document.addEventListener('DOMContentLoaded', (event) => {
            // Para Op. y M. Medios
            var puntajeOpymMedios = {{ round($evaluacion->valor_total_opym_medios) }};
            var mensajeOpymMedios = obtenerMensaje(puntajeOpymMedios);
            document.getElementById('mensajeEvaluacionOpymMedios').textContent = mensajeOpymMedios;
        });

        document.addEventListener('DOMContentLoaded', (event) => {
            // Para Jefaturas
            var puntajeJefaturas = {{ round($evaluacion->valor_total_jefaturas) }};
            var mensajeJefaturas = obtenerMensaje(puntajeJefaturas);
            document.getElementById('mensajeEvaluacionJefatura').textContent = mensajeJefaturas;
        });

    </script>

    <script>
        function abrirModalRechazarDeLaEvaluacionDeDesempenoPorElGerente() {
            document.getElementById("campoMotivoDelRechazoDeLaEvaluacionDeDesempenoPorGerente").value = "";
            document.getElementById("validacionCampoMotivoDelRechazoDeLaEvaluacionDeDesempenoPorGerente").innerHTML = "";
            document.getElementById("campoMotivoDelRechazoDeLaEvaluacionDeDesempenoPorGerente").setAttribute("class", "form-control");
            $("#modalRechazoDeLaRechazoDeLaEvaluacionDeDesempenoPorGerente").modal("show");
        }
    
        function rechazarEvaluacionDeDesempenoPorElGerente(){
            document.getElementById("botonDeRechazoGerente").setAttribute("disabled", true);
            if(document.getElementById("campoMotivoDelRechazoDeLaEvaluacionDeDesempenoPorGerente").value.trim().length > 0){
                Swal.fire({
                    title: '¿Esta seguro?',
                    text: "La solicitud de renovación de contrato cambiará su estado ha rechazada",
                    icon: 'warning',
                    showCancelButton: true,
                    confirmButtonColor: '#3085d6',
                    cancelButtonColor: '#d33',
                    confirmButtonText: '¡Si, rechazar!',
                    cancelButtonText: 'Cancelar'
                }).then((result) => {
                    if (result.isConfirmed) {
                        generarLoading('{{ asset('img/logo.png') }}')
                        let datosFormulario = $("#formularioModalRechazoDeLaEvaluacionDeDesempenoPorGerente").serialize();
                        $.ajax({
                            type: 'POST',
                            datatype: 'json',
                            url: '{{ route('evaluacion-desempeno-para-renovacion.rechazar-gerente', $evaluacion) }}',
                            data: datosFormulario,
                            success: function(data) {
                                Swal.fire({
                                    icon: 'success',
                                    title: '¡Solicitud de Renovación de Contrato Rechazada!',
                                    text: 'La solicitud de renovación de contrato ' + data.correlativo + ' cambio de estado ha rechazada',
                                    confirmButtonColor: "#448aff",
                                    confirmButtonText: "Confirmar"
                                }).then((result) => {
                                    location.reload();
                                })
                                .catch((error) => {
                                    location.reload();
                                });
                                eliminarLoading()
                            },
                            error: function(data) {
                                console.log(data)
                                eliminarLoading()
                                document.getElementById("botonDeRechazoGerente").removeAttribute("disabled");
                            }
                        })
                    } else {
                        document.getElementById("botonDeRechazoGerente").removeAttribute("disabled");
                    }
                })
            }else{
                document.getElementById("campoMotivoDelRechazoDeLaEvaluacionDeDesempenoPorGerente").setAttribute("class", "form-control is-invalid");
                document.getElementById("validacionCampoMotivoDelRechazoDeLaEvaluacionDeDesempenoPorGerente").innerHTML = "El campo motivo de rechazo es obligatorio.";
                document.getElementById("botonDeRechazoGerente").removeAttribute("disabled");
            }
        }

        function abrirModalAprobarDeLaEvaluacionDeDesempenoPorElGerente() {
            document.getElementById("campoObservacionesModalAprobarDeLaEvaluacionDeDesempenoPorGerente").value = "";
            document.getElementById("validacionCampoObservacionesModalAprobarDeLaEvaluacionDeDesempenoPorGerente").innerHTML = "";
            document.getElementById("campoObservacionesModalAprobarDeLaEvaluacionDeDesempenoPorGerente").setAttribute("class", "form-control");
            $("#modalAprobarDeLaEvaluacionDeDesempenoPorGerente").modal("show");
        }
    
        function aprobarEvaluacionDeDesempenoPorElGerente(){
            document.getElementById("botonDeAprobacion").setAttribute("disabled", true);
                Swal.fire({
                    title: '¿Esta seguro?',
                    text: "Aprobara la solicitud de renovación de contrato,si todos los gerentes aprobaron la solicitud de renovación de contrato cambiará su estado ha aprobado",
                    icon: 'warning',
                    showCancelButton: true,
                    confirmButtonColor: '#3085d6',
                    cancelButtonColor: '#d33',
                    confirmButtonText: '¡Si, aprobar!',
                    cancelButtonText: 'Cancelar'
                }).then((result) => {
                    if (result.isConfirmed) {
                        generarLoading('{{ asset('img/logo.png') }}')
                        let csrf = '{{ csrf_token() }}';
                        let datosFormulario = $("#formularioModalAprobarDeLaEvaluacionDeDesempenoPorGerente").serialize();
    
                        $.ajax({
                            type: 'POST',
                            datatype: 'json',
                            url: '{{ route('evaluacion-desempeno-para-renovacion.aprobar-gerente', $evaluacion) }}',
                            data: datosFormulario,
                            headers: {
                                'X-CSRF-TOKEN': csrf
                            },
                            success: function(data) {
                                if(data.evaluacionDeDesempenoParaRenovacionSeAprobo==true){
                                    Swal.fire({
                                        icon: 'success',
                                        title: '¡Solicitud de Renovación de Contrato Aprobado!',
                                        text: 'La solicitud de renovación de contrato ' + data.evaluacionDeDesempenoParaRenovacion.correlativo + ' cambio de estado ha aprobado',
                                        confirmButtonColor: "#448aff",
                                        confirmButtonText: "Confirmar"
                                    }).then((result) => {
                                        location.reload();
                                    })
                                    .catch((error) => {
                                        location.reload();
                                    });
                                }else{
                                    Swal.fire({
                                        icon: 'success',
                                        title: '¡Gerente Aprobo Solicitud de Renovación de Contrato!',
                                        text: 'Aprobo la solicitud de renovación de contrato',
                                        confirmButtonColor: "#448aff",
                                        confirmButtonText: "Confirmar"
                                    }).then((result) => {
                                        location.reload();
                                    })
                                    .catch((error) => {
                                        location.reload();
                                    });
                                }
                                eliminarLoading()
                            },
                            error: function(data) {
                                console.log(data)
                                document.getElementById("botonDeAprobacion").removeAttribute("disabled");
                                eliminarLoading()
                            }
                        })
                    } else {
                        document.getElementById("botonDeAprobacion").removeAttribute("disabled");
                    }
                });
        }
    </script>

    <script>
        function abrirModalRechazarEvaluacionDeDesempenoPorRRLL() {
            document.getElementById("campoMotivoDelRechazoModalRechazoDeLaEvaluacionDeDesempeno").value = "";
            document.getElementById("validacionCampoMotivoDelRechazoModalRechazoDeLaEvaluacionDeDesempeno").innerHTML = "";
            document.getElementById("campoMotivoDelRechazoModalRechazoDeLaEvaluacionDeDesempeno").setAttribute("class", "form-control");
            $("#modalRechazoDeLaEvaluacionDeDesempeno").modal("show");
        }

        function rechazarEvaluacionDeDesempenoPorRRLL(){
            document.getElementById("botonDeRechazoRRLL").setAttribute("disabled", true);
            if(document.getElementById("campoMotivoDelRechazoModalRechazoDeLaEvaluacionDeDesempeno").value.trim().length > 0){
                Swal.fire({
                    title: '¿Esta seguro?',
                    text: "La solicitud de renovación de contrato cambiará su estado ha rechazada",
                    icon: 'warning',
                    showCancelButton: true,
                    confirmButtonColor: '#3085d6',
                    cancelButtonColor: '#d33',
                    confirmButtonText: '¡Si, rechazar!',
                    cancelButtonText: 'Cancelar'
                }).then((result) => {
                    if (result.isConfirmed) {
                        generarLoading('{{ asset('img/logo.png') }}')
                        let datosFormulario = $("#formularioModalRechazoDeLaEvaluacionDeDesempeno").serialize();
                        $.ajax({
                            type: 'POST',
                            datatype: 'json',
                            url: '{{ route('evaluacion-desempeno-para-renovacion.rechazar-rrll', $evaluacion) }}',
                            data: datosFormulario,
                            success: function(data) {
                                Swal.fire({
                                    icon: 'success',
                                    title: '¡Solicitud de Renovación de Contrato Rechazada!',
                                    text: 'La solicitud de renovación de contrato ' + data.correlativo + ' cambio de estado ha rechazado',
                                    confirmButtonColor: "#448aff",
                                    confirmButtonText: "Confirmar"
                                }).then((result) => {
                                    location.reload();
                                })
                                .catch((error) => {
                                    location.reload();
                                });
                                eliminarLoading()
                            },
                            error: function(data) {
                                console.log(data)
                                eliminarLoading()
                                document.getElementById("botonDeRechazoRRLL").removeAttribute("disabled");
                            }
                        })
                    } else {
                        document.getElementById("botonDeRechazoRRLL").removeAttribute("disabled");
                    }
                })
            }else{
                document.getElementById("campoMotivoDelRechazoModalRechazoDeLaEvaluacionDeDesempeno").setAttribute("class", "form-control is-invalid");
                document.getElementById("validacionCampoMotivoDelRechazoModalRechazoDeLaEvaluacionDeDesempeno").innerHTML = "El campo motivo de rechazo es obligatorio.";
                document.getElementById("botonDeRechazoRRLL").removeAttribute("disabled");
            }
        }
    </script>

    <script>
        function abrirModalCerrarEvaluacionDeDesempenoPorRRLL() {
            document.getElementById("campoFechaRenovacionDeContrato").value = "{{$evaluacion->fecha_renovacion_contrato}}";
            document.getElementById("validacionCampoFechaRenovacionDeContrato").innerHTML = "";
            document.getElementById("campoFechaRenovacionDeContrato").setAttribute("class", "form-control");
            
            document.getElementById("campoFechaActualizacionDeAcreditacion").value = "{{$evaluacion->fecha_actualizacion_acreditacion}}";
            document.getElementById("validacionCampoFechaActualizacionDeAcreditacion").innerHTML = "";
            document.getElementById("campoFechaActualizacionDeAcreditacion").setAttribute("class", "form-control");
            
            $("#modalCerrarEvaluacionDeDesempeno").modal("show");
        }

        function cerrarEvaluacionDeDesempenoPorRRLL(){
            document.getElementById("botonDeCerrar").setAttribute("disabled", true);
            let campoFechaRenovacionDeContrato=document.getElementById("campoFechaRenovacionDeContrato").value.trim();
            let campoFechaActualizacionDeAcreditacion=document.getElementById("campoFechaActualizacionDeAcreditacion").value.trim();
    
            if(campoFechaRenovacionDeContrato.length > 0){
                Swal.fire({
                    title: '¿Esta seguro?',
                    text: "La solicitud de renovación de contrato se cerrara",
                    icon: 'warning',
                    showCancelButton: true,
                    confirmButtonColor: '#3085d6',
                    cancelButtonColor: '#d33',
                    confirmButtonText: '¡Si, cerrar!',
                    cancelButtonText: 'Cancelar'
                }).then((result) => {
                    if (result.isConfirmed) {
                        generarLoading('{{ asset('img/logo.png') }}')
                        let datosFormulario = $("#formularioModalCerrarEvaluacionDeDesempeno").serialize();
                        $.ajax({
                            type: 'POST',
                            datatype: 'json',
                            url: '{{ route('evaluacion-desempeno-para-renovacion.aprobar-rrll', $evaluacion) }}',
                            data: datosFormulario,
                            success: function(data) {
                                Swal.fire({
                                    icon: 'success',
                                    title: '¡Solicitud de Renovación de Contrato Cerrada!',
                                    text: 'La solicitud de renovación de contrato ' + data.correlativo + ' fue cerrada',
                                    confirmButtonColor: "#448aff",
                                    confirmButtonText: "Confirmar"
                                }).then((result) => {
                                    location.reload();
                                })
                                .catch((error) => {
                                    location.reload();
                                });
                                eliminarLoading()
                            },
                            error: function(data) {
                                eliminarLoading()
                                document.getElementById("botonDeCerrar").removeAttribute("disabled");
                            }
                        })
                    } else {
                        document.getElementById("botonDeCerrar").removeAttribute("disabled");
                    }
                })
            }else{
                if (campoFechaRenovacionDeContrato.trim().length == 0) {
                    document.getElementById("campoFechaRenovacionDeContrato").setAttribute("class", "form-control is-invalid");
                    document.getElementById("validacionCampoFechaRenovacionDeContrato").innerHTML = "El campo fecha de renovación de contrato es obligatorio.";
                } else {
                    document.getElementById("validacionCampoFechaRenovacionDeContrato").innerHTML = "";
                    document.getElementById("campoFechaRenovacionDeContrato").setAttribute("class", "form-control is-valid");
                }

                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("validacionCampoFechaActualizacionDeAcreditacion").innerHTML = "";
                document.getElementById("campoFechaActualizacionDeAcreditacion").setAttribute("class", "form-control is-valid");
                document.getElementById("botonDeCerrar").removeAttribute("disabled");
            }
        }

        function guardarInformacionDeCierrePorRRLL(){
            document.getElementById("botonDeGuardarInformacionCerrar").setAttribute("disabled", true);
            Swal.fire({
                title: '¿Esta seguro?',
                text: "Se guardara la información de las fechas correspondiente al cierre de la solicitud de renovación de contrato",
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: '¡Si, guardar!',
                cancelButtonText: 'Cancelar'
            }).then((result) => {
                if (result.isConfirmed) {
                    generarLoading('{{ asset('img/logo.png') }}')
                    let datosFormulario = $("#formularioModalCerrarEvaluacionDeDesempeno").serialize();
                    $.ajax({
                        type: 'POST',
                        datatype: 'json',
                        url: '{{ route('evaluacion-desempeno-para-renovacion.guardar-informacion-cierre-rrll', $evaluacion) }}',
                        data: datosFormulario,
                        success: function(data) {
                            Swal.fire({
                                icon: 'success',
                                title: '¡Fecha de la Solicitud de Renovación de Contrato Guardada!',
                                text: 'La información de las fecha correspondiente al cierre de la solicitud de renovación de contrato ' + data.correlativo + ' fue guardado con éxito',
                                confirmButtonColor: "#448aff",
                                confirmButtonText: "Confirmar"
                            }).then((result) => {
                                location.reload();
                            })
                            .catch((error) => {
                                location.reload();
                            });
                            eliminarLoading()
                        },
                        error: function(data) {
                            console.log(data)
                            eliminarLoading()
                            document.getElementById("botonDeGuardarInformacionCerrar").removeAttribute("disabled");
                        }
                    })
                } else {
                    document.getElementById("botonDeGuardarInformacionCerrar").removeAttribute("disabled");
                }
            })
        }
    </script>
@stop