@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 | Nueva 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">Nueva 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',$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',$trabajadorDeTalana->nombre) }}" 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',$trabajadorDeTalana->apellido_paterno) }}" 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',$trabajadorDeTalana->apellido_materno) }}" 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',$trabajadorDeTalana->rut) }}" 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($trabajadorDeTalana->sueldo_base,"CLP")) }}" readonly="true">
                                        <div class="invalid-feedback" id="validacionCampoSueldoBaseActualDeLaSolicitud">
    
                                        </div>
                                    </div>
                                    @if (strpos(number_format($trabajadorDeTalana->sueldo_base,2), '.00') !== false)
                                        <input type="hidden" name="sueldo_base_actual" id="campoSueldoBaseActualNumeroDeLaSolicitud" value="{{ old('sueldo_base_actual',str_replace(',', '',number_format($trabajadorDeTalana->sueldo_base,0))) }}">
                                    @else
                                        <input type="hidden" name="sueldo_base_actual" id="campoSueldoBaseActualNumeroDeLaSolicitud" value="{{ old('sueldo_base_actual',$trabajadorDeTalana->sueldo_base) }}">
                                    @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($trabajadorDeTalana->asignacion_movilizacion,"CLP")) }}" readonly="true">
                                        <div class="invalid-feedback" id="validacionCampoAsignacionMovilizacionActualDeLaSolicitud">
    
                                        </div>
                                    </div>
                                    @if (strpos(number_format($trabajadorDeTalana->asignacion_movilizacion,2), '.00') !== false)
                                        <input type="hidden" name="asignacion_movilizacion_actual" id="campoAsignacionMovilizacionActualNumeroDeLaSolicitud" value="{{ old('asignacion_movilizacion_actual',str_replace(',', '',number_format($trabajadorDeTalana->asignacion_movilizacion,0))) }}">
                                    @else
                                        <input type="hidden" name="asignacion_movilizacion_actual" id="campoAsignacionMovilizacionActualNumeroDeLaSolicitud" value="{{ old('asignacion_movilizacion_actual',$trabajadorDeTalana->asignacion_movilizacion) }}">
                                    @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($trabajadorDeTalana->asignacion_colacion,"CLP")) }}" readonly="true">
                                        <div class="invalid-feedback" id="validacionCampoAsignacionColacionActualDeLaSolicitud">
    
                                        </div>
                                    </div>
                                    @if (strpos(number_format($trabajadorDeTalana->asignacion_colacion,2), '.00') !== false)
                                        <input type="hidden" name="asignacion_colacion_actual" id="campoAsignacionColacionActualNumeroDeLaSolicitud" value="{{ old('asignacion_colacion_actual',str_replace(',', '',number_format($trabajadorDeTalana->asignacion_colacion,0))) }}">    
                                    @else
                                        <input type="hidden" name="asignacion_colacion_actual" id="campoAsignacionColacionActualNumeroDeLaSolicitud" value="{{ old('asignacion_colacion_actual',$trabajadorDeTalana->asignacion_colacion) }}">
                                    @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','CLP $ 0') }}" readonly="true">
                                        <div class="invalid-feedback" id="validacionCampoAsignacionSalaCunaActualDeLaSolicitud">
    
                                        </div>
                                    </div>
                                    <input type="hidden" name="asignacion_sala_cuna_actual" id="campoAsignacionSalaCunaActualNumeroDeLaSolicitud" value="{{ old('asignacion_sala_cuna_actual',0) }}">

                                    <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($trabajadorDeTalana->viatico,"CLP")) }}" readonly="true">
                                        <div class="invalid-feedback" id="validacionCampoViaticoActualDeLaSolicitud">
    
                                        </div>
                                    </div>
                                    @if (strpos(number_format($trabajadorDeTalana->viatico,2), '.00') !== false)
                                        <input type="hidden" name="viatico_actual" id="campoViaticoActualNumeroDeLaSolicitud" value="{{ old('viatico_actual',str_replace(',', '',number_format($trabajadorDeTalana->viatico,0))) }}">  
                                    @else
                                        <input type="hidden" name="viatico_actual" id="campoViaticoActualNumeroDeLaSolicitud" value="{{ old('viatico_actual',$trabajadorDeTalana->viatico) }}">
                                    @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',$trabajadorDeTalana->tipo_contrato) }}" 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',$trabajadorDeTalana->fecha_contratacion_desde) }}" 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>
                                            <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>
                                        </select>
                                        <div class="invalid-feedback" id="validacionCampoAviso30Dias">
                                        </div>
                                    </div>

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

                                    <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',$trabajadorDeTalana->fecha_contratacion_hasta) }}">
                                        <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',$trabajadorDeTalana->cargo) }}" 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',$trabajadorDeTalana->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',$trabajadorDeTalana->centroDeCosto->id) }}">
                                </div>

                                <button class="btn btn-secondary" onclick="stepper.next()" id="botonSiguienteParaEvaluacion">Siguiente <i class="fas fa-arrow-right"></i></button>
                            </div>
                            <div id="finiquito-part" class="content" role="tabpanel" aria-labelledby="finiquito-part-trigger">
                                <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>
                                    </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">
                                </div>
        
                                <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>
        
                                <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') }}</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>
                                        <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>
                                    </select>
                                    <div class="invalid-feedback" id="validacionCampoRecomendableFuturasContratacionesDeLaSolicitud">
        
                                    </div>
                                </div>
        
                                <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 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>

                                <fieldset class="fieldset-color-azul" id="fieldsetArchivosDescriptorDeCargo">
                                    <legend class="titulo-fieldset-color-azul" id="legendResolucion">Carta de Desvinculación</legend>
    
                                    <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>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">
                                            <tr>
                                                <td class="table-orden-desempeno" style="display:none;">1</td>
                                                <td class="table-evaluacion-desempeno" style="display:none;"></td>
                                                <td class="table-nombre-desempeno celda-color-azul" style="font-weight: 700; vertical-align: middle">Calidad del Trabajo</td>
                                                <td class="table-muy-deficiente-desempeno" style="cursor: pointer;" onclick="seleccionarEvaluacionMuyDeficiente(this.parentElement)"></td>
                                                <td class="table-deficiente-desempeno" style="cursor: pointer;" onclick="seleccionarEvaluacionDeficiente(this.parentElement)"></td>
                                                <td class="table-satisfactorio-desempeno" style="cursor: pointer;" onclick="seleccionarEvaluacionSatisfactorio(this.parentElement)"></td>
                                                <td class="table-sobresaliente-desempeno" style="cursor: pointer;" onclick="seleccionarEvaluacionSobresaliente(this.parentElement)"></td>
                                            </tr>
                                            <tr>
                                                <td class="table-orden-desempeno" style="display:none;">2</td>
                                                <td class="table-evaluacion-desempeno" style="display:none;"></td>
                                                <td class="table-nombre-desempeno celda-color-azul" style="font-weight: 700; vertical-align: middle">Trabajo en Equipo</td>
                                                <td class="table-muy-deficiente-desempeno" style="cursor: pointer;" onclick="seleccionarEvaluacionMuyDeficiente(this.parentElement)"></td>
                                                <td class="table-deficiente-desempeno" style="cursor: pointer;" onclick="seleccionarEvaluacionDeficiente(this.parentElement)"></td>
                                                <td class="table-satisfactorio-desempeno" style="cursor: pointer;" onclick="seleccionarEvaluacionSatisfactorio(this.parentElement)"></td>
                                                <td class="table-sobresaliente-desempeno" style="cursor: pointer;" onclick="seleccionarEvaluacionSobresaliente(this.parentElement)"></td>
                                            </tr>
                                            <tr>
                                                <td class="table-orden-desempeno" style="display:none;">3</td>
                                                <td class="table-evaluacion-desempeno" style="display:none;"></td>
                                                <td class="table-nombre-desempeno celda-color-azul" style="font-weight: 700; vertical-align: middle">Desempeño en Seguridad</td>
                                                <td class="table-muy-deficiente-desempeno" style="cursor: pointer;" onclick="seleccionarEvaluacionMuyDeficiente(this.parentElement)"></td>
                                                <td class="table-deficiente-desempeno" style="cursor: pointer;" onclick="seleccionarEvaluacionDeficiente(this.parentElement)"></td>
                                                <td class="table-satisfactorio-desempeno" style="cursor: pointer;" onclick="seleccionarEvaluacionSatisfactorio(this.parentElement)"></td>
                                                <td class="table-sobresaliente-desempeno" style="cursor: pointer;" onclick="seleccionarEvaluacionSobresaliente(this.parentElement)"></td>
                                            </tr>
                                            <tr>
                                                <td class="table-orden-desempeno" style="display:none;">4</td>
                                                <td class="table-evaluacion-desempeno" style="display:none;"></td>
                                                <td class="table-nombre-desempeno celda-color-azul" style="font-weight: 700; vertical-align: middle">Valores y Actitudes del Trabajador</td>
                                                <td class="table-muy-deficiente-desempeno" style="cursor: pointer;" onclick="seleccionarEvaluacionMuyDeficiente(this.parentElement)"></td>
                                                <td class="table-deficiente-desempeno" style="cursor: pointer;" onclick="seleccionarEvaluacionDeficiente(this.parentElement)"></td>
                                                <td class="table-satisfactorio-desempeno" style="cursor: pointer;" onclick="seleccionarEvaluacionSatisfactorio(this.parentElement)"></td>
                                                <td class="table-sobresaliente-desempeno" style="cursor: pointer;" onclick="seleccionarEvaluacionSobresaliente(this.parentElement)"></td>
                                            </tr>
                                        </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" onclick="requistrarAntecedentePersonalFiniquitado()" id="botonDeCreacion"><i class="fas fa-save" style="margin-right: 2px;"></i> Guardar</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";
            }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";
            }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", actualizarMotivoDesvinculacion);
    </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;

            // Obtener y mostrar los mensajes basados en los puntajes
            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 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";
                }
            }
        }
    </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 requistrarAntecedentePersonalFiniquitado(){
            document.getElementById("botonDeCreacion").setAttribute("disabled", true);
            generarLoading('{{ asset('img/logo.png') }}')

            let listadoDeBonosActuales = [];
            if(document.getElementById('bonos-actuales-tabla')){
                let filasBonosActuales = document.getElementById('bonos-actuales-tabla').tBodies[0].querySelectorAll("tr");
                filasBonosActuales.forEach(elemento => {
                    if (elemento.querySelector(".tabla-nombre-otros-bonos")) {
                        let nombreBonoActual = elemento.querySelector(".tabla-nombre-otros-bonos").innerHTML;
                        let tipoBonoActual = elemento.querySelector(".tabla-tipo-otros-bonos").innerHTML;
                        let montoBonoConFormatoActual = elemento.querySelector(".tabla-monto-con-formato-otros-bonos").innerHTML;
                        let montoBonoNumeroActual = elemento.querySelector(".tabla-monto-numero-otros-bonos").innerHTML;
    
                        let bonoActual = {
                            tipoBono: tipoBonoActual,
                            nombreBono: nombreBonoActual,
                            montoBonoConFormato: montoBonoConFormatoActual,
                            montoBonoNumero: montoBonoNumeroActual
                        }
                        listadoDeBonosActuales.push(bonoActual);
                    }
                });
            }
            listadoDeBonosActuales = JSON.stringify(listadoDeBonosActuales);
            console.log(listadoDeBonosActuales)

            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 formData = new FormData();
            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('sueldo_base_actual', document.getElementById("campoSueldoBaseActualNumeroDeLaSolicitud").value.trim());
            formData.append('asignacion_movilizacion_actual', document.getElementById("campoAsignacionMovilizacionActualNumeroDeLaSolicitud").value.trim());
            formData.append('asignacion_colacion_actual', document.getElementById("campoAsignacionColacionActualNumeroDeLaSolicitud").value.trim());
            formData.append('asignacion_sala_cuna_actual', document.getElementById("campoAsignacionSalaCunaActualNumeroDeLaSolicitud").value.trim());
            formData.append('viatico_actual', document.getElementById("campoViaticoActualNumeroDeLaSolicitud").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);
            formData.append('listado_bonos_actuales', listadoDeBonosActuales);

            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){
                formData.append('hay_carta_desvinculacion', 1);
            }else{
                formData.append('hay_carta_desvinculacion', 0);
            }
            let csrf = '{{ csrf_token() }}';

            $.ajax({
                url: '{{ route('finiquito.store',$trabajadorDeTalana) }}',
                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 Creado!',
                        text: 'solicitud de desvinculación se creo con éxito',
                        confirmButtonColor: "#448aff",
                        confirmButtonText: "Confirmar"
                    }).then((result) => {
                        location.href = "{{$indexGestionPersonal}}";
                    })
                    .catch((error) => {
                        location.href = "{{$indexGestionPersonal}}";
                    });

                    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