@extends('adminlte::page')

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

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

@section('content_header')
    <div class="container-fluid">

    </div>
@stop

@section('content')
<div class="container-fluid">
    <div class="row justify-content-center">
        <div class="col-lg-10">
            <div class="card card-primary">
                <div class="card-header">
                    <h3 class="card-title">Editar Solicitud de Desvinculación</h3>
                </div>
                <div class="card-body p-0">
                    <div class="bs-stepper linear">
                        <div class="bs-stepper-header" role="tablist">
                            <div class="step active" data-target="#logins-part">
                                <button type="button" class="step-trigger" role="tab" aria-controls="logins-part" id="logins-part-trigger" aria-selected="true">
                                    <span class="bs-stepper-circle">1</span>
                                    <span class="bs-stepper-label">Datos del Evaluado</span>
                                </button>
                            </div>
                            <div class="line"></div>
                            <div class="step" data-target="#finiquito-part">
                                <button type="button" class="step-trigger" role="tab" aria-controls="finiquito-part" id="finiquito-part-trigger" aria-selected="false" disabled="disabled">
                                    <span class="bs-stepper-circle">2</span>
                                    <span class="bs-stepper-label">Solicitud de Desvinculació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">
                                <p>Nota: Es necesario completar el campo de relación del evaluador con la jefatura para continuar con la siguiente etapa.</p>
                                
                                <div class="form-group">
                                    <label for="campoCorrelativoDeLaSolicitud">Correlativo</label>
                                    <input type="text" class="form-control" id="campoCorrelativoDeLaSolicitud" name="correlativo" value="{{ old('correlativo',$antecedentePersonalFiniquitado->correlativo) }}" readonly="true">
                                    <div class="invalid-feedback" id="validacionCampoCorrelativoDeLaSolicitud">
        
                                    </div>
                                </div>

                                <div class="contenedorDosCamposPorFilaEnLosFormulario">
                                    <div class="form-group">
                                        <label for="campoNombreDeLaSolicitud">Nombre</label>
                                        <input type="text" class="form-control" id="campoNombreDeLaSolicitud"
                                            name="nombre_trabajador"
                                            value="{{ old('nombre_trabajador', $antecedentePersonalFiniquitado->nombre_trabajador) }}"
                                            readonly="true">
                                        <div class="invalid-feedback" id="validacionCampoNombreDeLaSolicitud">

                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label for="campoApellidoPaternoDeLaSolicitud">Apellido Paterno</label>
                                        <input type="text" class="form-control"
                                            id="campoApellidoPaternoDeLaSolicitud" name="apellido_paterno_trabajador"
                                            value="{{ old('apellido_paterno_trabajador', $antecedentePersonalFiniquitado->apellido_paterno_trabajador) }}"
                                            readonly="true">
                                        <div class="invalid-feedback" id="validacionCampoApellidoPaternoDeLaSolicitud">

                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label for="campoApellidoMaternoDeLaSolicitud">Apellido Materno</label>
                                        <input type="text" class="form-control"
                                            id="campoApellidoMaternoDeLaSolicitud" name="apellido_materno_trabajador"
                                            value="{{ old('apellido_materno_trabajador', $antecedentePersonalFiniquitado->apellido_materno_trabajador) }}"
                                            readonly="true">
                                        <div class="invalid-feedback" id="validacionCampoApellidoMaternoDeLaSolicitud">

                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label for="campoRutDeLaSolicitud">Rut</label>
                                        <input type="text" class="form-control" id="campoRutDeLaSolicitud"
                                            name="rut_trabajador"
                                            value="{{ old('rut_trabajador', $antecedentePersonalFiniquitado->rut_trabajador) }}"
                                            readonly="true">
                                        <div class="invalid-feedback" id="validacionCampoRutDeLaSolicitud">

                                        </div>
                                    </div>

                                    <div class="form-group" style="display: none;">
                                        <label for="campoSueldoBaseActualDeLaSolicitud">Sueldo Base</label>
                                        <input type="text" class="form-control" id="campoSueldoBaseActualDeLaSolicitud" name="sueldo_base_actual_con_formato" value="{{ old('sueldo_base_actual_con_formato',formatoMenedaSegunTipoDeMonedaOC($antecedentePersonalFiniquitado->sueldo_base_actual,"CLP")) }}" readonly="true">
                                        <div class="invalid-feedback" id="validacionCampoSueldoBaseActualDeLaSolicitud">
    
                                        </div>
                                    </div>
                                    @if (strpos(number_format($antecedentePersonalFiniquitado->sueldo_base_actual,2), '.00') !== false)
                                        <input type="hidden" name="sueldo_base_actual" id="campoSueldoBaseActualNumeroDeLaSolicitud" value="{{ old('sueldo_base_actual',str_replace(',', '',number_format($antecedentePersonalFiniquitado->sueldo_base_actual,0))) }}">
                                    @else
                                        <input type="hidden" name="sueldo_base_actual" id="campoSueldoBaseActualNumeroDeLaSolicitud" value="{{ old('sueldo_base_actual',$antecedentePersonalFiniquitado->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($antecedentePersonalFiniquitado->asignacion_movilizacion_actual,"CLP")) }}" readonly="true">
                                        <div class="invalid-feedback" id="validacionCampoAsignacionMovilizacionActualDeLaSolicitud">
    
                                        </div>
                                    </div>
                                    @if (strpos(number_format($antecedentePersonalFiniquitado->asignacion_movilizacion_actual,2), '.00') !== false)
                                        <input type="hidden" name="asignacion_movilizacion_actual" id="campoAsignacionMovilizacionActualNumeroDeLaSolicitud" value="{{ old('asignacion_movilizacion_actual',str_replace(',', '',number_format($antecedentePersonalFiniquitado->asignacion_movilizacion_actual,0))) }}">
                                    @else
                                        <input type="hidden" name="asignacion_movilizacion_actual" id="campoAsignacionMovilizacionActualNumeroDeLaSolicitud" value="{{ old('asignacion_movilizacion_actual',$antecedentePersonalFiniquitado->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($antecedentePersonalFiniquitado->asignacion_colacion_actual,"CLP")) }}" readonly="true">
                                        <div class="invalid-feedback" id="validacionCampoAsignacionColacionActualDeLaSolicitud">
    
                                        </div>
                                    </div>
                                    @if (strpos(number_format($antecedentePersonalFiniquitado->asignacion_colacion_actual,2), '.00') !== false)
                                        <input type="hidden" name="asignacion_colacion_actual" id="campoAsignacionColacionActualNumeroDeLaSolicitud" value="{{ old('asignacion_colacion_actual',str_replace(',', '',number_format($antecedentePersonalFiniquitado->asignacion_colacion_actual,0))) }}">    
                                    @else
                                        <input type="hidden" name="asignacion_colacion_actual" id="campoAsignacionColacionActualNumeroDeLaSolicitud" value="{{ old('asignacion_colacion_actual',$antecedentePersonalFiniquitado->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($antecedentePersonalFiniquitado->asignacion_sala_cuna_actual,"CLP")) }}" readonly="true">
                                        <div class="invalid-feedback" id="validacionCampoAsignacionSalaCunaActualDeLaSolicitud">
    
                                        </div>
                                    </div>
                                    @if (strpos(number_format($antecedentePersonalFiniquitado->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($antecedentePersonalFiniquitado->asignacion_sala_cuna_actual,0))) }}">    
                                    @else
                                        <input type="hidden" name="asignacion_sala_cuna_actual" id="campoAsignacionSalaCunaActualNumeroDeLaSolicitud" value="{{ old('asignacion_sala_cuna_actual',$antecedentePersonalFiniquitado->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($antecedentePersonalFiniquitado->viatico_actual,"CLP")) }}" readonly="true">
                                        <div class="invalid-feedback" id="validacionCampoViaticoActualDeLaSolicitud">
    
                                        </div>
                                    </div>
                                    @if (strpos(number_format($antecedentePersonalFiniquitado->viatico_actual,2), '.00') !== false)
                                        <input type="hidden" name="viatico_actual" id="campoViaticoActualNumeroDeLaSolicitud" value="{{ old('viatico_actual',str_replace(',', '',number_format($antecedentePersonalFiniquitado->viatico_actual,0))) }}">  
                                    @else
                                        <input type="hidden" name="viatico_actual" id="campoViaticoActualNumeroDeLaSolicitud" value="{{ old('viatico_actual',$antecedentePersonalFiniquitado->viatico_actual) }}">
                                    @endif
                                </div>

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

                                <div class="contenedorDosCamposPorFilaEnLosFormulario">
                                    <div class="form-group">
                                        <label>Tipo de Contrato</label>
                                        <input type="text" id="campoTipoDeContratoDeLaSolicitud"
                                            class="form-control" name="tipo_contrato_trabajador"
                                            value="{{ old('tipo_contrato_trabajador', $antecedentePersonalFiniquitado->tipo_contrato_trabajador) }}"
                                            readonly="true">
                                        <div class="invalid-feedback" id="validacionCampoTipoDeContratoDeLaSolicitud">

                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label for="campoFechaDeIngresoDeLaSolicitud">Fecha de Ingreso</label>
                                        <input type="date" class="form-control"
                                            id="campoFechaDeIngresoDeLaSolicitud" name="fecha_ingreso_trabajador"
                                            value="{{ old('fecha_ingreso_trabajador', $antecedentePersonalFiniquitado->fecha_ingreso_trabajador) }}"
                                            readonly="true">
                                        <div class="invalid-feedback" id="validacionCampoFechaDeIngresoDeLaSolicitud">

                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label>Tipo de Desvinculación</label>
                                        <select class="form-control listaDespegableConBuscador" id="campoAvisoPrevio30Dias" name="aviso_previo" onchange="actualizarMotivoDesvinculacion()">
                                            <option value="">--Tipo de Desvinculación--</option>
                                            @if ($antecedentePersonalFiniquitado->aviso_previo=="Carta a 30 días")
                                                <option value="Carta a 30 días" selected>Carta a 30 días</option>
                                                <option value="Desvinculación Inmediata">Desvinculación Inmediata</option>
                                                <option value="Vencimiento de Plazo">Vencimiento de Plazo</option>
                                                <option value="Vencimiento de Plazo Anticipado">Vencimiento de Plazo Anticipado</option>
                                            @elseif($antecedentePersonalFiniquitado->aviso_previo=="Desvinculación Inmediata")
                                                <option value="Carta a 30 días">Carta a 30 días</option>
                                                <option value="Desvinculación Inmediata" selected>Desvinculación Inmediata</option>
                                                <option value="Vencimiento de Plazo">Vencimiento de Plazo</option>
                                                <option value="Vencimiento de Plazo Anticipado">Vencimiento de Plazo Anticipado</option>
                                            @elseif($antecedentePersonalFiniquitado->aviso_previo=="Vencimiento de Plazo")
                                                <option value="Carta a 30 días">Carta a 30 días</option>
                                                <option value="Desvinculación Inmediata">Desvinculación Inmediata</option>
                                                <option value="Vencimiento de Plazo" selected>Vencimiento de Plazo</option>
                                                <option value="Vencimiento de Plazo Anticipado">Vencimiento de Plazo Anticipado</option>
                                            @elseif($antecedentePersonalFiniquitado->aviso_previo=="Vencimiento de Plazo Anticipado")
                                                <option value="Carta a 30 días">Carta a 30 días</option>
                                                <option value="Desvinculación Inmediata">Desvinculación Inmediata</option>
                                                <option value="Vencimiento de Plazo">Vencimiento de Plazo</option>
                                                <option value="Vencimiento de Plazo Anticipado" selected>Vencimiento de Plazo Anticipado</option>
                                            @else
                                                <option value="Carta a 30 días">Carta a 30 días</option>
                                                <option value="Desvinculación Inmediata">Desvinculación Inmediata</option>
                                                <option value="Vencimiento de Plazo">Vencimiento de Plazo</option>
                                                <option value="Vencimiento de Plazo Anticipado">Vencimiento de Plazo Anticipado</option>
                                            @endif
                                        </select>
                                        <div class="invalid-feedback" id="validacionCampoAviso30Dias">
                                        </div>
                                    </div>

                                    @if ($antecedentePersonalFiniquitado->aviso_previo==="Desvinculación Inmediata")
                                        <div class="form-group" id="contenedorCampoQuienPagaMesDeDesahucio">
                                            <label>Quien Paga el Mes de Desahucio</label>
                                            <select class="form-control listaDespegableConBuscador" id="campoQuienPagaMesDeDesahucio" name="quien_paga_mes_desahucio">
                                                <option value="">--Quien Paga el Mes de Desahucio--</option>
                                                @if ($antecedentePersonalFiniquitado->quien_paga_mes_desahucio=="Cliente")
                                                    <option value="Cliente" selected>Cliente</option>
                                                    <option value="Guiñez Ingenieria">Guiñez Ingenieria</option>
                                                @elseif($antecedentePersonalFiniquitado->quien_paga_mes_desahucio=="Guiñez Ingenieria")
                                                    <option value="Cliente">Cliente</option>
                                                    <option value="Guiñez Ingenieria" selected>Guiñez Ingenieria</option>
                                                @else
                                                    <option value="Cliente">Cliente</option>
                                                    <option value="Guiñez Ingenieria">Guiñez Ingenieria</option>
                                                @endif
                                            </select>
                                            <div class="invalid-feedback" id="validacionCampoQuienPagaMesDeDesahucio">
                                            </div>
                                        </div>
                                    @else
                                        <div class="form-group" id="contenedorCampoQuienPagaMesDeDesahucio" style="display:none;">
                                            <label>Quien Paga el Mes de Desahucio</label>
                                            <select class="form-control listaDespegableConBuscador" id="campoQuienPagaMesDeDesahucio" name="quien_paga_mes_desahucio">
                                                <option value="">--Quien Paga el Mes de Desahucio--</option>
                                                <option value="Cliente">Cliente</option>
                                                <option value="Guiñez Ingenieria">Guiñez Ingenieria</option>
                                            </select>
                                            <div class="invalid-feedback" id="validacionCampoQuienPagaMesDeDesahucio">
                                            </div>
                                        </div>
                                    @endif

                                    <div class="form-group">
                                        <label for="campoFechaDeTerminoDeLaSolicitud">Fecha de Termino</label>
                                        <input type="date" class="form-control"
                                            id="campoFechaDeTerminoDeLaSolicitud" name="fecha_termino_trabajador"
                                            value="{{ old('fecha_termino_trabajador', $antecedentePersonalFiniquitado->fecha_termino_trabajador) }}">
                                        <div class="invalid-feedback" id="validacionCampoFechaDeTerminoDeLaSolicitud">

                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label for="campoCargoDeLaSolicitud">Cargo</label>
                                        <input type="text" class="form-control" id="campoCargoDeLaSolicitud"
                                            name="cargo_trabajador"
                                            value="{{ old('cargo_trabajador', $antecedentePersonalFiniquitado->cargo_trabajador) }}"
                                            readonly="true">
                                        <div class="invalid-feedback" id="validacionCampoCargoDeLaSolicitud">

                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label for="campoCentroDeCostoDeLaSolicitud">Centro de Costo</label>
                                        <input type="text" class="form-control"
                                            id="campoCentroDeCostoDeLaSolicitud" name="centro_costo"
                                            value="{{ old('centro_costo', $antecedentePersonalFiniquitado->centroDeCosto->centro_costo) }}"
                                            readonly="true">
                                        <div class="invalid-feedback" id="validacionCampoCentroDeCostoDeLaSolicitud">

                                        </div>
                                    </div>
                                    <input type="hidden" name="id_centro_costo" id="campoIdCentroDeCostoDeLaSolicitud" value="{{ old('id_centro_costo', $antecedentePersonalFiniquitado->id_centro_costo) }}">
                                </div>

                                <button id="botonSiguienteParaEvaluacion" class="btn btn-secondary" onclick="stepper.next()">Siguiente <i class="fas fa-arrow-right"></i></button>
                            </div>
                            <div id="finiquito-part" class="content" role="tabpanel"
                                aria-labelledby="finiquito-part-trigger">
                                @if ($antecedentePersonalFiniquitado->aviso_previo=="Carta a 30 días")
                                    <div class="form-group" id="contenedorCampoMotivoDeLaDesvinculacion" style="display:none;">
                                        <label>Motivo de la Desvinculación</label>
                                        <select class="form-control listaDespegableConBuscador"
                                            name="causa_termino_contrato" value="{{ old('causa_termino_contrato') }}"
                                            id="campoCausalTerminoContratoDeLaSolicitud" data-live-search="true"
                                            onchange="validarMotivoDeLaDesvinculacionSeleccionada(this)">
                                            <option value="">--Seleccionar Motivo de la Desvinculación--</option>
                                            @foreach ($motivosDeLasDesvinculaciones as $motivo)
                                                @if (old('causa_termino_contrato', $antecedentePersonalFiniquitado->id_motivo_desvinculacion) == $motivo->id)
                                                    <option selected value="{{ $motivo->id }}">
                                                        {{ $motivo->motivo }}</option>
                                                @else
                                                    <option value="{{ $motivo->id }}">{{ $motivo->motivo }}
                                                    </option>
                                                @endif
                                            @endforeach
                                            <option value="Otro">Otro</option>
                                        </select>
                                        <div class="invalid-feedback"
                                            id="validacionCampoCausalTerminoContratoDeLaSolicitud">

                                        </div>
                                    </div>

                                    <div class="form-group" id="contenedorCampoNombreMotivoDeLaDesvinculacion">
                                        <label for="campoNombreMotivoDeLaDesvinculacion">Motivo de la Desvinculación</label>
                                        <input type="text" class="form-control" id="campoNombreMotivoDeLaDesvinculacion"  readonly="true" value="{{$motivoDeDesvinculacionConAvisoPrevioMayor30Dias->motivo}}">
                                    </div>
                                    <input type="hidden" id="idMotivoDeLaDesvinculacion" value="{{$motivoDeDesvinculacionConAvisoPrevioMayor30Dias->id}}">

                                    <div class="form-group" id="contenedorCampoDescripcionMotivoDeLaDesvinculacion">
                                        <label for="campoDescripcionMotivoDeLaDesvinculacionDeLaSolicitud">Descripción
                                            del Motivo de la Desvinculación</label>
                                        <textarea class="form-control" id="campoDescripcionMotivoDeLaDesvinculacionDeLaSolicitud" rows="3"
                                            readonly="true">{{ $antecedentePersonalFiniquitado->motivoDesvinculacion->descripcion }}</textarea>
                                    </div>

                                    @if ($antecedentePersonalFiniquitado->visto_bueno_gerentes == true)
                                        <div class="form-group">
                                            <label for="campoVbDeLosGerenteSolicitud">Se Aplica el VB de los
                                                Gerentes</label>
                                            <input type="text" class="form-control"
                                                id="campoVbDeLosGerenteSolicitud" readonly="true" value="Si">
                                        </div>
                                    @else
                                        <div class="form-group">
                                            <label for="campoVbDeLosGerenteSolicitud">Se Aplica el VB de los
                                                Gerentes</label>
                                            <input type="text" class="form-control"
                                                id="campoVbDeLosGerenteSolicitud" readonly="true" value="No">
                                        </div>
                                    @endif
    
                                    <div class="form-group" id="contenedorCampoOtroMotivoDeLaDesvinculacion"
                                        style="display:none;">
                                        <label for="campoOtraCausalTerminoContratoDeLaSolicitud">Otro Motivo de la
                                            Desvinculación</label>
                                        <textarea class="form-control" id="campoOtraCausalTerminoContratoDeLaSolicitud" name="causa_termino_contrato_otro"
                                            rows="3">{{ old('causa_termino_contrato_otro') }}</textarea>
                                        <div class="invalid-feedback"
                                            id="validacionCampoOtraCausalTerminoContratoDeLaSolicitud">

                                        </div>
                                    </div>
                                @else
                                    @if (isset($antecedentePersonalFiniquitado->id_motivo_desvinculacion))
                                        <div class="form-group" id="contenedorCampoMotivoDeLaDesvinculacion">
                                            <label>Motivo de la Desvinculación</label>
                                            <select class="form-control listaDespegableConBuscador"
                                                name="causa_termino_contrato" value="{{ old('causa_termino_contrato') }}"
                                                id="campoCausalTerminoContratoDeLaSolicitud" data-live-search="true"
                                                onchange="validarMotivoDeLaDesvinculacionSeleccionada(this)">
                                                <option value="">--Seleccionar Motivo de la Desvinculación--</option>
                                                @foreach ($motivosDeLasDesvinculaciones as $motivo)   
                                                    @if (old('causa_termino_contrato', $antecedentePersonalFiniquitado->id_motivo_desvinculacion) == $motivo->id)
                                                        <option selected value="{{ $motivo->id }}">
                                                            {{ $motivo->motivo }}</option>
                                                    @else
                                                        <option value="{{ $motivo->id }}">{{ $motivo->motivo }} 
                                                        </option>
                                                    @endif
                                                @endforeach
                                                <option value="Otro">Otro</option>
                                            </select>
                                            <div class="invalid-feedback"
                                                id="validacionCampoCausalTerminoContratoDeLaSolicitud">
    
                                            </div>
                                        </div>

                                        <div class="form-group" id="contenedorCampoNombreMotivoDeLaDesvinculacion" style="display:none;">
                                            <label for="campoNombreMotivoDeLaDesvinculacion">Motivo de la Desvinculación</label>
                                            <input type="text" class="form-control" id="campoNombreMotivoDeLaDesvinculacion"  readonly="true">
                                        </div>
                                        <input type="hidden" id="idMotivoDeLaDesvinculacion">
    
                                        <div class="form-group" id="contenedorCampoDescripcionMotivoDeLaDesvinculacion">
                                            <label for="campoDescripcionMotivoDeLaDesvinculacionDeLaSolicitud">Descripción
                                                del Motivo de la Desvinculación</label>
                                            <textarea class="form-control" id="campoDescripcionMotivoDeLaDesvinculacionDeLaSolicitud" rows="3"
                                                readonly="true">{{ $antecedentePersonalFiniquitado->motivoDesvinculacion->descripcion }}</textarea>
                                        </div>
    
                                        @if ($antecedentePersonalFiniquitado->visto_bueno_gerentes == true)
                                            <div class="form-group">
                                                <label for="campoVbDeLosGerenteSolicitud">Se Aplica el VB de los
                                                    Gerentes</label>
                                                <input type="text" class="form-control"
                                                    id="campoVbDeLosGerenteSolicitud" readonly="true" value="Si">
                                            </div>
                                        @else
                                            <div class="form-group">
                                                <label for="campoVbDeLosGerenteSolicitud">Se Aplica el VB de los
                                                    Gerentes</label>
                                                <input type="text" class="form-control"
                                                    id="campoVbDeLosGerenteSolicitud" readonly="true" value="No">
                                            </div>
                                        @endif
    
                                        <div class="form-group" id="contenedorCampoOtroMotivoDeLaDesvinculacion"
                                            style="display:none;">
                                            <label for="campoOtraCausalTerminoContratoDeLaSolicitud">Otro Motivo de la
                                                Desvinculación</label>
                                            <textarea class="form-control" id="campoOtraCausalTerminoContratoDeLaSolicitud" name="causa_termino_contrato_otro"
                                                rows="3">{{ old('causa_termino_contrato_otro') }}</textarea>
                                            <div class="invalid-feedback"
                                                id="validacionCampoOtraCausalTerminoContratoDeLaSolicitud">
    
                                            </div>
                                        </div>
                                    @else
                                        <div class="form-group" id="contenedorCampoMotivoDeLaDesvinculacion">
                                            <label>Motivo de la Desvinculación</label>
                                            <select class="form-control listaDespegableConBuscador"
                                                name="causa_termino_contrato" value="{{ old('causa_termino_contrato') }}"
                                                id="campoCausalTerminoContratoDeLaSolicitud" data-live-search="true"
                                                onchange="validarMotivoDeLaDesvinculacionSeleccionada(this)">
                                                <option value="">--Seleccionar Motivo de la Desvinculación--</option>
                                                @foreach ($motivosDeLasDesvinculaciones as $motivo)
                                                    <option value="{{ $motivo->id }}">{{ $motivo->motivo }}</option>
                                                @endforeach
                                                <option selected value="Otro">Otro</option>
                                            </select>
                                            <div class="invalid-feedback"
                                                id="validacionCampoCausalTerminoContratoDeLaSolicitud">
    
                                            </div>
                                        </div>
    
                                        <div class="form-group" id="contenedorCampoNombreMotivoDeLaDesvinculacion" style="display:none;">
                                            <label for="campoNombreMotivoDeLaDesvinculacion">Motivo de la Desvinculación</label>
                                            <input type="text" class="form-control" id="campoNombreMotivoDeLaDesvinculacion"  readonly="true">
                                        </div>
                                        <input type="hidden" id="idMotivoDeLaDesvinculacion">
    
                                        <div class="form-group" id="contenedorCampoDescripcionMotivoDeLaDesvinculacion"
                                            style="display:none;">
                                            <label for="campoDescripcionMotivoDeLaDesvinculacionDeLaSolicitud">Descripción
                                                del Motivo de la Desvinculación</label>
                                            <textarea class="form-control" id="campoDescripcionMotivoDeLaDesvinculacionDeLaSolicitud" rows="3"
                                                readonly="true"></textarea>
                                        </div>
    
                                        <div class="form-group">
                                            <label for="campoVbDeLosGerenteSolicitud">Se Aplica el VB de los
                                                Gerentes</label>
                                            <input type="text" class="form-control" id="campoVbDeLosGerenteSolicitud"
                                                readonly="true" value="No">
                                        </div>
    
                                        <div class="form-group" id="contenedorCampoOtroMotivoDeLaDesvinculacion">
                                            <label for="campoOtraCausalTerminoContratoDeLaSolicitud">Otro Motivo de la
                                                Desvinculación</label>
                                            <textarea class="form-control" id="campoOtraCausalTerminoContratoDeLaSolicitud" name="causa_termino_contrato_otro"
                                                rows="3">{{ old('causa_termino_contrato_otro', $antecedentePersonalFiniquitado->motivo_desvinculacion_otro) }}</textarea>
                                            <div class="invalid-feedback"
                                                id="validacionCampoOtraCausalTerminoContratoDeLaSolicitud">
    
                                            </div>
                                        </div>
                                    @endif
                                @endif

                                <div class="form-group">
                                    <label for="campoObservacionesDesvinculacionRenunciaDeLaSolicitud">Observaciones
                                        Sobre la Desvinculación y/o Renuncia </label>
                                    <textarea class="form-control" id="campoObservacionesDesvinculacionRenunciaDeLaSolicitud"
                                        name="observacion_disvinculacion_renuncia" rows="3">{{ old('observacion_disvinculacion_renuncia', $antecedentePersonalFiniquitado->observacion_disvinculacion_renuncia) }}</textarea>
                                    <div class="invalid-feedback"
                                        id="validacionCampoObservacionesDesvinculacionRenunciaDeLaSolicitud">

                                    </div>
                                </div>

                                <div class="form-group">
                                    <label>Recomendable Para Futuras Contrataciones</label>
                                    <select class="form-control listaDespegableConBuscador"
                                        name="recomendable_futura_contratacion"
                                        value="{{ old('recomendable_futura_contratacion') }}"
                                        id="campoRecomendableFuturasContratacionesDeLaSolicitud"
                                        data-live-search="true">
                                        <option value="">--Seleccionar Recomendable Para Futuras Contrataciones--
                                        </option>
                                        @if ($antecedentePersonalFiniquitado->recomendable_futura_contratacion == 'SI')
                                            <option selected value="SI" data-toggle="tooltip"
                                                title="Recontratable.">SI</option>
                                            <option value="NO" data-toggle="tooltip"
                                                title="Sujeto a revisión en caso de requerir su recontratación.">NO
                                            </option>
                                        @elseif ($antecedentePersonalFiniquitado->recomendable_futura_contratacion == 'NO')
                                            <option value="SI" data-toggle="tooltip" title="Recontratable.">SI
                                            </option>
                                            <option selected value="NO" data-toggle="tooltip"
                                                title="Sujeto a revisión en caso de requerir su recontratación.">NO
                                            </option>
                                        @elseif ($antecedentePersonalFiniquitado->recomendable_futura_contratacion == 'NO (IRREVOCABLE)')
                                            <option value="SI" data-toggle="tooltip" title="Recontratable.">SI
                                            </option>
                                            <option value="NO" data-toggle="tooltip"
                                                title="Sujeto a revisión en caso de requerir su recontratación.">NO
                                            </option>
                                        @else
                                            <option value="SI" data-toggle="tooltip" title="Recontratable.">SI
                                            </option>
                                            <option value="NO" data-toggle="tooltip"
                                                title="Sujeto a revisión en caso de requerir su recontratación.">NO
                                            </option>
                                        @endif
                                    </select>
                                    <div class="invalid-feedback"
                                        id="validacionCampoRecomendableFuturasContratacionesDeLaSolicitud">

                                    </div>
                                </div>

                                @if ($antecedentePersonalFiniquitado->equipos_asignados == true)
                                    <div class="form-group">
                                        <label>Tiene Equipos Asignado (Entrega de Cargo)</label>
                                        <select class="form-control listaDespegableConBuscador"
                                            name="equipos_asignados" value="{{ old('equipos_asignados') }}"
                                            id="campoTieneEquiposAsignadosDeLaSolicitud" data-live-search="true"
                                            onchange="validarTieneEquiposAsginadosSeleccionada(this)">
                                            <option value="">--Seleccionar Tiene Equipos Asignado (Entrega de
                                                Cargo)--</option>
                                            <option selected value="SI">SI</option>
                                            <option value="NO">NO</option>
                                        </select>
                                        <div class="invalid-feedback"
                                            id="validacionCampoTieneEquiposAsignadosDeLaSolicitud">

                                        </div>
                                    </div>

                                    <div id="contenedorDeDosCamposDeEquiposAsignados">
                                        <div class="contenedorDosCamposPorFilaEnLosFormulario">
                                            @if (!in_array($antecedentePersonalFiniquitado->donde_entrega_equipos, $opcionesCamposDondeEntregaEquipos))
                                                <div class="form-group">
                                                    <label>Donde Entrega los Equipos</label>
                                                    <select class="form-control listaDespegableConBuscador" name="donde_entrega_equipos" id="campoDondeEntregaEquiposDeLaSolicitud" data-live-search="true" onchange="validarDondeEntregaLosEquiposSeleccionada(this)">
                                                        <option value="">--Seleccionar Donde Entrega los Equipos--</option>
                                                        @foreach ($opcionesCamposDondeEntregaEquipos as $item)
                                                            @if (old('donde_entrega_equipos','Coordinar Envío') == $item)
                                                                <option selected value="{{ $item }}">{{ $item }}</option>
                                                            @else
                                                                <option value="{{$item}}">{{$item}}</option>
                                                            @endif
                                                        @endforeach
                                                    </select>
                                                    <div class="invalid-feedback" id="validacionCampoDondeEntregaEquiposDeLaSolicitud">
                        
                                                    </div>
                                                </div>

                                                <div id="contenedorCampoOtroDondeEntregaEquipos">
                                                    <div class="form-group">
                                                        <label for="campoOtroDondeEntregaEquiposDeLaSolicitud">Donde Entrega los Equipos (Coordinar Envío)</label>
                                                        <input type="text" class="form-control" id="campoOtroDondeEntregaEquiposDeLaSolicitud" name="donde_entrega_equipos_otro" value="{{ old('cuando_entrega_equipos_otro',$antecedentePersonalFiniquitado->donde_entrega_equipos) }}">
                                                        <div class="invalid-feedback" id="validacionCampoOtroDondeEntregaEquiposDeLaSolicitud">
                        
                                                        </div>
                                                    </div>
                                                </div>
                                            @else    
                                                <div class="form-group">
                                                    <label>Donde Entrega los Equipos</label>
                                                    <select class="form-control listaDespegableConBuscador" name="donde_entrega_equipos" id="campoDondeEntregaEquiposDeLaSolicitud" data-live-search="true" onchange="validarDondeEntregaLosEquiposSeleccionada(this)">
                                                        <option value="">--Seleccionar Donde Entrega los Equipos--</option>
                                                        @foreach ($opcionesCamposDondeEntregaEquipos as $item)
                                                            @if (old('donde_entrega_equipos',$antecedentePersonalFiniquitado->donde_entrega_equipos) == $item)
                                                                <option selected value="{{ $item }}">{{ $item }}</option>
                                                            @else
                                                                <option value="{{$item}}">{{$item}}</option>
                                                            @endif
                                                        @endforeach
                                                    </select>
                                                    <div class="invalid-feedback" id="validacionCampoDondeEntregaEquiposDeLaSolicitud">
                        
                                                    </div>
                                                </div>

                                                <div id="contenedorCampoOtroDondeEntregaEquipos" style="display:none;">
                                                    <div class="form-group">
                                                        <label for="campoOtroDondeEntregaEquiposDeLaSolicitud">Donde Entrega los Equipos (Coordinar Envío)</label>
                                                        <input type="text" class="form-control" id="campoOtroDondeEntregaEquiposDeLaSolicitud" name="donde_entrega_equipos_otro" value="{{ old('cuando_entrega_equipos_otro') }}">
                                                        <div class="invalid-feedback" id="validacionCampoOtroDondeEntregaEquiposDeLaSolicitud">
                        
                                                        </div>
                                                    </div>
                                                </div>
                                            @endif
                                        </div>
                                    </div>

                                    <fieldset class="fieldset-color-azul" id="fieldsetEquipoAsignadoParaAgregar">
                                        <legend class="titulo-fieldset-color-azul" id="legendArticulo">Datos de la
                                            Asignación de Equipos</legend>
                                        <div class="contenedorDosCamposPorFilaEnLosFormulario">
                                            <div class="form-group">
                                                <label>Equipo Asignado</label>
                                                <select class="form-control listaDespegableConBuscador"
                                                    id="campoEquipoDeAsignadoParaAgregar" data-live-search="true"
                                                    onchange="validarEquipoAsignadoSeleccionada(this)">
                                                    <option value="">--Seleccionar Equipo Asignado--</option>
                                                    @foreach ($equiposAsignados as $equipo)
                                                        <option value="{{ $equipo }}">{{ $equipo }}
                                                        </option>
                                                    @endforeach
                                                </select>
                                                <div class="invalid-feedback"
                                                    id="validacionCampoEquipoDeAsignadoParaAgregar">

                                                </div>
                                            </div>

                                            <div>
                                                <div class="form-group"
                                                    id="contenedorCampoOtroEquipoDeAsignadoParaAgregar"
                                                    style="display:none;">
                                                    <label for="campoOtroEquipoDeAsignadoParaAgregar">Otro Equipo
                                                        Asignado</label>
                                                    <input type="text" class="form-control"
                                                        id="campoOtroEquipoDeAsignadoParaAgregar">
                                                    <div class="invalid-feedback"
                                                        id="validacionCampoOtroEquipoDeAsignadoParaAgregar">

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

                                            <div>
                                                <div class="form-group">
                                                    <label
                                                        for="campoCantidadEquipoAsignadoParaAgregar">Cantidad</label>
                                                    <input type="number" class="form-control"
                                                        id="campoCantidadEquipoAsignadoParaAgregar">
                                                    <div class="invalid-feedback"
                                                        id="validacionCampoCantidadEquipoAsignadoParaAgregar">

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

                                        <button type="button" class="btn btn-primary"
                                            onclick="agregarEquipoAsignado()"> Añadir Equipo Asignado</button>
                                    </fieldset>

                                    <div class="alert alert-danger" role="alert" style="display: none;"
                                        id="errorEquiposAsignados"> </div>
                                    <div id="contenedorTablaDeEquiposAsignados"
                                        class="dt-responsive table-responsive">
                                        <table class="table table-bordered" role="grid"
                                            aria-describedby="base-style_info" id="tabla-equipos-asignados">
                                            <thead>
                                                <tr role="row">
                                                    <th class="celda-color-azul">#</th>
                                                    <th class="celda-color-azul">Equipo Asignado</th>
                                                    <th class="celda-color-azul">Cantidad</th>
                                                    <th class="celda-color-azul">Acción</th>
                                                </tr>
                                            </thead>
                                            <tbody id="registroDeEquiposAsignados">
                                                @if (count($antecedentePersonalFiniquitado->equiposAsignados) > 0)
                                                    @php
                                                        $cantidadEquiposAsignados = 0;
                                                    @endphp
                                                    @foreach ($antecedentePersonalFiniquitado->equiposAsignados as $equipoAsignado)
                                                        @php
                                                            $cantidadEquiposAsignados++;
                                                        @endphp
                                                        <tr role="row" class="odd">
                                                            <td class="tabla-contador-equipos-asignados">
                                                                {{ $cantidadEquiposAsignados }}</td>
                                                            <td class="tabla-nombre-equipos-asignados">
                                                                {{ $equipoAsignado->equipo }}</td>
                                                            <td class="tabla-cantidad-equipos-asignados">
                                                                {{ $equipoAsignado->cantidad }}</td>
                                                            <td class="tabla-accion-estudios">
                                                                <button
                                                                    onclick="habilitarBotonConfirmarEliminaciononEquipoAsignado(this)"
                                                                    type="button" class="btn btn-danger mr-1"><i
                                                                        class="fas fa-trash-alt"></i></button>
                                                                <button onclick="eliminarFilaEquipoAsignado(this)"
                                                                    style="display: none;" type="button"
                                                                    class="btn btn-danger boton-confirmar-item mr-1">Confirmar</button>
                                                            </td>
                                                        </tr>
                                                    @endforeach
                                                @else
                                                    <tr id="equiposAsignadosNoDisponibleEnLaTabla">
                                                        <td colspan="4" class="text-center">No hay otros equipos
                                                            asignados disponibles en la tabla</td>
                                                    </tr>
                                                @endif
                                            </tbody>
                                        </table>
                                    </div>
                                @else
                                    <div class="form-group">
                                        <label>Tiene Equipos Asignado (Entrega de Cargo)</label>
                                        <select class="form-control listaDespegableConBuscador"
                                            name="equipos_asignados" value="{{ old('equipos_asignados') }}"
                                            id="campoTieneEquiposAsignadosDeLaSolicitud" data-live-search="true"
                                            onchange="validarTieneEquiposAsginadosSeleccionada(this)">
                                            <option value="">--Seleccionar Tiene Equipos Asignado (Entrega de
                                                Cargo)--</option>
                                            <option value="SI">SI</option>
                                            <option selected value="NO">NO</option>
                                        </select>
                                        <div class="invalid-feedback"
                                            id="validacionCampoTieneEquiposAsignadosDeLaSolicitud">

                                        </div>
                                    </div>

                                    <div id="contenedorDeDosCamposDeEquiposAsignados" style="display:none;">
                                        <div class="contenedorDosCamposPorFilaEnLosFormulario">
                                            <div class="form-group">
                                                <label>Donde Entrega los Equipos</label>
                                                <select class="form-control listaDespegableConBuscador" name="donde_entrega_equipos" id="campoDondeEntregaEquiposDeLaSolicitud" data-live-search="true" onchange="validarDondeEntregaLosEquiposSeleccionada(this)">
                                                    <option value="">--Seleccionar Donde Entrega los Equipos--</option>
                                                    @foreach ($opcionesCamposDondeEntregaEquipos as $item)
                                                        @if (old('donde_entrega_equipos') == $item)
                                                            <option selected value="{{ $item }}">{{ $item }}</option>
                                                        @else
                                                            <option value="{{$item}}">{{$item}}</option>
                                                        @endif
                                                    @endforeach
                                                </select>
                                                <div class="invalid-feedback" id="validacionCampoDondeEntregaEquiposDeLaSolicitud">
                    
                                                </div>
                                            </div>
                                        
                                            <div id="contenedorCampoOtroDondeEntregaEquipos" style="display:none;">
                                                <div class="form-group">
                                                    <label for="campoOtroDondeEntregaEquiposDeLaSolicitud">Donde Entrega los Equipos (Coordinar Envío)</label>
                                                    <input type="text" class="form-control" id="campoOtroDondeEntregaEquiposDeLaSolicitud" name="donde_entrega_equipos_otro" value="{{ old('cuando_entrega_equipos_otro') }}">
                                                    <div class="invalid-feedback" id="validacionCampoOtroDondeEntregaEquiposDeLaSolicitud">
                    
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <fieldset class="fieldset-color-azul" id="fieldsetEquipoAsignadoParaAgregar"
                                        style="display:none;">
                                        <legend class="titulo-fieldset-color-azul" id="legendArticulo">Datos de la
                                            Asignación de Equipos</legend>
                                        <div class="contenedorDosCamposPorFilaEnLosFormulario">
                                            <div class="form-group">
                                                <label>Equipo Asignado</label>
                                                <select class="form-control listaDespegableConBuscador"
                                                    id="campoEquipoDeAsignadoParaAgregar" data-live-search="true"
                                                    onchange="validarEquipoAsignadoSeleccionada(this)">
                                                    <option value="">--Seleccionar Equipo Asignado--</option>
                                                    @foreach ($equiposAsignados as $equipo)
                                                        <option value="{{ $equipo }}">{{ $equipo }}
                                                        </option>
                                                    @endforeach
                                                </select>
                                                <div class="invalid-feedback"
                                                    id="validacionCampoEquipoDeAsignadoParaAgregar">

                                                </div>
                                            </div>

                                            <div>
                                                <div class="form-group"
                                                    id="contenedorCampoOtroEquipoDeAsignadoParaAgregar"
                                                    style="display:none;">
                                                    <label for="campoOtroEquipoDeAsignadoParaAgregar">Otro Equipo
                                                        Asignado</label>
                                                    <input type="text" class="form-control"
                                                        id="campoOtroEquipoDeAsignadoParaAgregar">
                                                    <div class="invalid-feedback"
                                                        id="validacionCampoOtroEquipoDeAsignadoParaAgregar">

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

                                            <div>
                                                <div class="form-group">
                                                    <label
                                                        for="campoCantidadEquipoAsignadoParaAgregar">Cantidad</label>
                                                    <input type="number" class="form-control"
                                                        id="campoCantidadEquipoAsignadoParaAgregar">
                                                    <div class="invalid-feedback"
                                                        id="validacionCampoCantidadEquipoAsignadoParaAgregar">

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

                                        <button type="button" class="btn btn-primary"
                                            onclick="agregarEquipoAsignado()"> Añadir Equipo Asignado</button>
                                    </fieldset>

                                    <div class="alert alert-danger" role="alert" style="display: none;"
                                        id="errorEquiposAsignados"> </div>
                                    <div id="contenedorTablaDeEquiposAsignados" class="dt-responsive table-responsive"
                                        style="display:none;">
                                        <table class="table table-bordered" role="grid"
                                            aria-describedby="base-style_info" id="tabla-equipos-asignados">
                                            <thead>
                                                <tr role="row">
                                                    <th class="celda-color-azul">#</th>
                                                    <th class="celda-color-azul">Equipo Asignado</th>
                                                    <th class="celda-color-azul">Cantidad</th>
                                                    <th class="celda-color-azul">Acción</th>
                                                </tr>
                                            </thead>
                                            <tbody id="registroDeEquiposAsignados">
                                                <tr id="equiposAsignadosNoDisponibleEnLaTabla">
                                                    <td colspan="4" class="text-center">No hay otros equipos
                                                        asignados disponibles en la tabla</td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                @endif

                                <fieldset class="fieldset-color-azul" id="fieldsetArchivosDescriptorDeCargo">
                                    <legend class="titulo-fieldset-color-azul" id="legendResolucion">Carta de Desvinculación</legend>
    
                                    <div class="dt-responsive table-responsive">
                                        <table class="table table-striped table-bordered" role="grid" aria-describedby="base-style_info" id="tabla-archivos-registrados">
                                            <thead>
                                                <tr role="row">
                                                    <th colspan="4" class="text-center">ARCHIVOS REGISTRADOS</th>
                                                </tr>
                                                <tr role="row">
                                                    <th>Acción</th>
                                                    <th>Archivo</th>
                                                    <th>Extensión</th>
                                                    <th>Estado</th>
                                                </tr>
                                            </thead>
                                            <tbody id="registroDeArchivosRegistrados">
                                                @if (count($antecedentePersonalFiniquitado->archivos)>0)
                                                    @foreach ($antecedentePersonalFiniquitado->archivos as $archivo)
                                                        <tr>
                                                            <td class="tabla-id-archivo-registrado" style="display:none;">{{$archivo->id}}</td>
                                                            <td>
                                                                <div class="btn-group ">
                                                                    <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                                        Acciones
                                                                    </button>
                                                                    <div class="dropdown-menu">
                                                                        @if (validarSiElArchivoSePuedeVisualizar(strtolower($archivo->extension))==true)
                                                                            <a class="dropdown-item" href="#" onclick="visualizarArchivoRegistradoDeLaSolicitudDeDesvinculacion('{{ $archivo->nombre_archivo }}', '{{ strtolower(retornaTextoExtensionSegunExtensionDelArchivo($archivo->extension)) }}','{{ $archivo->id_solicitud_desvinculacion }}')"><i class="fas fa-eye" aria-hidden="true"></i> Visualizar Archivo</a>
                                                                        @endif
                                                                        <a class="dropdown-item" href="{{ route('finiquito.descargar-archivo', $archivo) }}" target="_blank"><i class="fas fa-download" aria-hidden="true"></i> Descargar Archivo</a>
                                                                        <a class="dropdown-item eliminar-archivo-registrado" href="#" onclick="eliminarArchivoRegistrado(this.parentElement.parentElement.parentElement.parentElement,'{{ $archivo->id }}')"><i class="fas fa-times-circle" aria-hidden="true"></i> Eliminar Archivo Registrado</a>
                                                                        <a class="dropdown-item cancelar-eliminacion-archivo-registrado" style="display:none;" href="#" onclick=" cancelarEliminacionDelArchivoRegistrado(this.parentElement.parentElement.parentElement.parentElement,'{{ $archivo->id }}')"><i class="fas fa-clone" aria-hidden="true"></i> Cancelar Eliminación del Archivo Registrado</a>
                                                                    </div>
                                                                </div>
                                                            </td>
                                                            <td class="tabla-nombre-archivo-registrado">{{$archivo->nombre_archivo}}</td>
                                                            <td class="tabla-extension-archivo-registrado">{{ retornaTextoExtensionSegunExtensionDelArchivo($archivo->extension) }}</td>
                                                            <td class="tabla-estado-archivo-registrado"><span class="badge badge-success">Registrado</span></td>
                                                        </tr>
                                                    @endforeach
                                                @else
                                                    <tr id="archivosRegistradosNoDisponibleEnLaTabla">
                                                        <td colspan="4" class="text-center">No hay archivos registrados disponibles en la tabla</td>
                                                    </tr>
                                                @endif
                                            </tbody>
                                        </table>
                                    </div>

                                    <div class="form-group" id="contenedorDelSeleccionadorDeArchivo">
                                        <label>Seleccionar Archivos</label>
                                        <input type="file" class="form-control-file visible" id="a93541" onchange="GuardarArchivoSeleccionado()">
                                        <div class="invalid-feedback" id="validacionCampoArchivoa93541">
        
                                        </div>
                                    </div>

                                    <div class="alert alert-danger" role="alert" style="display: none;" id="errorArchivos"> </div>
                                    <div class="dt-responsive table-responsive">
                                        <table class="table table-striped table-bordered" role="grid" aria-describedby="base-style_info" id="tabla-archivos">
                                            <thead>
                                                <tr role="row">
                                                    <th colspan="4" class="text-center">NUEVOS ARCHIVOS</th>
                                                </tr>
                                                <tr role="row">
                                                    <th>Acción</th>
                                                    <th>Archivo</th>
                                                    <th>Extensión</th>
                                                </tr>
                                            </thead>
                                            <tbody id="registroDeArchivos">
                                                <tr id="archivosNoDisponibleEnLaTabla">
                                                    <td colspan="3" class="text-center">No hay archivos disponibles en la tabla</td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </fieldset>

                                <div class="alert alert-danger" role="alert" style="display: none;"
                                    id="errorDesempenosLaborales"> </div>
                                <div class="dt-responsive table-responsive">
                                    <table class="table table-bordered" role="grid"
                                        aria-describedby="base-style_info" id="tabla-desempeno-laboral">
                                        <thead>
                                            <tr role="row">
                                                <th class="celda-color-azul"></th>
                                                <th class="text-center celda-color-azul">Muy Deficiente</th>
                                                <th class="text-center celda-color-azul">Deficiente</th>
                                                <th class="text-center celda-color-azul">Satisfactorio</th>
                                                <th class="text-center celda-color-azul">Sobresaliente</th>
                                            </tr>
                                        </thead>
                                        <tbody id="registroDeDesempenoLaboral">
                                            @foreach ($antecedentePersonalFiniquitado->desempeñosLaborales as $desempenoLaboral)
                                                <tr>
                                                    <td class="table-orden-desempeno" style="display:none;">
                                                        {{ $desempenoLaboral->orden }}</td>
                                                    <td class="table-evaluacion-desempeno" style="display:none;">
                                                        {{ $desempenoLaboral->evaluacion }}</td>
                                                    <td class="table-nombre-desempeno celda-color-azul"
                                                        style="font-weight: 700; vertical-align: middle">
                                                        {{ $desempenoLaboral->desempeno_laboral }}</td>
                                                    <td class="table-muy-deficiente-desempeno"
                                                        style="cursor: pointer;"
                                                        onclick="seleccionarEvaluacionMuyDeficiente(this.parentElement)">
                                                        @if ($desempenoLaboral->evaluacion == 'Muy Deficiente')
                                                            <p class="text-center" style="font-size:20px;"><i
                                                                    class="fas fa-check-circle fa-lg"
                                                                    style="color: #dc3545;"></i></p>
                                                        @endif
                                                    </td>
                                                    <td class="table-deficiente-desempeno" style="cursor: pointer;"
                                                        onclick="seleccionarEvaluacionDeficiente(this.parentElement)">
                                                        @if ($desempenoLaboral->evaluacion == 'Deficiente')
                                                            <p class="text-center" style="font-size:20px;"><i
                                                                    class="fas fa-check-circle fa-lg"
                                                                    style="color: #E03F02;"></i></p>
                                                        @endif
                                                    </td>
                                                    <td class="table-satisfactorio-desempeno" style="cursor: pointer;"
                                                        onclick="seleccionarEvaluacionSatisfactorio(this.parentElement)">
                                                        @if ($desempenoLaboral->evaluacion == 'Satisfactorio')
                                                            <p class="text-center" style="font-size:20px;"><i
                                                                    class="fas fa-check-circle fa-lg"
                                                                    style="color: #ffc107;"></i></p>
                                                        @endif
                                                    </td>
                                                    <td class="table-sobresaliente-desempeno" style="cursor: pointer;"
                                                        onclick="seleccionarEvaluacionSobresaliente(this.parentElement)">
                                                        @if ($desempenoLaboral->evaluacion == 'Sobresaliente')
                                                            <p class="text-center" style="font-size:20px;"><i
                                                                    class="fas fa-check-circle fa-lg"
                                                                    style="color: #28a745;"></i></p>
                                                        @endif
                                                    </td>
                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>

                                <h4>Descripciones</h4>
                                <div class="dt-responsive table-responsive">
                                    <table class="table table-bordered" role="grid"
                                        aria-describedby="base-style_info">
                                        <tbody>
                                            <tr>
                                                <td
                                                    style="font-weight: 700; vertical-align: middle; background-color: #dc3545; color:white;">
                                                    Muy Deficiente</td>
                                                <td>No satisface todas las expectativas de la competencia evaluada.
                                                </td>
                                            </tr>
                                            <tr>
                                                <td
                                                    style="font-weight: 700; vertical-align: middle; background-color: #E03F02; color:white;">
                                                    Deficiente</td>
                                                <td>Desempeño por debajo de lo esperado. por lo general hace su trabajo
                                                    pero no satisface todas las expectativas de la competencia evaluada.
                                                    Necesita un plan de mejoramiento.</td>
                                            </tr>
                                            <tr>
                                                <td
                                                    style="font-weight: 700; vertical-align: middle; background-color: #ffc107;">
                                                    Satisfactorio</td>
                                                <td>
                                                    Desempeño que cumple con la expectativa de la competencia evaluada.
                                                    este es un desempeño sólido, que proviene de personas que tiene
                                                    experiencias y conocimientos necesarios para ejecutar las funciones
                                                    del cargo.</td>
                                            </tr>
                                            <tr>
                                                <td
                                                    style="font-weight: 700; vertical-align: middle; background-color: #28a745; color:white;">
                                                    Sobresaliente</td>
                                                <td>Desempeño que consistentemente excede las expectativas de la
                                                    competencia evaluada y produce resultados más allá de lo esperado.
                                                    Esta entre los mejores de su área.</td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>

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

<div class="modal fade" id="modalVisualizarArchivo" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <form>
        <div class="modal-dialog modal-xl">
            <div class="modal-content">
                <div class="modal-header" style="background-color: #007bff; color:white;">
                    <h5 class="modal-title" id="modalTituloVisualizarArchivo"></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 id="modalContenidoModalVisualizarArchivo" style="text-align: center;">

                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</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>
        $('#campoCausalTerminoContratoDeLaSolicitud').selectpicker({
            dropupAuto: false,
        });
        $('#campoRecomendableFuturasContratacionesDeLaSolicitud').selectpicker({
            dropupAuto: false,
        });
        $('#campoTieneEquiposAsignadosDeLaSolicitud').selectpicker({
            dropupAuto: false,
        });
        $('#campoEquipoDeAsignadoParaAgregar').selectpicker({
            dropupAuto: false,
        });
        $('#campoRelacionDelEvaluacionConJefatura').selectpicker({
            dropupAuto: false
        });
        $('#campoAvisoPrevio30Dias').selectpicker({
            dropupAuto: false
        });
        $('#campoDondeEntregaEquiposDeLaSolicitud').selectpicker({
            dropupAuto: false
        });
        $('#campoQuienPagaMesDeDesahucio').selectpicker({
            dropupAuto: false
        });
        document.addEventListener('DOMContentLoaded', function() {
            window.stepper = new Stepper(document.querySelector('.bs-stepper'))
        })

        function validarMotivoDeLaDesvinculacionSeleccionada(campo) {
            if (campo.value.trim().length > 0) {
                if (campo.value.trim() == "Otro") {
                    document.getElementById("contenedorCampoOtroMotivoDeLaDesvinculacion").style.display = "block";
                    document.getElementById("contenedorCampoDescripcionMotivoDeLaDesvinculacion").style.display = "none";
                    document.getElementById("campoOtraCausalTerminoContratoDeLaSolicitud").value="";
                    document.getElementById("campoVbDeLosGerenteSolicitud").value = "No";
                } else {
                    let formData = new FormData();
                    formData.append('motivo_desvinculacion', campo.value.trim());
                    let csrf = '{{ csrf_token() }}';

                    $.ajax({
                        url: '{{ route('finiquito.obtener-motivo-desvinculacion') }}',
                        method: 'POST',
                        data: formData,
                        contentType: false,
                        processData: false,
                        dataType: 'json',
                        headers: {
                            'X-CSRF-TOKEN': csrf
                        },
                        success: function(data) {
                            eliminarLoading()
                            console.log(data)
                            document.getElementById("campoDescripcionMotivoDeLaDesvinculacionDeLaSolicitud")
                                .value = data.descripcion;
                            document.getElementById("contenedorCampoDescripcionMotivoDeLaDesvinculacion").style
                                .display = "block";
                            if (data.visto_bueno_gerentes == 1) {
                                document.getElementById("campoVbDeLosGerenteSolicitud").value = "Si";
                            } else {
                                document.getElementById("campoVbDeLosGerenteSolicitud").value = "No";
                            }
                            document.getElementById("contenedorCampoOtroMotivoDeLaDesvinculacion").style
                                .display = "none";
                            document.getElementById("campoOtraCausalTerminoContratoDeLaSolicitud").value="";
                        },
                        error: function(data) {
                            console.log(data)
                            eliminarLoading()
                        }
                    })
                }
            } else {
                document.getElementById("contenedorCampoOtroMotivoDeLaDesvinculacion").style.display = "none";
                document.getElementById("contenedorCampoDescripcionMotivoDeLaDesvinculacion").style.display = "none";
                document.getElementById("campoVbDeLosGerenteSolicitud").value = "No";
            }
        }

        function validarTieneEquiposAsginadosSeleccionada(campo) {
            if (campo.value == "SI") {
                document.getElementById("contenedorDeDosCamposDeEquiposAsignados").style.display = "block";
                document.getElementById("fieldsetEquipoAsignadoParaAgregar").style.display = "block";
                document.getElementById("contenedorTablaDeEquiposAsignados").style.display = "block";
            } else {
                document.getElementById("contenedorDeDosCamposDeEquiposAsignados").style.display = "none";
                document.getElementById("fieldsetEquipoAsignadoParaAgregar").style.display = "none";
                document.getElementById("contenedorTablaDeEquiposAsignados").style.display = "none";
                document.getElementById("errorEquiposAsignados").style.display = "none";
            }
            document.getElementById("contenedorCampoOtroDondeEntregaEquipos").style.display = "none";
            document.getElementById("campoOtroDondeEntregaEquiposDeLaSolicitud").value="";
            document.getElementById("campoOtroDondeEntregaEquiposDeLaSolicitud").setAttribute("class", "form-control");
            document.getElementById("validacionCampoOtroDondeEntregaEquiposDeLaSolicitud").innerHTML = "";
            $('#campoDondeEntregaEquiposDeLaSolicitud').selectpicker("refresh");
            $('#campoDondeEntregaEquiposDeLaSolicitud').selectpicker('val', "");
        }

        function validarDondeEntregaLosEquiposSeleccionada(campo) {
            if (campo.value == "Coordinar Envío") {
                document.getElementById("contenedorCampoOtroDondeEntregaEquipos").style.display = "block";
                document.getElementById("campoOtroDondeEntregaEquiposDeLaSolicitud").value="";
            } else {
                document.getElementById("contenedorCampoOtroDondeEntregaEquipos").style.display = "none";
                document.getElementById("campoOtroDondeEntregaEquiposDeLaSolicitud").value="";
            }
        }

        function validarEquipoAsignadoSeleccionada(campo) {
            if (campo.value == "Otro") {
                document.getElementById("contenedorCampoOtroEquipoDeAsignadoParaAgregar").style.display = "block";
            } else {
                document.getElementById("contenedorCampoOtroEquipoDeAsignadoParaAgregar").style.display = "none";
            }
        }

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

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

                calcularValoracionTotalDeTodasLasCategoriasDeLaEvaluacion();
            } else {
                document.getElementById("botonSiguienteParaEvaluacion").setAttribute("disabled", "true");
            }
        }

        let listadoMotivosDeLasDesvinculaciones = {{ Illuminate\Support\Js::from($motivosDeLasDesvinculaciones) }}
        let motivoDeDesvinculacionConAvisoPrevioMayor30Dias = {{ Illuminate\Support\Js::from($motivoDeDesvinculacionConAvisoPrevioMayor30Dias) }}
        function actualizarMotivoDesvinculacion() {
            var avisoPrevio = document.getElementById("campoAvisoPrevio30Dias").value;
            var motivoSelect = document.getElementById("campoCausalTerminoContratoDeLaSolicitud");
            var descripcionMotivo = document.getElementById("campoDescripcionMotivoDeLaDesvinculacionDeLaSolicitud");
            var seAplicaVB = document.getElementById("campoVbDeLosGerenteSolicitud");

            if (avisoPrevio === "Carta a 30 días") {
                motivoSelect.innerHTML="<option value=''>--Seleccionar Motivo de la Desvinculación--</option>";
                document.getElementById("contenedorCampoMotivoDeLaDesvinculacion").style.display="none";
                descripcionMotivo.value = motivoDeDesvinculacionConAvisoPrevioMayor30Dias.descripcion; 
                document.getElementById("contenedorCampoDescripcionMotivoDeLaDesvinculacion").style.display="block";
                document.getElementById("campoNombreMotivoDeLaDesvinculacion").value= motivoDeDesvinculacionConAvisoPrevioMayor30Dias.motivo;
                document.getElementById("contenedorCampoNombreMotivoDeLaDesvinculacion").style.display="block";
                document.getElementById("idMotivoDeLaDesvinculacion").value= motivoDeDesvinculacionConAvisoPrevioMayor30Dias.id;
                if(motivoDeDesvinculacionConAvisoPrevioMayor30Dias.visto_bueno_gerentes==true){
                    seAplicaVB.value = "Si"; 
                }else{
                    seAplicaVB.value = "No"; 
                }
                document.getElementById("contenedorCampoOtroMotivoDeLaDesvinculacion").style.display = "none";
                document.getElementById("campoOtraCausalTerminoContratoDeLaSolicitud").value="";
                document.getElementById("contenedorCampoQuienPagaMesDeDesahucio").style.display = "none";
            }else{
                const listadoMotivosDeLasDesvinculacionesSinVb = listadoMotivosDeLasDesvinculaciones.filter(motivo => motivo.visto_bueno_gerentes === 0);
                const listadoMotivosDeLasDesvinculacionesConVb = listadoMotivosDeLasDesvinculaciones.filter(motivo => motivo.visto_bueno_gerentes === 1);
                document.getElementById("contenedorCampoMotivoDeLaDesvinculacion").style.display="block";
                motivoSelect.innerHTML="<option value=''>--Seleccionar Motivo de la Desvinculación--</option>";
                if(avisoPrevio === "Desvinculación Inmediata"){
                    listadoMotivosDeLasDesvinculacionesSinVb.forEach(elemento => {
                        motivoSelect.innerHTML+="<option value='"+elemento.id+"'>"+elemento.motivo+"</option>";
                    });
                    motivoSelect.innerHTML+="<option value='Otro'>Otro</option>";
                }else if(avisoPrevio === "Vencimiento de Plazo Anticipado"){
                    listadoMotivosDeLasDesvinculacionesConVb.forEach(elemento => {
                        motivoSelect.innerHTML+="<option value='"+elemento.id+"'>"+elemento.motivo+"</option>";
                    });
                }else if(avisoPrevio === "Vencimiento de Plazo"){
                    listadoMotivosDeLasDesvinculacionesSinVb.forEach(elemento => {
                        motivoSelect.innerHTML+="<option value='"+elemento.id+"'>"+elemento.motivo+"</option>";
                    });
                    motivoSelect.innerHTML+="<option value='Otro'>Otro</option>";
                }
                $('#campoCausalTerminoContratoDeLaSolicitud').selectpicker("refresh");
                $('#campoCausalTerminoContratoDeLaSolicitud').selectpicker('val', "");
                descripcionMotivo.value = ''; 
                document.getElementById("contenedorCampoDescripcionMotivoDeLaDesvinculacion").style.display="none";
                document.getElementById("contenedorCampoNombreMotivoDeLaDesvinculacion").style.display="none";
                document.getElementById("idMotivoDeLaDesvinculacion").value= "";
                seAplicaVB.value = ''; 
                document.getElementById("contenedorCampoOtroMotivoDeLaDesvinculacion").style.display = "none";
                document.getElementById("campoOtraCausalTerminoContratoDeLaSolicitud").value="";
                if(avisoPrevio === "Desvinculación Inmediata"){
                    document.getElementById("contenedorCampoQuienPagaMesDeDesahucio").style.display = "block";
                }else{
                    document.getElementById("contenedorCampoQuienPagaMesDeDesahucio").style.display = "none";
                }
            }
        }

        /*document.getElementById("campoAvisoPrevio30Dias").addEventListener("change", function() {
            actualizarMotivoDesvinculacion(false);
        });

        document.addEventListener("DOMContentLoaded", function() {
            actualizarMotivoDesvinculacion(true);
        });*/

    </script>

    <script>
        let indexRegistrosDeEquiposAsignados = 0;

        function agregarEquipoAsignado() {
            let campoEquipoDeAsignado = document.getElementById("campoEquipoDeAsignadoParaAgregar").value.trim();
            let cantidad = document.getElementById("campoCantidadEquipoAsignadoParaAgregar").value.trim();
            let campoOtroEquipoDeAsignado = document.getElementById("campoOtroEquipoDeAsignadoParaAgregar").value.trim();
            if (campoEquipoDeAsignado.length > 0 && cantidad.length > 0) {
                let error = false;
                let errorEquipoAsignadoRepetido = false;

                if (campoEquipoDeAsignado == "Otro") {
                    if (campoOtroEquipoDeAsignado.length == 0) {
                        error = true;
                    }
                }

                let filas = document.getElementById('tabla-equipos-asignados').tBodies[0].querySelectorAll("tr");
                filas.forEach(fila => {
                    if (fila.querySelector(".tabla-contador-equipos-asignados")) {
                        let nombreEquipoAsignadoTabla = fila.querySelector(".tabla-nombre-equipos-asignados")
                            .innerHTML.trim();
                        if (campoEquipoDeAsignado == "Otro") {
                            if (campoOtroEquipoDeAsignado.toLowerCase() == nombreEquipoAsignadoTabla
                                .toLowerCase()) {
                                error = true;
                                errorEquipoAsignadoRepetido = true;
                            }
                        } else {
                            if (campoEquipoDeAsignado.toLowerCase() == nombreEquipoAsignadoTabla.toLowerCase()) {
                                error = true;
                                errorEquipoAsignadoRepetido = true;
                            }
                        }
                    }
                });

                if (error == false) {
                    indexRegistrosDeEquiposAsignados++;
                    let nombreDelEquipoAsignado = "";
                    if (document.getElementById("equiposAsignadosNoDisponibleEnLaTabla")) {
                        document.getElementById("equiposAsignadosNoDisponibleEnLaTabla").remove();
                    }

                    if (campoEquipoDeAsignado == "Otro") {
                        nombreDelEquipoAsignado = campoOtroEquipoDeAsignado;
                    } else {
                        nombreDelEquipoAsignado = campoEquipoDeAsignado;
                    }

                    document.getElementById("registroDeEquiposAsignados").innerHTML +=
                        '<tr role="row" class="odd">' +
                        '<td class="tabla-contador-equipos-asignados">' + indexRegistrosDeEquiposAsignados + '</td>' +
                        '<td class="tabla-nombre-equipos-asignados">' + nombreDelEquipoAsignado + '</td>' +
                        '<td class="tabla-cantidad-equipos-asignados">' + cantidad + '</td>' +
                        '<td class="tabla-accion-estudios">' +
                        '<button onclick="habilitarBotonConfirmarEliminaciononEquipoAsignado(this)" type="button" class="btn btn-danger mr-1"><i class="fas fa-trash-alt"></i></button>' +
                        '<button onclick="eliminarFilaEquipoAsignado(this)" style="display: none;" type="button" class="btn btn-danger boton-confirmar-item mr-1">Confirmar</button>' +
                        '</td>' +
                        '</tr>';

                    $('#campoEquipoDeAsignadoParaAgregar').selectpicker('val', "");
                    document.getElementById("validacionCampoEquipoDeAsignadoParaAgregar").innerHTML = "";
                    document.getElementById("campoEquipoDeAsignadoParaAgregar").classList.remove('input-success-icon');
                    document.getElementById("campoEquipoDeAsignadoParaAgregar").classList.remove('input-error-icon');
                    document.getElementById("validacionCampoEquipoDeAsignadoParaAgregar").style.display = "none";

                    document.getElementById("contenedorCampoOtroEquipoDeAsignadoParaAgregar").style.display = "none";
                    document.getElementById("campoOtroEquipoDeAsignadoParaAgregar").value = "";
                    document.getElementById("validacionCampoOtroEquipoDeAsignadoParaAgregar").innerHTML = "";
                    document.getElementById("campoOtroEquipoDeAsignadoParaAgregar").setAttribute("class", "form-control");

                    document.getElementById("campoCantidadEquipoAsignadoParaAgregar").value = "";
                    document.getElementById("validacionCampoCantidadEquipoAsignadoParaAgregar").innerHTML = "";
                    document.getElementById("campoCantidadEquipoAsignadoParaAgregar").setAttribute("class", "form-control");
                } else {
                    if (campoEquipoDeAsignado.length > 0) {
                        if (campoEquipoDeAsignado == "Otro") {
                            if (campoOtroEquipoDeAsignado.length > 0) {
                                if (errorEquipoAsignadoRepetido == true) {
                                    document.getElementById("campoOtroEquipoDeAsignadoParaAgregar").setAttribute("class",
                                        "form-control is-invalid");
                                    document.getElementById("validacionCampoOtroEquipoDeAsignadoParaAgregar").innerHTML =
                                        "El campo otro equipo asignado ya existe en la tabla de equipos asignados";

                                    document.getElementById("campoEquipoDeAsignadoParaAgregar").classList.remove(
                                        'input-error-icon');
                                    document.getElementById("campoEquipoDeAsignadoParaAgregar").classList.add(
                                        'input-success-icon');
                                    document.getElementById("validacionCampoEquipoDeAsignadoParaAgregar").innerHTML = "";
                                    document.getElementById("validacionCampoEquipoDeAsignadoParaAgregar").style.display =
                                        "none";
                                } else {
                                    document.getElementById("campoOtroEquipoDeAsignadoParaAgregar").setAttribute("class",
                                        "form-control is-valid");
                                    document.getElementById("validacionCampoOtroEquipoDeAsignadoParaAgregar").innerHTML =
                                        "";

                                    document.getElementById("campoEquipoDeAsignadoParaAgregar").classList.remove(
                                        'input-error-icon');
                                    document.getElementById("campoEquipoDeAsignadoParaAgregar").classList.add(
                                        'input-success-icon');
                                    document.getElementById("validacionCampoEquipoDeAsignadoParaAgregar").innerHTML = "";
                                    document.getElementById("validacionCampoEquipoDeAsignadoParaAgregar").style.display =
                                        "none";
                                }
                            } else {
                                document.getElementById("campoOtroEquipoDeAsignadoParaAgregar").setAttribute("class",
                                    "form-control is-invalid");
                                document.getElementById("validacionCampoOtroEquipoDeAsignadoParaAgregar").innerHTML =
                                    "El campo otro equipo asignado es obligatorio";

                                document.getElementById("campoEquipoDeAsignadoParaAgregar").classList.remove(
                                    'input-error-icon');
                                document.getElementById("campoEquipoDeAsignadoParaAgregar").classList.add(
                                    'input-success-icon');
                                document.getElementById("validacionCampoEquipoDeAsignadoParaAgregar").innerHTML = "";
                                document.getElementById("validacionCampoEquipoDeAsignadoParaAgregar").style.display =
                                    "none";
                            }
                        } else {
                            if (errorEquipoAsignadoRepetido == true) {
                                document.getElementById("campoEquipoDeAsignadoParaAgregar").classList.remove(
                                    'input-success-icon');
                                document.getElementById("campoEquipoDeAsignadoParaAgregar").classList.add(
                                    'input-error-icon');
                                document.getElementById("validacionCampoEquipoDeAsignadoParaAgregar").innerHTML =
                                    "El campo equipo asignado ya existe en la tabla de equipo Asignados";
                                document.getElementById("validacionCampoEquipoDeAsignadoParaAgregar").style.display =
                                    "block";
                            } else {
                                document.getElementById("campoEquipoDeAsignadoParaAgregar").classList.remove(
                                    'input-error-icon');
                                document.getElementById("campoEquipoDeAsignadoParaAgregar").classList.add(
                                    'input-success-icon');
                                document.getElementById("validacionCampoEquipoDeAsignadoParaAgregar").innerHTML = "";
                                document.getElementById("validacionCampoEquipoDeAsignadoParaAgregar").style.display =
                                    "none";
                            }
                        }
                    } else {
                        document.getElementById("campoEquipoDeAsignadoParaAgregar").classList.remove('input-success-icon');
                        document.getElementById("campoEquipoDeAsignadoParaAgregar").classList.add('input-error-icon');
                        document.getElementById("validacionCampoEquipoDeAsignadoParaAgregar").innerHTML =
                            "El campo equipo asignado es obligatorio";
                        document.getElementById("validacionCampoEquipoDeAsignadoParaAgregar").style.display = "block";
                    }

                    if (cantidad.length > 0) {
                        document.getElementById("campoCantidadEquipoAsignadoParaAgregar").setAttribute("class",
                            "form-control is-valid");
                        document.getElementById("validacionCampoCantidadEquipoAsignadoParaAgregar").innerHTML = "";
                    } else {
                        document.getElementById("campoCantidadEquipoAsignadoParaAgregar").setAttribute("class",
                            "form-control is-invalid");
                        document.getElementById("validacionCampoCantidadEquipoAsignadoParaAgregar").innerHTML =
                            "El campo cantidad es obligatorio";
                    }
                }
            } else {
                if (campoEquipoDeAsignado.length > 0) {
                    if (campoEquipoDeAsignado == "Otro") {
                        if (campoOtroEquipoDeAsignado.length > 0) {
                            document.getElementById("campoOtroEquipoDeAsignadoParaAgregar").setAttribute("class",
                                "form-control is-valid");
                            document.getElementById("validacionCampoOtroEquipoDeAsignadoParaAgregar").innerHTML = "";
                        } else {
                            document.getElementById("campoOtroEquipoDeAsignadoParaAgregar").setAttribute("class",
                                "form-control is-invalid");
                            document.getElementById("validacionCampoOtroEquipoDeAsignadoParaAgregar").innerHTML =
                                "El campo otro equipo asignado es obligatorio";
                        }

                        document.getElementById("campoEquipoDeAsignadoParaAgregar").classList.remove('input-error-icon');
                        document.getElementById("campoEquipoDeAsignadoParaAgregar").classList.add('input-success-icon');
                        document.getElementById("validacionCampoEquipoDeAsignadoParaAgregar").innerHTML = "";
                        document.getElementById("validacionCampoEquipoDeAsignadoParaAgregar").style.display = "none";
                    } else {
                        document.getElementById("validacionCampoOtroEquipoDeAsignadoParaAgregar").innerHTML = "";
                        document.getElementById("campoOtroEquipoDeAsignadoParaAgregar").setAttribute("class",
                            "form-control");

                        document.getElementById("campoEquipoDeAsignadoParaAgregar").classList.remove('input-error-icon');
                        document.getElementById("campoEquipoDeAsignadoParaAgregar").classList.add('input-success-icon');
                        document.getElementById("validacionCampoEquipoDeAsignadoParaAgregar").innerHTML = "";
                        document.getElementById("validacionCampoEquipoDeAsignadoParaAgregar").style.display = "none";
                    }
                } else {
                    document.getElementById("campoEquipoDeAsignadoParaAgregar").classList.remove('input-success-icon');
                    document.getElementById("campoEquipoDeAsignadoParaAgregar").classList.add('input-error-icon');
                    document.getElementById("validacionCampoEquipoDeAsignadoParaAgregar").innerHTML =
                        "El campo equipo asignado es obligatorio";
                    document.getElementById("validacionCampoEquipoDeAsignadoParaAgregar").style.display = "block";
                }

                if (cantidad.length > 0) {
                    document.getElementById("campoCantidadEquipoAsignadoParaAgregar").setAttribute("class",
                        "form-control is-valid");
                    document.getElementById("validacionCampoCantidadEquipoAsignadoParaAgregar").innerHTML = "";
                } else {
                    document.getElementById("campoCantidadEquipoAsignadoParaAgregar").setAttribute("class",
                        "form-control is-invalid");
                    document.getElementById("validacionCampoCantidadEquipoAsignadoParaAgregar").innerHTML =
                        "El campo cantidad es obligatorio";
                }
            }
        }

        function deshabilitarBotonesConfirmarEliminacionEquipoAsignado() {
            let botones = document.querySelectorAll(".boton-confirmar-item");
            botones.forEach(elemento => {
                elemento.style.display = 'none';
            });
        }

        function habilitarBotonConfirmarEliminaciononEquipoAsignado(boton) {
            if (boton.nextElementSibling.style.display == 'none') {
                deshabilitarBotonesConfirmarEliminacionEquipoAsignado();
                boton.nextElementSibling.style.display = 'inline-block';
            } else {
                if (boton.nextElementSibling.style.display == 'inline-block') {
                    deshabilitarBotonesConfirmarEliminacionEquipoAsignado();
                }
            }

        }

        function eliminarFilaEquipoAsignado(boton) {
            let elementoFila = boton.parentElement.parentElement;
            elementoFila.remove();
            indexRegistrosDeEquiposAsignados = 0;
            let filas = document.getElementById('tabla-equipos-asignados').tBodies[0].querySelectorAll("tr");
            if (filas.length > 0) {
                filas.forEach(elemento => {
                    indexRegistrosDeEquiposAsignados++;
                    elemento.querySelector(".tabla-contador-equipos-asignados").innerHTML =
                        indexRegistrosDeEquiposAsignados;
                });
            } else {
                document.getElementById("registroDeEquiposAsignados").innerHTML =
                    '<tr id="equiposAsignadosNoDisponibleEnLaTabla">' +
                    '<td colspan="4" class="text-center">No hay otros equipos asignados disponibles en la tabla</td>' +
                    '</tr>';
            }
        }
    </script>

    <script>
        function seleccionarEvaluacionMuyDeficiente(fila) {
            fila.querySelector(".table-muy-deficiente-desempeno").innerHTML = "";
            fila.querySelector(".table-deficiente-desempeno").innerHTML = "";
            fila.querySelector(".table-satisfactorio-desempeno").innerHTML = "";
            fila.querySelector(".table-sobresaliente-desempeno").innerHTML = "";

            fila.querySelector(".table-muy-deficiente-desempeno").innerHTML =
                '<p class="text-center" style="font-size:20px;"><i class="fas fa-check-circle fa-lg" style="color: #dc3545;"></i></p>';
            fila.querySelector(".table-evaluacion-desempeno").innerHTML = "Muy Deficiente";
        }

        function seleccionarEvaluacionDeficiente(fila) {
            fila.querySelector(".table-muy-deficiente-desempeno").innerHTML = "";
            fila.querySelector(".table-deficiente-desempeno").innerHTML = "";
            fila.querySelector(".table-satisfactorio-desempeno").innerHTML = "";
            fila.querySelector(".table-sobresaliente-desempeno").innerHTML = "";

            fila.querySelector(".table-deficiente-desempeno").innerHTML =
                '<p class="text-center" style="font-size:20px;"><i class="fas fa-check-circle fa-lg" style="color: #E03F02;"></i></p>';
            fila.querySelector(".table-evaluacion-desempeno").innerHTML = "Deficiente";
        }

        function seleccionarEvaluacionSatisfactorio(fila) {
            fila.querySelector(".table-muy-deficiente-desempeno").innerHTML = "";
            fila.querySelector(".table-deficiente-desempeno").innerHTML = "";
            fila.querySelector(".table-satisfactorio-desempeno").innerHTML = "";
            fila.querySelector(".table-sobresaliente-desempeno").innerHTML = "";

            fila.querySelector(".table-satisfactorio-desempeno").innerHTML =
                '<p class="text-center" style="font-size:20px;"><i class="fas fa-check-circle fa-lg" style="color: #ffc107;"></i></p>';
            fila.querySelector(".table-evaluacion-desempeno").innerHTML = "Satisfactorio";
        }

        function seleccionarEvaluacionSobresaliente(fila) {
            fila.querySelector(".table-muy-deficiente-desempeno").innerHTML = "";
            fila.querySelector(".table-deficiente-desempeno").innerHTML = "";
            fila.querySelector(".table-satisfactorio-desempeno").innerHTML = "";
            fila.querySelector(".table-sobresaliente-desempeno").innerHTML = "";

            fila.querySelector(".table-sobresaliente-desempeno").innerHTML =
                '<p class="text-center" style="font-size:20px;"><i class="fas fa-check-circle fa-lg" style="color: #28a745;"></i></p>';
            fila.querySelector(".table-evaluacion-desempeno").innerHTML = "Sobresaliente";
        }
    </script>

    <script>
        function buscarTrabajadorEnTalanaPorRut() {
            let rut = document.getElementById("campoRutDeLaSolicitud").value.trim();
            if (rut.length > 0) {
                let formData = new FormData();
                formData.append('rut', rut.replace(/\./g, ''));
                let csrf = '{{ csrf_token() }}';

                $.ajax({
                    url: '{{ route('finiquito.obtener-trabajador-talana') }}',
                    method: 'POST',
                    data: formData,
                    contentType: false,
                    processData: false,
                    dataType: 'json',
                    headers: {
                        'X-CSRF-TOKEN': csrf
                    },
                    success: function(data) {
                        eliminarLoading()
                        if (data.estado == "con_datos") {
                            document.getElementById("campoRutDeLaSolicitud").setAttribute("readonly", "true");
                            document.getElementById("campoNombreDeLaSolicitud").value = data.datos.nombre;
                            document.getElementById("campoApellidoPaternoDeLaSolicitud").value = data.datos
                                .apellido_paterno;
                            document.getElementById("campoApellidoMaternoDeLaSolicitud").value = data.datos
                                .apellido_materno;
                            if (data.datos_cc != null) {
                                document.getElementById("campoCentroDeCostoDeLaSolicitud").value = data.datos_cc
                                    .centro_costo;
                                document.getElementById("campoIdCentroDeCostoDeLaSolicitud").value = data
                                    .datos_cc.id;
                            }
                            if (data.datos.cargo != null) {
                                document.getElementById("campoCargoDeLaSolicitud").value = data.datos.cargo;
                            }
                            if (data.datos.fecha_contratacion_desde != null) {
                                document.getElementById("campoFechaDeIngresoDeLaSolicitud").value = data.datos
                                    .fecha_contratacion_desde;
                            }
                        } else if (data.estado == "sin_datos") {
                            document.getElementById("campoRutDeLaSolicitud").setAttribute("class",
                                "form-control is-invalid");
                            document.getElementById("validacionCampoRutDeLaSolicitud").innerHTML =
                                "El trabajador no existe en la nómina.";
                        }
                    },
                    error: function(data) {
                        console.log(data)
                        eliminarLoading()
                    }
                })
            } else {
                document.getElementById("campoRutDeLaSolicitud").setAttribute("class", "form-control is-invalid");
                document.getElementById("validacionCampoRutDeLaSolicitud").innerHTML = "El campo rut es obligatorio.";
            }
        }

        function limpiarDatosDelTrabajador() {
            document.getElementById("campoNombreDeLaSolicitud").value = "";
            document.getElementById("validacionCampoNombreDeLaSolicitud").innerHTML = "";
            document.getElementById("campoNombreDeLaSolicitud").setAttribute("class", "form-control");

            document.getElementById("campoApellidoPaternoDeLaSolicitud").value = "";
            document.getElementById("validacionCampoApellidoPaternoDeLaSolicitud").innerHTML = "";
            document.getElementById("campoApellidoPaternoDeLaSolicitud").setAttribute("class", "form-control");

            document.getElementById("campoApellidoMaternoDeLaSolicitud").value = "";
            document.getElementById("validacionCampoApellidoMaternoDeLaSolicitud").innerHTML = "";
            document.getElementById("campoApellidoMaternoDeLaSolicitud").setAttribute("class", "form-control");

            document.getElementById("campoRutDeLaSolicitud").value = "";
            document.getElementById("validacionCampoRutDeLaSolicitud").innerHTML = "";
            document.getElementById("campoRutDeLaSolicitud").setAttribute("class", "form-control");
            document.getElementById("campoRutDeLaSolicitud").removeAttribute("readonly")

            document.getElementById("campoCargoDeLaSolicitud").value = "";
            document.getElementById("validacionCampoCargoDeLaSolicitud").innerHTML = "";
            document.getElementById("campoCargoDeLaSolicitud").setAttribute("class", "form-control");

            document.getElementById("campoIdCentroDeCostoDeLaSolicitud").value = "";
            document.getElementById("campoCentroDeCostoDeLaSolicitud").value = "";
            document.getElementById("validacionCampoCentroDeCostoDeLaSolicitud").innerHTML = "";
            document.getElementById("campoCentroDeCostoDeLaSolicitud").setAttribute("class", "form-control");

            document.getElementById("campoFechaDeIngresoDeLaSolicitud").value = "";
            document.getElementById("validacionCampoFechaDeIngresoDeLaSolicitud").innerHTML = "";
            document.getElementById("campoFechaDeIngresoDeLaSolicitud").setAttribute("class", "form-control");

            document.getElementById("campoFechaDeTerminoDeLaSolicitud").value = "";
            document.getElementById("validacionCampoFechaDeTerminoDeLaSolicitud").innerHTML = "";
            document.getElementById("campoFechaDeTerminoDeLaSolicitud").setAttribute("class", "form-control");

            document.getElementById("campoAvisoPrevio30Dias").value = "";
            document.getElementById("validacionCampoAviso30Dias").innerHTML = "";
            document.getElementById("campoAvisoPrevio30Dias").setAttribute("class", "form-control");
        }
    </script>

    <script>
        function calcularValoracionDeUnaPregunta(valor, fila) {
            fila.querySelector(".tabla-valoracion-pregunta").innerHTML = valor;
            fila.querySelector(".tabla-valoracion-final-pregunta").innerHTML = valor;
            calcularValoracionTotalDeTodasLasCategoriasDeLaEvaluacion();
        }

        function obtenerMensaje(puntaje) {
            if (puntaje == 0) {
                return 'Inferior a lo Esperado';
            } else if (puntaje == 1) {
                return 'Inferior a lo Esperado';
            } else if (puntaje == 2) {
                return 'Inferior a lo Esperado';
            } else if (puntaje == 3) {
                return 'Esperado';
            } else if (puntaje == 4) {
                return 'Sobre lo Esperado';
            } else {
                return ''; 
            }
        }
    

        function calcularValoracionTotalDeTodasLasCategoriasDeLaEvaluacion() {
            let valoracionTotalDelFactor1 = 0;
            let valoracionTotalDelFactor2 = 0;
            let valoracionTotalDelFactor3 = 0;
            let valoracionTotalDelFactor4 = 0;
            let valoracionTotalDelFactor5 = 0;
            let valoracionTotalDelFactor6 = 0;
            let valoracionTotalDelFactor7 = 0;
            let valoracionTotalDelFactor8 = 0;
            let valoracionTotalDelOpymMedios = 0;
            let valoracionTotalDelJefaturas = 0;

            let cantidadDePreguntaDelFactor1 = 0;
            let cantidadDePreguntaDelFactor2 = 0;
            let cantidadDePreguntaDelFactor3 = 0;
            let cantidadDePreguntaDelFactor4 = 0;
            let cantidadDePreguntaDelFactor5 = 0;
            let cantidadDePreguntaDelFactor6 = 0;
            let cantidadDePreguntaDelFactor7 = 0;
            let cantidadDePreguntaDelFactor8 = 0;
            let cantidadDePreguntaDelOpymMedios = 0;
            let cantidadDePreguntaDelJefaturas = 0;

            let filasFactor1 = document.getElementById('tabla-factor1').tBodies[0].querySelectorAll("tr");
            filasFactor1.forEach(fila => {
                if (fila.querySelector(".tabla-menu-pregunta")) {
                    cantidadDePreguntaDelFactor1++;
                    cantidadDePreguntaDelOpymMedios++;
                    cantidadDePreguntaDelJefaturas++;
                    if (fila.querySelector(".tabla-valoracion-pregunta").innerHTML != "") {
                        valoracionTotalDelFactor1 += parseFloat(fila.querySelector(".tabla-valoracion-pregunta")
                            .innerHTML);
                        valoracionTotalDelOpymMedios += parseFloat(fila.querySelector(".tabla-valoracion-pregunta")
                            .innerHTML);
                        valoracionTotalDelJefaturas += parseFloat(fila.querySelector(".tabla-valoracion-pregunta")
                            .innerHTML);
                    }
                }
            });

            let filasFactor2 = document.getElementById('tabla-factor2').tBodies[0].querySelectorAll("tr");
            filasFactor2.forEach(fila => {
                if (fila.querySelector(".tabla-menu-pregunta")) {
                    if (fila.querySelector(".tabla-valoracion-pregunta").innerHTML != "0") {
                        cantidadDePreguntaDelFactor2++;
                        cantidadDePreguntaDelOpymMedios++;
                        cantidadDePreguntaDelJefaturas++;
                        if (fila.querySelector(".tabla-valoracion-pregunta").innerHTML != "") {
                            valoracionTotalDelFactor2 += parseFloat(fila.querySelector(".tabla-valoracion-pregunta")
                                .innerHTML);
                            valoracionTotalDelOpymMedios += parseFloat(fila.querySelector(
                                ".tabla-valoracion-pregunta").innerHTML);
                            valoracionTotalDelJefaturas += parseFloat(fila.querySelector(
                                ".tabla-valoracion-pregunta").innerHTML);
                        }
                    }
                }
            });

            let filasFactor3 = document.getElementById('tabla-factor3').tBodies[0].querySelectorAll("tr");
            filasFactor3.forEach(fila => {
                if (fila.querySelector(".tabla-menu-pregunta")) {
                    cantidadDePreguntaDelFactor3++;
                    cantidadDePreguntaDelOpymMedios++;
                    cantidadDePreguntaDelJefaturas++;
                    if (fila.querySelector(".tabla-valoracion-pregunta").innerHTML != "") {
                        valoracionTotalDelFactor3 += parseFloat(fila.querySelector(".tabla-valoracion-pregunta")
                            .innerHTML);
                        valoracionTotalDelOpymMedios += parseFloat(fila.querySelector(".tabla-valoracion-pregunta")
                            .innerHTML);
                        valoracionTotalDelJefaturas += parseFloat(fila.querySelector(".tabla-valoracion-pregunta")
                            .innerHTML);
                    }
                }
            });

            if (document.getElementById("campoRelacionDelEvaluacionConJefatura").value == "jefatura") {
                let filasFactor4 = document.getElementById('tabla-factor4').tBodies[0].querySelectorAll("tr");
                filasFactor4.forEach(fila => {
                    if (fila.querySelector(".tabla-menu-pregunta")) {
                        cantidadDePreguntaDelFactor4++;
                        cantidadDePreguntaDelJefaturas++;
                        if (fila.querySelector(".tabla-valoracion-pregunta").innerHTML != "") {
                            valoracionTotalDelFactor4 += parseFloat(fila.querySelector(".tabla-valoracion-pregunta")
                                .innerHTML);
                            valoracionTotalDelJefaturas += parseFloat(fila.querySelector(
                                ".tabla-valoracion-pregunta").innerHTML);
                        }
                    }
                });
            }

            let filasFactor5 = document.getElementById('tabla-factor5').tBodies[0].querySelectorAll("tr");
            filasFactor5.forEach(fila => {
                if (fila.querySelector(".tabla-menu-pregunta")) {
                    cantidadDePreguntaDelFactor5++;
                    cantidadDePreguntaDelOpymMedios++;
                    cantidadDePreguntaDelJefaturas++;
                    if (fila.querySelector(".tabla-valoracion-pregunta").innerHTML != "") {
                        valoracionTotalDelFactor5 += parseFloat(fila.querySelector(".tabla-valoracion-pregunta")
                            .innerHTML);
                        valoracionTotalDelOpymMedios += parseFloat(fila.querySelector(".tabla-valoracion-pregunta")
                            .innerHTML);
                        valoracionTotalDelJefaturas += parseFloat(fila.querySelector(".tabla-valoracion-pregunta")
                            .innerHTML);
                    }
                }
            });

            let filasFactor6 = document.getElementById('tabla-factor6').tBodies[0].querySelectorAll("tr");
            filasFactor6.forEach(fila => {
                if (fila.querySelector(".tabla-menu-pregunta")) {
                    cantidadDePreguntaDelFactor6++;
                    cantidadDePreguntaDelOpymMedios++;
                    cantidadDePreguntaDelJefaturas++;
                    if (fila.querySelector(".tabla-valoracion-pregunta").innerHTML != "") {
                        valoracionTotalDelFactor6 += parseFloat(fila.querySelector(".tabla-valoracion-pregunta")
                            .innerHTML);
                        valoracionTotalDelOpymMedios += parseFloat(fila.querySelector(".tabla-valoracion-pregunta")
                            .innerHTML);
                        valoracionTotalDelJefaturas += parseFloat(fila.querySelector(".tabla-valoracion-pregunta")
                            .innerHTML);
                    }
                }
            });

            let filasFactor7 = document.getElementById('tabla-factor7').tBodies[0].querySelectorAll("tr");
            filasFactor7.forEach(fila => {
                if (fila.querySelector(".tabla-menu-pregunta")) {
                    if (fila.querySelector(".tabla-valoracion-pregunta").innerHTML != "0") {
                        cantidadDePreguntaDelFactor7++;
                        cantidadDePreguntaDelOpymMedios++;
                        cantidadDePreguntaDelJefaturas++;
                        if (fila.querySelector(".tabla-valoracion-pregunta").innerHTML != "") {
                            valoracionTotalDelFactor7 += parseFloat(fila.querySelector(".tabla-valoracion-pregunta")
                                .innerHTML);
                            valoracionTotalDelOpymMedios += parseFloat(fila.querySelector(
                                ".tabla-valoracion-pregunta").innerHTML);
                            valoracionTotalDelJefaturas += parseFloat(fila.querySelector(
                                ".tabla-valoracion-pregunta").innerHTML);
                        }
                    }
                }
            });

            let filasFactor8 = document.getElementById('tabla-factor8').tBodies[0].querySelectorAll("tr");
            filasFactor8.forEach(fila => {
                if (fila.querySelector(".tabla-menu-pregunta")) {
                    cantidadDePreguntaDelFactor8++;
                    cantidadDePreguntaDelOpymMedios++;
                    cantidadDePreguntaDelJefaturas++;
                    if (fila.querySelector(".tabla-valoracion-pregunta").innerHTML != "") {
                        valoracionTotalDelFactor8 += parseFloat(fila.querySelector(".tabla-valoracion-pregunta")
                            .innerHTML);
                        valoracionTotalDelOpymMedios += parseFloat(fila.querySelector(".tabla-valoracion-pregunta")
                            .innerHTML);
                        valoracionTotalDelJefaturas += parseFloat(fila.querySelector(".tabla-valoracion-pregunta")
                            .innerHTML);
                    }
                }
            });

            if (valoracionTotalDelFactor1 > 0) {
                valoracionTotalDelFactor1 = valoracionTotalDelFactor1 / cantidadDePreguntaDelFactor1;
                valoracionTotalDelFactor1 = Math.round(valoracionTotalDelFactor1);
            }

            if (valoracionTotalDelFactor2 > 0) {
                valoracionTotalDelFactor2 = valoracionTotalDelFactor2 / cantidadDePreguntaDelFactor2;
                valoracionTotalDelFactor2 = Math.round(valoracionTotalDelFactor2);
            }

            if (valoracionTotalDelFactor3 > 0) {
                valoracionTotalDelFactor3 = valoracionTotalDelFactor3 / cantidadDePreguntaDelFactor3;
                valoracionTotalDelFactor3 = Math.round(valoracionTotalDelFactor3);
            }

            if (document.getElementById("campoRelacionDelEvaluacionConJefatura").value == "jefatura") {
                if (valoracionTotalDelFactor4 > 0) {
                    valoracionTotalDelFactor4 = valoracionTotalDelFactor4 / cantidadDePreguntaDelFactor4;
                    valoracionTotalDelFactor4 = Math.round(valoracionTotalDelFactor4);
                }
            }

            if (valoracionTotalDelFactor5 > 0) {
                valoracionTotalDelFactor5 = valoracionTotalDelFactor5 / cantidadDePreguntaDelFactor5;
                valoracionTotalDelFactor5 = Math.round(valoracionTotalDelFactor5);
            }

            if (valoracionTotalDelFactor6 > 0) {
                valoracionTotalDelFactor6 = valoracionTotalDelFactor6 / cantidadDePreguntaDelFactor6;
                valoracionTotalDelFactor6 = Math.round(valoracionTotalDelFactor6);
            }

            if (valoracionTotalDelFactor7 > 0) {
                valoracionTotalDelFactor7 = valoracionTotalDelFactor7 / cantidadDePreguntaDelFactor7;
                valoracionTotalDelFactor7 = Math.round(valoracionTotalDelFactor7);
            }

            if (valoracionTotalDelFactor8 > 0) {
                valoracionTotalDelFactor8 = valoracionTotalDelFactor8 / cantidadDePreguntaDelFactor8;
                valoracionTotalDelFactor8 = Math.round(valoracionTotalDelFactor8);
            }

            if (valoracionTotalDelOpymMedios > 0) {
                valoracionTotalDelOpymMedios = valoracionTotalDelOpymMedios / cantidadDePreguntaDelOpymMedios;
                valoracionTotalDelOpymMedios = Math.round(valoracionTotalDelOpymMedios);
            }

            if (valoracionTotalDelJefaturas > 0) {
                valoracionTotalDelJefaturas = valoracionTotalDelJefaturas / cantidadDePreguntaDelJefaturas;
                valoracionTotalDelJefaturas = Math.round(valoracionTotalDelJefaturas);
            }

            document.getElementById("subtotalFactor1").innerHTML = valoracionTotalDelFactor1;
            document.getElementById("subtotalFactor2").innerHTML = valoracionTotalDelFactor2;
            document.getElementById("subtotalFactor3").innerHTML = valoracionTotalDelFactor3;
            if (document.getElementById("campoRelacionDelEvaluacionConJefatura").value == "jefatura") {
                document.getElementById("subtotalFactor4").innerHTML = valoracionTotalDelFactor4;
            }
            document.getElementById("subtotalFactor5").innerHTML = valoracionTotalDelFactor5;
            document.getElementById("subtotalFactor6").innerHTML = valoracionTotalDelFactor6;
            document.getElementById("subtotalFactor7").innerHTML = valoracionTotalDelFactor7;
            document.getElementById("subtotalFactor8").innerHTML = valoracionTotalDelFactor8;

            document.getElementById("subtotalOpymMedios").innerHTML = valoracionTotalDelOpymMedios;
            document.getElementById("subtotalJefaturas").innerHTML = valoracionTotalDelJefaturas;

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

            document.getElementById("mensajeEvaluacionOpymMedios").innerHTML = mensajeOpymMedios;
            document.getElementById("mensajeEvaluacionJefatura").innerHTML = mensajeJefatura;
        }
    </script>

    <script>   
        function uuid() {
            var dt = new Date().getTime();
            var uuid = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
                var r = (dt + Math.random() * 16) % 16 | 0;
                dt = Math.floor(dt / 16);
                return (c == 'x' ? r : (r & 0x3 | 0x8)).toString(16);
            });
            return uuid;
        }
    
        function visualizarArchivoRegistradoDeLaSolicitudDeDesvinculacion(nombreArchivo, tipo, idSolicitudDeDesvinculacion) {
            let rutaUrl = 'storage/solicitud-desvinculacion/' + idSolicitudDeDesvinculacion + '/' + nombreArchivo;
            let url = '{{ asset('') }}';
            url = url + rutaUrl;
    
            if (tipo.toLowerCase() == "imagen") {
                document.getElementById("modalContenidoModalVisualizarArchivo").innerHTML =
                '<img src="' + url + '" style="max-width: 100%;">';
            }else if(tipo == "pdf"){
                document.getElementById("modalContenidoModalVisualizarArchivo").innerHTML =
                    '<iframe src="' + url + '" style="width:95%; height:600px;"></iframe>';
            }else if(tipo == "archivo de texto"){
                document.getElementById("modalContenidoModalVisualizarArchivo").innerHTML =
                    '<iframe src="' + url + '" style="width:95%; height:600px;"></iframe>';
            }
    
            document.getElementById("modalTituloVisualizarArchivo").innerHTML = nombreArchivo;
            $("#modalVisualizarArchivo").modal("show");
        }
    
        function visualizarUnArchivoAntesDeRegistrarloEnLaBaseDeDatos(archivo, tipo, nombreArchivo) {
            if (tipo.toLowerCase() == "png" ||
                tipo.toLowerCase() == "jpeg" ||
                tipo.toLowerCase() == "gif" ||
                tipo.toLowerCase() == "jpg" ||
                tipo.toLowerCase() == "bmp") {
                document.getElementById("modalContenidoModalVisualizarArchivo").innerHTML =
                '<img src="' + archivo + '" style="max-width: 100%;">';
            }else if(tipo == "pdf"){
                document.getElementById("modalContenidoModalVisualizarArchivo").innerHTML =
                    '<iframe src="' + archivo + '" style="width:95%; height:600px;"></iframe>';
            }else if(tipo == "txt"){
                document.getElementById("modalContenidoModalVisualizarArchivo").innerHTML =
                    '<iframe src="' + archivo + '" style="width:95%; height:600px;"></iframe>';
            }
            document.getElementById("modalTituloVisualizarArchivo").innerHTML = nombreArchivo;
            $("#modalVisualizarArchivo").modal("show");
        }
    
        function eliminarArchivo(registro, archivo) {
            document.getElementById(archivo).remove();
            registro.remove();
    
            if (document.getElementById("registroDeArchivos").innerHTML.trim().length == 0) {
                document.getElementById("registroDeArchivos").innerHTML =
                    '<tr id="archivosNoDisponibleEnLaTabla">' +
                    '<td colspan="4" class="text-center">No hay archivos disponibles en la tabla</td>' +
                    '</tr>';
            }
        }
    
        function obtenerAccionesDelArchivoGuardado(extensionDelArchivo, base64, archivo) {
            if (
                extensionDelArchivo.toLowerCase() == "png" ||
                extensionDelArchivo.toLowerCase() == "jpeg" ||
                extensionDelArchivo.toLowerCase() == "gif" ||
                extensionDelArchivo.toLowerCase() == "jpg" ||
                extensionDelArchivo.toLowerCase() == "bmp"
            ) {
                accionesDelArchivo =
                    '<a class="dropdown-item" href="#" onclick="visualizarUnArchivoAntesDeRegistrarloEnLaBaseDeDatos(\'' + base64 + '\',\'' + extensionDelArchivo + '\',\'' + archivo.files[0].name + '\')"><i class="fas fa-eye" aria-hidden="true"></i> Visualizar Archivo</a>' +
                    '<a class="dropdown-item" href="#" onclick="eliminarArchivo(this.parentElement.parentElement.parentElement.parentElement,\'' + archivo.id + '\')"><i class="fas fa-trash" aria-hidden="true"></i> Eliminar Archivo</a>';
            } else if (
                extensionDelArchivo.toLowerCase() == "mp3" ||
                extensionDelArchivo.toLowerCase() == "wav" ||
                extensionDelArchivo.toLowerCase() == "wma" ||
                extensionDelArchivo.toLowerCase() == "ogg"
            ) {
                accionesDelArchivo = '<a class="dropdown-item" href="#" onclick="eliminarArchivo(this.parentElement.parentElement.parentElement.parentElement,\'' + archivo.id + '\')"><i class="fas fa-trash" aria-hidden="true"></i> Eliminar Archivo</a>';
            } else if (
                extensionDelArchivo.toLowerCase() == "zip" ||
                extensionDelArchivo.toLowerCase() == "rar" ||
                extensionDelArchivo.toLowerCase() == "tgz" ||
                extensionDelArchivo.toLowerCase() == "tar"
            ) {
                accionesDelArchivo = '<a class="dropdown-item" href="#" onclick="eliminarArchivo(this.parentElement.parentElement.parentElement.parentElement,\'' + archivo.id + '\')"><i class="fas fa-trash" aria-hidden="true"></i> Eliminar Archivo</a>';
            } else if (extensionDelArchivo.toLowerCase() == "pdf") {
                accionesDelArchivo =
                    '<a class="dropdown-item" href="#" onclick="visualizarUnArchivoAntesDeRegistrarloEnLaBaseDeDatos(\'' + base64 + '\',\'' + extensionDelArchivo + '\',\'' + archivo.files[0].name + '\')"><i class="fas fa-eye" aria-hidden="true"></i> Visualizar Archivo</a>' +
                    '<a class="dropdown-item" href="#" onclick="eliminarArchivo(this.parentElement.parentElement.parentElement.parentElement,\'' + archivo.id + '\')"><i class="fas fa-trash" aria-hidden="true"></i> Eliminar Archivo</a>';
            } else if (
                extensionDelArchivo.toLowerCase() == "xlsx" ||
                extensionDelArchivo.toLowerCase() == "xls"
            ) {
                accionesDelArchivo = '<a class="dropdown-item" href="#" onclick="eliminarArchivo(this.parentElement.parentElement.parentElement.parentElement,\'' + archivo.id + '\')"><i class="fas fa-trash" aria-hidden="true"></i> Eliminar Archivo</a>';
            } else if (
                extensionDelArchivo.toLowerCase() == "pptx" ||
                extensionDelArchivo.toLowerCase() == "ppt"
            ) {
                accionesDelArchivo = '<a class="dropdown-item" href="#" onclick="eliminarArchivo(this.parentElement.parentElement.parentElement.parentElement,\'' + archivo.id + '\')"><i class="fas fa-trash" aria-hidden="true"></i> Eliminar Archivo</a>';
            } else if (
                extensionDelArchivo.toLowerCase() == "docx" ||
                extensionDelArchivo.toLowerCase() == "doc"
            ) {
                accionesDelArchivo = '<a class="dropdown-item" href="#" onclick="eliminarArchivo(this.parentElement.parentElement.parentElement.parentElement,\'' + archivo.id + '\')"><i class="fas fa-trash" aria-hidden="true"></i> Eliminar Archivo</a>';
            } else if (extensionDelArchivo.toLowerCase() == "txt") {
                accionesDelArchivo =
                    '<a class="dropdown-item" href="#" onclick="visualizarUnArchivoAntesDeRegistrarloEnLaBaseDeDatos(\'' + base64 + '\',\'' + extensionDelArchivo + '\',\'' + archivo.files[0].name + '\')"><i class="fas fa-eye" aria-hidden="true"></i> Visualizar Archivo</a>' +
                    '<a class="dropdown-item" href="#" onclick="eliminarArchivo(this.parentElement.parentElement.parentElement.parentElement,\'' + archivo.id + '\')"><i class="fas fa-trash" aria-hidden="true"></i> Eliminar Archivo</a>';
            } else if (
                extensionDelArchivo.toLowerCase() == "mp4" ||
                extensionDelArchivo.toLowerCase() == "webm" ||
                extensionDelArchivo.toLowerCase() == "avi" ||
                extensionDelArchivo.toLowerCase() == "asf" ||
                extensionDelArchivo.toLowerCase() == "dvd" ||
                extensionDelArchivo.toLowerCase() == "m1v" ||
                extensionDelArchivo.toLowerCase() == "movie" ||
                extensionDelArchivo.toLowerCase() == "mpeg" ||
                extensionDelArchivo.toLowerCase() == "wn" ||
                extensionDelArchivo.toLowerCase() == "wmv"
            ) {
                accionesDelArchivo = '<a class="dropdown-item" href="#" onclick="eliminarArchivo(this.parentElement.parentElement.parentElement.parentElement,\'' + archivo.id + '\')"><i class="fas fa-trash" aria-hidden="true"></i> Eliminar Archivo</a>';
            } else {
                accionesDelArchivo = '<a class="dropdown-item" href="#" onclick="eliminarArchivo(this.parentElement.parentElement.parentElement.parentElement,\'' + archivo.id + '\')"><i class="fas fa-trash" aria-hidden="true"></i> Eliminar Archivo</a>';
            }
    
            return accionesDelArchivo;
        }
    
        function obtenerNombreDelTipoArchivo(extensionDelArchivo) {
            if (
                extensionDelArchivo.toLowerCase() == "png" ||
                extensionDelArchivo.toLowerCase() == "jpeg" ||
                extensionDelArchivo.toLowerCase() == "gif" ||
                extensionDelArchivo.toLowerCase() == "jpg" ||
                extensionDelArchivo.toLowerCase() == "bmp"
            ) {
                NombreDeLaExtensionDelArchivo = "IMAGEN";
            } else if (
                extensionDelArchivo.toLowerCase() == "mp3" ||
                extensionDelArchivo.toLowerCase() == "wav" ||
                extensionDelArchivo.toLowerCase() == "wma" ||
                extensionDelArchivo.toLowerCase() == "ogg"
            ) {
                NombreDeLaExtensionDelArchivo = "ARCHIVO DE AUDIO";
            } else if (
                extensionDelArchivo.toLowerCase() == "zip" ||
                extensionDelArchivo.toLowerCase() == "rar" ||
                extensionDelArchivo.toLowerCase() == "tgz" ||
                extensionDelArchivo.toLowerCase() == "tar"
            ) {
                NombreDeLaExtensionDelArchivo = "ARCHIVO COMPRIMIDO";
            } else if (extensionDelArchivo.toLowerCase() == "pdf") {
                NombreDeLaExtensionDelArchivo = "PDF";
            } else if (
                extensionDelArchivo.toLowerCase() == "xlsx" ||
                extensionDelArchivo.toLowerCase() == "xls"
            ) {
                NombreDeLaExtensionDelArchivo = "OFFICE EXCEL";
            } else if (
                extensionDelArchivo.toLowerCase() == "pptx" ||
                extensionDelArchivo.toLowerCase() == "ppt"
            ) {
                NombreDeLaExtensionDelArchivo = "OFFICE POWER POINT";
            } else if (
                extensionDelArchivo.toLowerCase() == "docx" ||
                extensionDelArchivo.toLowerCase() == "doc"
            ) {
                NombreDeLaExtensionDelArchivo = "OFFICE WORD";
            } else if (extensionDelArchivo.toLowerCase() == "txt") {
                NombreDeLaExtensionDelArchivo = "ARCHIVO DE TEXTO";
            } else if (
                extensionDelArchivo.toLowerCase() == "mp4" ||
                extensionDelArchivo.toLowerCase() == "webm" ||
                extensionDelArchivo.toLowerCase() == "avi" ||
                extensionDelArchivo.toLowerCase() == "asf" ||
                extensionDelArchivo.toLowerCase() == "dvd" ||
                extensionDelArchivo.toLowerCase() == "m1v" ||
                extensionDelArchivo.toLowerCase() == "movie" ||
                extensionDelArchivo.toLowerCase() == "mpeg" ||
                extensionDelArchivo.toLowerCase() == "wn" ||
                extensionDelArchivo.toLowerCase() == "wmv"
            ) {
                NombreDeLaExtensionDelArchivo = "ARCHIVO DE VIDEO";
            } else {
                NombreDeLaExtensionDelArchivo = "ARCHIVO DESCONOCIDO";
            }
        
            return NombreDeLaExtensionDelArchivo;
        }
    
        function GuardarArchivoSeleccionado() {
            let archivo=document.querySelector('input[type="file"].visible');
    
            if(archivo.files.length > 0){
                let nombreArchivo = archivo.files[0].name;
                let extensionArchivo = nombreArchivo.split('.');
                extensionArchivo = extensionArchivo[extensionArchivo.length - 1];
                var accionesDelArchivoGuardado = "";
    
                if (document.getElementById("archivosNoDisponibleEnLaTabla")) {
                    document.getElementById("archivosNoDisponibleEnLaTabla").remove();
                }
    
                let reader = new FileReader();
                reader.readAsDataURL(archivo.files[0]);
                reader.onload = function() {
                    let base64 = reader.result;
                    let nombreTipoArchivo=obtenerNombreDelTipoArchivo(extensionArchivo);
                    let accionesDelArchivo = obtenerAccionesDelArchivoGuardado(extensionArchivo, base64, archivo);
        
                    document.getElementById("registroDeArchivos").innerHTML +=
                        '<tr>' +
                        '<td class="tabla-id-archivo" style="display:none;">' + archivo.id + '</td>' +
                        '<td>' +
                        '<div class="btn-group ">' +
                        '<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">' +
                        'Acciones' +
                        '</button>' +
                        '<div class="dropdown-menu">' +
                            accionesDelArchivo +
                        '</div>' +
                        '</div>' +
                        '</td>' +
                        '<td class="tabla-nombre-archivo">' + nombreArchivo + '</td>' +
                        '<td class="tabla-extension-archivo">' + nombreTipoArchivo + '</td>' +
                        '</tr>';
        
                    archivo.style.display = "none";
                    archivo.classList.remove("visible");
                    archivo.classList.add("oculto");
                    let inputFile = document.createElement("input");
                    inputFile.setAttribute("type", "file");
                    inputFile.setAttribute("class", "form-control-file visible");
                    inputFile.setAttribute("id", uuid());
                    inputFile.setAttribute("onchange", "GuardarArchivoSeleccionado()");
                    document.getElementById("contenedorDelSeleccionadorDeArchivo").appendChild(inputFile);
        
                    $('#campoTipoDeArchivo').selectpicker('val', "");
                    document.getElementById("validacionCampoTipoDeArchivo").innerHTML = "";
                    document.getElementById("campoTipoDeArchivo").classList.remove('input-success-icon');
                    document.getElementById("campoTipoDeArchivo").classList.remove('input-error-icon');
                    document.getElementById("validacionCampoTipoDeArchivo").style.display = "none";
                };
                reader.onerror = function(error) {
        
                };
            }else{    
                if(archivo.files.length > 0){
                    document.getElementById("validacionCampoArchivo"+archivo.id).innerHTML = "";
                    document.getElementById("validacionCampoArchivo"+archivo.id).style.display = "none";
                }else{
                    document.getElementById("validacionCampoArchivo"+archivo.id).innerHTML = "El campo archivo es obligatorio";
                    document.getElementById("validacionCampoArchivo"+archivo.id).style.display = "block";
                }
            }
        }
    
        function eliminarArchivoRegistrado(registro, idArchivo) {
            registro.querySelector(".tabla-estado-archivo-registrado").innerHTML = '<span class="badge badge-danger">Por Eliminar</span>';
    
            registro.querySelector(".eliminar-archivo-registrado").style.display = "none";
            registro.querySelector(".cancelar-eliminacion-archivo-registrado").style.display = "block";
        }
    
        function cancelarEliminacionDelArchivoRegistrado(registro, idArchivo) {
            registro.querySelector(".tabla-estado-archivo-registrado").innerHTML = '<span class="badge badge-success">Registrado</span>';
    
            registro.querySelector(".eliminar-archivo-registrado").style.display = "block";
            registro.querySelector(".cancelar-eliminacion-archivo-registrado").style.display = "none";
        }
    </script>

    <script>
        function validarFormularioDeAntecedentePersonalFiniquitado(data) {
            Swal.fire({
                icon: 'error',
                title: '¡Error el la solicitud!',
                text: 'Se encontraron errores en la solicitud, revise la información insertada',
                confirmButtonColor: "#448aff",
                confirmButtonText: "Confirmar"
            })

            if (typeof data.responseJSON.errors.correlativo !== 'undefined') {
                document.getElementById("campoCorrelativoDeLaSolicitud").setAttribute("class", "form-control is-invalid");
                document.getElementById("validacionCampoCorrelativoDeLaSolicitud").innerHTML = data.responseJSON.errors
                    .correlativo;
            } else {
                document.getElementById("campoCorrelativoDeLaSolicitud").setAttribute("class", "form-control is-valid");
                document.getElementById("validacionCampoCorrelativoDeLaSolicitud").innerHTML = "";
            }

            if (typeof data.responseJSON.errors.nombre_trabajador !== 'undefined') {
                document.getElementById("campoNombreDeLaSolicitud").setAttribute("class", "form-control is-invalid");
                document.getElementById("validacionCampoNombreDeLaSolicitud").innerHTML = data.responseJSON.errors
                    .nombre_trabajador;
            } else {
                document.getElementById("campoNombreDeLaSolicitud").setAttribute("class", "form-control is-valid");
                document.getElementById("validacionCampoNombreDeLaSolicitud").innerHTML = "";
            }

            if (typeof data.responseJSON.errors.apellido_paterno_trabajador !== 'undefined') {
                document.getElementById("campoApellidoPaternoDeLaSolicitud").setAttribute("class",
                    "form-control is-invalid");
                document.getElementById("validacionCampoApellidoPaternoDeLaSolicitud").innerHTML = data.responseJSON.errors
                    .apellido_paterno_trabajador;
            } else {
                document.getElementById("campoApellidoPaternoDeLaSolicitud").setAttribute("class", "form-control is-valid");
                document.getElementById("validacionCampoApellidoPaternoDeLaSolicitud").innerHTML = "";
            }

            if (typeof data.responseJSON.errors.apellido_materno_trabajador !== 'undefined') {
                document.getElementById("campoApellidoMaternoDeLaSolicitud").setAttribute("class",
                    "form-control is-invalid");
                document.getElementById("validacionCampoApellidoMaternoDeLaSolicitud").innerHTML = data.responseJSON.errors
                    .apellido_materno_trabajador;
            } else {
                document.getElementById("campoApellidoMaternoDeLaSolicitud").setAttribute("class", "form-control is-valid");
                document.getElementById("validacionCampoApellidoMaternoDeLaSolicitud").innerHTML = "";
            }

            if (typeof data.responseJSON.errors.rut_trabajador !== 'undefined') {
                document.getElementById("campoRutDeLaSolicitud").setAttribute("class", "form-control is-invalid");
                document.getElementById("validacionCampoRutDeLaSolicitud").innerHTML = data.responseJSON.errors
                    .rut_trabajador;
            } else {
                document.getElementById("campoRutDeLaSolicitud").setAttribute("class", "form-control is-valid");
                document.getElementById("validacionCampoRutDeLaSolicitud").innerHTML = "";
            }

            if (typeof data.responseJSON.errors.tipo_contrato_trabajador !== 'undefined') {
                document.getElementById("campoTipoDeContratoDeLaSolicitud").setAttribute("class",
                    "form-control is-invalid");
                document.getElementById("validacionCampoTipoDeContratoDeLaSolicitud").innerHTML = data.responseJSON.errors
                    .tipo_contrato_trabajador;
            } else {
                document.getElementById("campoTipoDeContratoDeLaSolicitud").setAttribute("class", "form-control is-valid");
                document.getElementById("validacionCampoTipoDeContratoDeLaSolicitud").innerHTML = "";
            }

            if (typeof data.responseJSON.errors.fecha_ingreso_trabajador !== 'undefined') {
                document.getElementById("campoFechaDeIngresoDeLaSolicitud").setAttribute("class",
                    "form-control is-invalid");
                document.getElementById("validacionCampoFechaDeIngresoDeLaSolicitud").innerHTML = data.responseJSON.errors
                    .fecha_ingreso_trabajador;
            } else {
                document.getElementById("campoFechaDeIngresoDeLaSolicitud").setAttribute("class", "form-control is-valid");
                document.getElementById("validacionCampoFechaDeIngresoDeLaSolicitud").innerHTML = "";
            }

            if (typeof data.responseJSON.errors.fecha_termino_trabajador !== 'undefined') {
                document.getElementById("campoFechaDeTerminoDeLaSolicitud").setAttribute("class",
                    "form-control is-invalid");
                document.getElementById("validacionCampoFechaDeTerminoDeLaSolicitud").innerHTML = data.responseJSON.errors
                    .fecha_termino_trabajador;
            } else {
                document.getElementById("campoFechaDeTerminoDeLaSolicitud").setAttribute("class", "form-control is-valid");
                document.getElementById("validacionCampoFechaDeTerminoDeLaSolicitud").innerHTML = "";
            }

            if (typeof data.responseJSON.errors.cargo_trabajador !== 'undefined') {
                document.getElementById("campoCargoDeLaSolicitud").setAttribute("class", "form-control is-invalid");
                document.getElementById("validacionCampoCargoDeLaSolicitud").innerHTML = data.responseJSON.errors
                    .cargo_trabajador;
            } else {
                document.getElementById("campoCargoDeLaSolicitud").setAttribute("class", "form-control is-valid");
                document.getElementById("validacionCampoCargoDeLaSolicitud").innerHTML = "";
            }

            if (typeof data.responseJSON.errors.id_centro_costo !== 'undefined') {
                document.getElementById("campoCentroDeCostoDeLaSolicitud").setAttribute("class", "form-control is-invalid");
                document.getElementById("validacionCampoCentroDeCostoDeLaSolicitud").innerHTML = data.responseJSON.errors
                    .id_centro_costo;
            } else {
                document.getElementById("campoCentroDeCostoDeLaSolicitud").setAttribute("class", "form-control is-valid");
                document.getElementById("validacionCampoCentroDeCostoDeLaSolicitud").innerHTML = "";
            }

            if (typeof data.responseJSON.errors.aviso_previo !== 'undefined') {
                document.getElementById("campoAvisoPrevio30Dias").classList.remove('input-success-icon');
                document.getElementById("campoAvisoPrevio30Dias").classList.add('input-error-icon');
                document.getElementById("validacionCampoAviso30Dias").innerHTML = data.responseJSON
                    .errors.aviso_previo;
                document.getElementById("validacionCampoAviso30Dias").style.display = "block";
            } else {
                document.getElementById("campoAvisoPrevio30Dias").classList.remove('input-error-icon');
                document.getElementById("campoAvisoPrevio30Dias").classList.add('input-success-icon');
                document.getElementById("validacionCampoAviso30Dias").innerHTML = "";
                document.getElementById("validacionCampoAviso30Dias").style.display = "none";
            }

            if (typeof data.responseJSON.errors.quien_paga_mes_desahucio !== 'undefined') {
                document.getElementById("campoQuienPagaMesDeDesahucio").classList.remove('input-success-icon');
                document.getElementById("campoQuienPagaMesDeDesahucio").classList.add('input-error-icon');
                document.getElementById("validacionCampoQuienPagaMesDeDesahucio").innerHTML = data.responseJSON.errors.quien_paga_mes_desahucio;
                document.getElementById("validacionCampoQuienPagaMesDeDesahucio").style.display = "block";
            } else {
                document.getElementById("campoQuienPagaMesDeDesahucio").classList.remove('input-error-icon');
                document.getElementById("campoQuienPagaMesDeDesahucio").classList.add('input-success-icon');
                document.getElementById("validacionCampoQuienPagaMesDeDesahucio").innerHTML = "";
                document.getElementById("validacionCampoQuienPagaMesDeDesahucio").style.display = "none";
            }

            if (typeof data.responseJSON.errors.causa_termino_contrato !== 'undefined') {
                document.getElementById("campoCausalTerminoContratoDeLaSolicitud").classList.remove('input-success-icon');
                document.getElementById("campoCausalTerminoContratoDeLaSolicitud").classList.add('input-error-icon');
                document.getElementById("validacionCampoCausalTerminoContratoDeLaSolicitud").innerHTML = data.responseJSON
                    .errors.causa_termino_contrato;
                document.getElementById("validacionCampoCausalTerminoContratoDeLaSolicitud").style.display = "block";
            } else {
                document.getElementById("campoCausalTerminoContratoDeLaSolicitud").classList.remove('input-error-icon');
                document.getElementById("campoCausalTerminoContratoDeLaSolicitud").classList.add('input-success-icon');
                document.getElementById("validacionCampoCausalTerminoContratoDeLaSolicitud").innerHTML = "";
                document.getElementById("validacionCampoCausalTerminoContratoDeLaSolicitud").style.display = "none";
            }

            if (typeof data.responseJSON.errors.causa_termino_contrato_otro !== 'undefined') {
                document.getElementById("campoOtraCausalTerminoContratoDeLaSolicitud").setAttribute("class",
                    "form-control is-invalid");
                document.getElementById("validacionCampoOtraCausalTerminoContratoDeLaSolicitud").innerHTML = data
                    .responseJSON.errors.causa_termino_contrato_otro;
            } else {
                if (document.getElementById("campoCausalTerminoContratoDeLaSolicitud").value == "Otro") {
                    document.getElementById("campoOtraCausalTerminoContratoDeLaSolicitud").setAttribute("class",
                        "form-control is-valid");
                    document.getElementById("validacionCampoOtraCausalTerminoContratoDeLaSolicitud").innerHTML = "";
                }
            }

            if (typeof data.responseJSON.errors.observacion_disvinculacion_renuncia !== 'undefined') {
                document.getElementById("campoObservacionesDesvinculacionRenunciaDeLaSolicitud").setAttribute("class",
                    "form-control is-invalid");
                document.getElementById("validacionCampoObservacionesDesvinculacionRenunciaDeLaSolicitud").innerHTML = data
                    .responseJSON.errors.observacion_disvinculacion_renuncia;
            } else {
                document.getElementById("campoObservacionesDesvinculacionRenunciaDeLaSolicitud").setAttribute("class",
                    "form-control is-valid");
                document.getElementById("validacionCampoObservacionesDesvinculacionRenunciaDeLaSolicitud").innerHTML = "";
            }

            if (typeof data.responseJSON.errors.recomendable_futura_contratacion !== 'undefined') {
                document.getElementById("campoRecomendableFuturasContratacionesDeLaSolicitud").classList.remove(
                    'input-success-icon');
                document.getElementById("campoRecomendableFuturasContratacionesDeLaSolicitud").classList.add(
                    'input-error-icon');
                document.getElementById("validacionCampoRecomendableFuturasContratacionesDeLaSolicitud").innerHTML = data
                    .responseJSON.errors.recomendable_futura_contratacion;
                document.getElementById("validacionCampoRecomendableFuturasContratacionesDeLaSolicitud").style.display =
                    "block";
            } else {
                document.getElementById("campoRecomendableFuturasContratacionesDeLaSolicitud").classList.remove(
                    'input-error-icon');
                document.getElementById("campoRecomendableFuturasContratacionesDeLaSolicitud").classList.add(
                    'input-success-icon');
                document.getElementById("validacionCampoRecomendableFuturasContratacionesDeLaSolicitud").innerHTML = "";
                document.getElementById("validacionCampoRecomendableFuturasContratacionesDeLaSolicitud").style.display =
                    "none";
            }

            if (typeof data.responseJSON.errors.equipos_asignados !== 'undefined') {
                document.getElementById("campoTieneEquiposAsignadosDeLaSolicitud").classList.remove('input-success-icon');
                document.getElementById("campoTieneEquiposAsignadosDeLaSolicitud").classList.add('input-error-icon');
                document.getElementById("validacionCampoTieneEquiposAsignadosDeLaSolicitud").innerHTML = data.responseJSON
                    .errors.equipos_asignados;
                document.getElementById("validacionCampoTieneEquiposAsignadosDeLaSolicitud").style.display = "block";
            } else {
                document.getElementById("campoTieneEquiposAsignadosDeLaSolicitud").classList.remove('input-error-icon');
                document.getElementById("campoTieneEquiposAsignadosDeLaSolicitud").classList.add('input-success-icon');
                document.getElementById("validacionCampoTieneEquiposAsignadosDeLaSolicitud").innerHTML = "";
                document.getElementById("validacionCampoTieneEquiposAsignadosDeLaSolicitud").style.display = "none";
            }

            if (typeof data.responseJSON.errors.donde_entrega_equipos !== 'undefined') {
                document.getElementById("campoDondeEntregaEquiposDeLaSolicitud").classList.remove('input-success-icon');
                document.getElementById("campoDondeEntregaEquiposDeLaSolicitud").classList.add('input-error-icon');
                document.getElementById("validacionCampoDondeEntregaEquiposDeLaSolicitud").innerHTML = data.responseJSON.errors.donde_entrega_equipos;
                document.getElementById("validacionCampoDondeEntregaEquiposDeLaSolicitud").style.display = "block";
            } else {
                document.getElementById("campoDondeEntregaEquiposDeLaSolicitud").classList.remove('input-error-icon');
                document.getElementById("campoDondeEntregaEquiposDeLaSolicitud").classList.add('input-success-icon');
                document.getElementById("validacionCampoDondeEntregaEquiposDeLaSolicitud").innerHTML = "";
                document.getElementById("validacionCampoDondeEntregaEquiposDeLaSolicitud").style.display = "none";
            }

            if (typeof data.responseJSON.errors.donde_entrega_equipos_otro!== 'undefined') {
                document.getElementById("campoOtroDondeEntregaEquiposDeLaSolicitud").setAttribute("class", "form-control is-invalid");
                document.getElementById("validacionCampoOtroDondeEntregaEquiposDeLaSolicitud").innerHTML = data.responseJSON.errors.donde_entrega_equipos_otro;
            } else {
                document.getElementById("campoOtroDondeEntregaEquiposDeLaSolicitud").setAttribute("class", "form-control is-valid");
                document.getElementById("validacionCampoOtroDondeEntregaEquiposDeLaSolicitud").innerHTML = "";
            }

            if (typeof data.responseJSON.errors.listado_equipos_asignados !== 'undefined') {
                document.getElementById("errorEquiposAsignados").innerHTML =
                    "Debe tener al menos un un equipo asignado cuando el trabajador de tiene equipos asignados.";
                document.getElementById("errorEquiposAsignados").style.display = "block";
            } else {
                document.getElementById("errorEquiposAsignados").innerHTML = "";
                document.getElementById("errorEquiposAsignados").style.display = "none";
            }

            if (typeof data.responseJSON.errors.listado_desempenos_laborales !== 'undefined') {
                document.getElementById("errorDesempenosLaborales").innerHTML =
                    "Faltan datos por completar, debe calificar todo el desempeño laboral del trabajador.";
                document.getElementById("errorDesempenosLaborales").style.display = "block";
            } else {
                document.getElementById("errorDesempenosLaborales").innerHTML = "";
                document.getElementById("errorDesempenosLaborales").style.display = "none";
            }

            if (typeof data.responseJSON.errors.hay_carta_desvinculacion !== 'undefined') {
                document.getElementById("errorArchivos").innerHTML="La subida de la carta de desvinculación es obligatorio, debe agregar al menos un archivo.";
                document.getElementById("errorArchivos").style.display="block";
            } else {
                document.getElementById("errorArchivos").innerHTML="";
                document.getElementById("errorArchivos").style.display="none";
            }
        }

        function editarAntecedentePersonalFiniquitado() {
            document.getElementById("botonDeCreacion").setAttribute("disabled", true);
            generarLoading('{{ asset('img/logo.png') }}')

            let filasEquiposAsignados = document.getElementById('tabla-equipos-asignados').tBodies[0].querySelectorAll(
                "tr");
            let listadoDeEquiposAsignados = [];
            filasEquiposAsignados.forEach(fila => {
                if (fila.querySelector(".tabla-contador-equipos-asignados")) {
                    let nombreEquipoAsignado = fila.querySelector(".tabla-nombre-equipos-asignados").innerHTML
                        .trim();
                    let cantidadEquipoAsignado = fila.querySelector(".tabla-cantidad-equipos-asignados").innerHTML
                        .trim();

                    let equipoAsignado = {
                        equipoAsignado: nombreEquipoAsignado,
                        cantidad: cantidadEquipoAsignado,
                    };
                    listadoDeEquiposAsignados.push(equipoAsignado);
                }
            });

            if (listadoDeEquiposAsignados.length > 0) {
                listadoDeEquiposAsignados = JSON.stringify(listadoDeEquiposAsignados);
            } else {
                listadoDeEquiposAsignados = "";
            }

            let filasDesempenosLaborales = document.getElementById('tabla-desempeno-laboral').tBodies[0].querySelectorAll(
                "tr");
            let listadoDeDesempenosLaborales = [];
            let desempenosLaboralesConDatos = true;
            filasDesempenosLaborales.forEach(fila => {
                if (fila.querySelector(".table-orden-desempeno")) {
                    let nombreDesempenoLaboral = fila.querySelector(".table-nombre-desempeno").innerHTML.trim();
                    let evaluacionDesempenoLaboral = fila.querySelector(".table-evaluacion-desempeno").innerHTML
                        .trim();
                    let ordenDesempenoLaboral = fila.querySelector(".table-orden-desempeno").innerHTML.trim();

                    if (evaluacionDesempenoLaboral.length == 0) {
                        desempenosLaboralesConDatos = false;
                    }

                    let desempenoLaboral = {
                        desempenoLaboral: nombreDesempenoLaboral,
                        evaluacion: evaluacionDesempenoLaboral,
                        orden: ordenDesempenoLaboral,
                    };
                    listadoDeDesempenosLaborales.push(desempenoLaboral);
                }
            });

            if (listadoDeDesempenosLaborales.length > 0) {
                if (desempenosLaboralesConDatos == true) {
                    listadoDeDesempenosLaborales = JSON.stringify(listadoDeDesempenosLaborales);
                } else {
                    listadoDeDesempenosLaborales = "";
                }
            } else {
                listadoDeDesempenosLaborales = "";
            }

            let cantidadArchivosRegistrados=0;
            let listadoDeArchivosRegistrados = [];
            if(document.getElementById("fieldsetArchivosDescriptorDeCargo")){
                let filasArchivosRegistrados = document.getElementById('tabla-archivos-registrados').tBodies[0].querySelectorAll("tr");
                filasArchivosRegistrados.forEach(fila=> {
                    if (fila.querySelector(".tabla-id-archivo-registrado")) {
                        let idDelArchivo= fila.querySelector(".tabla-id-archivo-registrado").innerHTML.trim();
                        let nombreDelArchivo = fila.querySelector(".tabla-nombre-archivo-registrado").innerHTML.trim();
                        let extensionDelArchivo = fila.querySelector(".tabla-extension-archivo-registrado").innerHTML.trim();
                        let estadoDelArchivo = fila.querySelector(".tabla-estado-archivo-registrado").querySelector(".badge").innerHTML.trim();
        
                        let archivo= {
                            idDelArchivo: idDelArchivo,
                            nombreDelArchivo: nombreDelArchivo,
                            extensionDelArchivo: extensionDelArchivo,
                            estadoDelArchivo: estadoDelArchivo
                        };
    
                        if(estadoDelArchivo=="Registrado"){
                            cantidadArchivosRegistrados++;
                        }
    
                        listadoDeArchivosRegistrados.push(archivo);
                    }
                });
            }
            
            if(listadoDeArchivosRegistrados.length>0){
                listadoDeArchivosRegistrados = JSON.stringify(listadoDeArchivosRegistrados);
            }else{
                listadoDeArchivosRegistrados = "";
            }

            let formData = new FormData();
            formData.append('_method', "PUT");
            formData.append('correlativo', document.getElementById("campoCorrelativoDeLaSolicitud").value.trim());
            formData.append('nombre_trabajador', document.getElementById("campoNombreDeLaSolicitud").value.trim());
            formData.append('apellido_paterno_trabajador', document.getElementById("campoApellidoPaternoDeLaSolicitud")
                .value.trim());
            formData.append('apellido_materno_trabajador', document.getElementById("campoApellidoMaternoDeLaSolicitud")
                .value.trim());
            formData.append('rut_trabajador', document.getElementById("campoRutDeLaSolicitud").value.trim());
            formData.append('tipo_contrato_trabajador', document.getElementById("campoTipoDeContratoDeLaSolicitud").value
                .trim());
            formData.append('fecha_ingreso_trabajador', document.getElementById("campoFechaDeIngresoDeLaSolicitud").value
                .trim());
            formData.append('fecha_termino_trabajador', document.getElementById("campoFechaDeTerminoDeLaSolicitud").value
                .trim());
            formData.append('cargo_trabajador', document.getElementById("campoCargoDeLaSolicitud").value.trim());
            formData.append('aviso_previo', document.getElementById("campoAvisoPrevio30Dias").value.trim());
            formData.append('quien_paga_mes_desahucio', document.getElementById("campoQuienPagaMesDeDesahucio").value.trim());
            formData.append('id_centro_costo', document.getElementById("campoIdCentroDeCostoDeLaSolicitud").value.trim());
            if(document.getElementById("campoAvisoPrevio30Dias").value.trim()=="Carta a 30 días"){
                formData.append('causa_termino_contrato', document.getElementById("idMotivoDeLaDesvinculacion").value.trim());
            }else {
                formData.append('causa_termino_contrato', document.getElementById("campoCausalTerminoContratoDeLaSolicitud").value.trim());
            }
            formData.append('causa_termino_contrato_otro', document.getElementById(
                "campoOtraCausalTerminoContratoDeLaSolicitud").value.trim());
            formData.append('observacion_disvinculacion_renuncia', document.getElementById(
                "campoObservacionesDesvinculacionRenunciaDeLaSolicitud").value.trim());
            formData.append('recomendable_futura_contratacion', document.getElementById(
                "campoRecomendableFuturasContratacionesDeLaSolicitud").value.trim());
            formData.append('equipos_asignados', document.getElementById("campoTieneEquiposAsignadosDeLaSolicitud").value
                .trim());
            formData.append('donde_entrega_equipos', document.getElementById("campoDondeEntregaEquiposDeLaSolicitud").value
                .trim());
            formData.append('donde_entrega_equipos_otro', document.getElementById("campoOtroDondeEntregaEquiposDeLaSolicitud").value.trim());
            formData.append('listado_equipos_asignados', listadoDeEquiposAsignados);
            formData.append('listado_desempenos_laborales', listadoDeDesempenosLaborales);

            let totalDeArchivos = document.getElementsByClassName("form-control-file").length;
            let archivos = document.getElementsByClassName("form-control-file");
            let asignacionDeIdArchivo = 0;
            for (let i = 0; i < totalDeArchivos; i++) {
                if (archivos[i].files.length > 0) {
                    asignacionDeIdArchivo++;
                    formData.append('archivos' + i, archivos[i].files[0]);
                }
            }
            formData.append('totalDeArchivos', asignacionDeIdArchivo);
            if(asignacionDeIdArchivo>0 || cantidadArchivosRegistrados>0){
                formData.append('hay_carta_desvinculacion', 1);
            }else{
                formData.append('hay_carta_desvinculacion', 0);
            }
            formData.append('listado_archivos_registrados', listadoDeArchivosRegistrados);
            let csrf = '{{ csrf_token() }}';

            $.ajax({
                url: '{{ route('finiquito.update', $antecedentePersonalFiniquitado) }}',
                method: 'POST',
                data: formData,
                contentType: false,
                processData: false,
                dataType: 'json',
                headers: {
                    'X-CSRF-TOKEN': csrf
                },
                success: function(data) {
                    Swal.fire({
                        icon: 'success',
                        title: '¡Solicitud de Desvinculación Creada!',
                        text: 'Solicitud de desvinculación se creo con éxito',
                        confirmButtonColor: "#448aff",
                        confirmButtonText: "Confirmar"
                    }).then((result) => {
                        location.href = "{{route('finiquito.index')}}";
                    })
                    .catch((error) => {
                        location.href = "{{route('finiquito.index')}}";
                    });
    
                    document.getElementById("botonDeCreacion").removeAttribute("disabled");
                    eliminarLoading()
                },
                error: function(data) {
                    console.log(data)
                    validarFormularioDeAntecedentePersonalFiniquitado(data)
                    Swal.fire({
                        icon: 'error',
                        title: '¡Errores en el Formulario!',
                        text: 'Revise los campos del formulario. Hay campos incompletos o que no cumple con los requisitos establecidos. Asegurase de completar todos los campos obligatorios y de corregir cualquier error señalado.',
                        confirmButtonColor: "#448aff",
                        confirmButtonText: "Confirmar"
                    })
                    document.getElementById("botonDeCreacion").removeAttribute("disabled");
                    eliminarLoading()
                }
            })
        }
    </script>
@stop