@extends('adminlte::page')

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

@section('title', 'Intranet | Editar y Aceptar Motivo de Desvinculación')

@section('content_header')
    <div class="container-fluid">
        <div class="row justify-content-center">
            <div class="col-lg-10">
                <div class="card card-primary">
                    <div class="card-header">
                        <h3 class="card-title">Editar y Aceptar Motivo 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 y Generales</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">
                                    <div class="form-group">
                                        <label for="campoCorrelativoDeLaSolicitud">Correlativo</label>
                                        <input type="text" class="form-control" id="campoCorrelativoDeLaSolicitud" name="correlativo" value="{{ old('correlativo',$antecedentePersonalFiniquitado->correlativo) }}" readonly="true">
                                    </div>
                                    
                                    <div  class="contenedorDosCamposPorFilaEnLosFormulario">
                                        <div class="form-group">
                                            <label for="campoNombreDeLaSolicitud">Nombre</label>
                                            <input type="text" class="form-control" id="campoNombreDeLaSolicitud" name="nombre_trabajador" value="{{ old('nombre_trabajador',$antecedentePersonalFiniquitado->nombre_trabajador) }}" readonly="true">
                                        </div>

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

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

                                        <div class="form-group" style="display: none;">
                                            <label for="campoSueldoBaseActualDeLaSolicitud">Sueldo Base</label>
                                            <input type="text" class="form-control" id="campoSueldoBaseActualDeLaSolicitud" name="sueldo_base_actual_con_formato" value="{{ old('sueldo_base_actual_con_formato',formatoMenedaSegunTipoDeMonedaOC($antecedentePersonalFiniquitado->sueldo_base_actual,"CLP")) }}" readonly="true">
                                            <div class="invalid-feedback" id="validacionCampoSueldoBaseActualDeLaSolicitud">
        
                                            </div>
                                        </div>
                                        @if (strpos(number_format($antecedentePersonalFiniquitado->sueldo_base_actual,2), '.00') !== false)
                                            <input type="hidden" name="sueldo_base_actual" id="campoSueldoBaseActualNumeroDeLaSolicitud" value="{{ old('sueldo_base_actual',str_replace(',', '',number_format($antecedentePersonalFiniquitado->sueldo_base_actual,0))) }}">
                                        @else
                                            <input type="hidden" name="sueldo_base_actual" id="campoSueldoBaseActualNumeroDeLaSolicitud" value="{{ old('sueldo_base_actual',$antecedentePersonalFiniquitado->sueldo_base_actual) }}">
                                        @endif
    
                                        <div class="form-group" style="display: none;">
                                            <label for="campoAsignacionMovilizacionActualDeLaSolicitud">Asignación de Movilización</label>
                                            <input type="text" class="form-control" id="campoAsignacionMovilizacionActualDeLaSolicitud" name="asignacion_movilizacion_actual_con_formato" value="{{ old('asignacion_movilizacion_actual_con_formato',formatoMenedaSegunTipoDeMonedaOC($antecedentePersonalFiniquitado->asignacion_movilizacion_actual,"CLP")) }}" readonly="true">
                                            <div class="invalid-feedback" id="validacionCampoAsignacionMovilizacionActualDeLaSolicitud">
        
                                            </div>
                                        </div>
                                        @if (strpos(number_format($antecedentePersonalFiniquitado->asignacion_movilizacion_actual,2), '.00') !== false)
                                            <input type="hidden" name="asignacion_movilizacion_actual" id="campoAsignacionMovilizacionActualNumeroDeLaSolicitud" value="{{ old('asignacion_movilizacion_actual',str_replace(',', '',number_format($antecedentePersonalFiniquitado->asignacion_movilizacion_actual,0))) }}">
                                        @else
                                            <input type="hidden" name="asignacion_movilizacion_actual" id="campoAsignacionMovilizacionActualNumeroDeLaSolicitud" value="{{ old('asignacion_movilizacion_actual',$antecedentePersonalFiniquitado->asignacion_movilizacion_actual) }}">
                                        @endif
    
                                        <div class="form-group" style="display: none;">
                                            <label for="campoAsignacionColacionActualDeLaSolicitud">Asignación de Colación</label>
                                            <input type="text" class="form-control" id="campoAsignacionColacionActualDeLaSolicitud" name="asignacion_colacion_actual_con_formato" value="{{ old('asignacion_colacion_actual_con_formato',formatoMenedaSegunTipoDeMonedaOC($antecedentePersonalFiniquitado->asignacion_colacion_actual,"CLP")) }}" readonly="true">
                                            <div class="invalid-feedback" id="validacionCampoAsignacionColacionActualDeLaSolicitud">
        
                                            </div>
                                        </div>
                                        @if (strpos(number_format($antecedentePersonalFiniquitado->asignacion_colacion_actual,2), '.00') !== false)
                                            <input type="hidden" name="asignacion_colacion_actual" id="campoAsignacionColacionActualNumeroDeLaSolicitud" value="{{ old('asignacion_colacion_actual',str_replace(',', '',number_format($antecedentePersonalFiniquitado->asignacion_colacion_actual,0))) }}">    
                                        @else
                                            <input type="hidden" name="asignacion_colacion_actual" id="campoAsignacionColacionActualNumeroDeLaSolicitud" value="{{ old('asignacion_colacion_actual',$antecedentePersonalFiniquitado->asignacion_colacion_actual) }}">
                                        @endif
    
                                        <div class="form-group" style="display: none;">
                                            <label for="campoAsignacionSalaCunaActualDeLaSolicitud">Asignación de Sala Cuna</label>
                                            <input type="text" class="form-control" id="campoAsignacionSalaCunaActualDeLaSolicitud" name="asignacion_sala_cuna_actual_con_formato" value="{{ old('asignacion_sala_cuna_actual_con_formato',formatoMenedaSegunTipoDeMonedaOC($antecedentePersonalFiniquitado->asignacion_sala_cuna_actual,"CLP")) }}" readonly="true">
                                            <div class="invalid-feedback" id="validacionCampoAsignacionSalaCunaActualDeLaSolicitud">
        
                                            </div>
                                        </div>
                                        @if (strpos(number_format($antecedentePersonalFiniquitado->asignacion_sala_cuna_actual,2), '.00') !== false)
                                            <input type="hidden" name="asignacion_sala_cuna_actual" id="campoAsignacionSalaCunaActualNumeroDeLaSolicitud" value="{{ old('asignacion_sala_cuna_actual',str_replace(',', '',number_format($antecedentePersonalFiniquitado->asignacion_sala_cuna_actual,0))) }}">    
                                        @else
                                            <input type="hidden" name="asignacion_sala_cuna_actual" id="campoAsignacionSalaCunaActualNumeroDeLaSolicitud" value="{{ old('asignacion_sala_cuna_actual',$antecedentePersonalFiniquitado->asignacion_sala_cuna_actual) }}">
                                        @endif
    
                                        <div class="form-group" style="display: none;">
                                            <label for="campoCampoViaticoActualDeLaSolicitud">Viatico</label>
                                            <input type="text" class="form-control" id="campoCampoViaticoActualDeLaSolicitud" name="viatico_actual_con_formato" value="{{ old('viatico_actual_con_formato',formatoMenedaSegunTipoDeMonedaOC($antecedentePersonalFiniquitado->viatico_actual,"CLP")) }}" readonly="true">
                                            <div class="invalid-feedback" id="validacionCampoViaticoActualDeLaSolicitud">
        
                                            </div>
                                        </div>
                                        @if (strpos(number_format($antecedentePersonalFiniquitado->viatico_actual,2), '.00') !== false)
                                            <input type="hidden" name="viatico_actual" id="campoViaticoActualNumeroDeLaSolicitud" value="{{ old('viatico_actual',str_replace(',', '',number_format($antecedentePersonalFiniquitado->viatico_actual,0))) }}">  
                                        @else
                                            <input type="hidden" name="viatico_actual" id="campoViaticoActualNumeroDeLaSolicitud" value="{{ old('viatico_actual',$antecedentePersonalFiniquitado->viatico_actual) }}">
                                        @endif
                                    </div>

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

                                    <div class="contenedorDosCamposPorFilaEnLosFormulario">
                                        <div class="form-group">
                                            <label>Tipo de Contrato</label>
                                            <input type="text" id="campoTipoDeContratoDeLaSolicitud" class="form-control" name="tipo_contrato_trabajador" value="{{ old('tipo_contrato_trabajador',$antecedentePersonalFiniquitado->tipo_contrato_trabajador) }}" readonly="true">
                                        </div>
    
                                        <div class="form-group">
                                            <label for="campoFechaDeIngresoDeLaSolicitud">Fecha de Ingreso</label>
                                            <input type="date" class="form-control" id="campoFechaDeIngresoDeLaSolicitud" name="fecha_ingreso_trabajador" value="{{ old('fecha_ingreso_trabajador',$antecedentePersonalFiniquitado->fecha_ingreso_trabajador) }}" readonly="true">
                                        </div>

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

                                        @if ($antecedentePersonalFiniquitado->aviso_previo==="Desvinculación Inmediata")
                                            <div class="form-group" id="contenedorCampoQuienPagaMesDeDesahucio">
                                                <label>Quien Paga el Mes de Desahucio</label>
                                                <select class="form-control listaDespegableConBuscador" id="campoQuienPagaMesDeDesahucio" name="quien_paga_mes_desahucio">
                                                    <option value="">--Quien Paga el Mes de Desahucio--</option>
                                                    @if ($antecedentePersonalFiniquitado->quien_paga_mes_desahucio=="Cliente")
                                                        <option value="Cliente" selected>Cliente</option>
                                                        <option value="Guiñez Ingenieria">Guiñez Ingenieria</option>
                                                    @elseif($antecedentePersonalFiniquitado->quien_paga_mes_desahucio=="Guiñez Ingenieria")
                                                        <option value="Cliente">Cliente</option>
                                                        <option value="Guiñez Ingenieria" selected>Guiñez Ingenieria</option>
                                                    @else
                                                        <option value="Cliente">Cliente</option>
                                                        <option value="Guiñez Ingenieria">Guiñez Ingenieria</option>
                                                    @endif
                                                </select>
                                                <div class="invalid-feedback" id="validacionCampoQuienPagaMesDeDesahucio">
                                                </div>
                                            </div>
                                        @else
                                            <div class="form-group" id="contenedorCampoQuienPagaMesDeDesahucio" style="display:none;">
                                                <label>Quien Paga el Mes de Desahucio</label>
                                                <select class="form-control listaDespegableConBuscador" id="campoQuienPagaMesDeDesahucio" name="quien_paga_mes_desahucio">
                                                    <option value="">--Quien Paga el Mes de Desahucio--</option>
                                                    <option value="Cliente">Cliente</option>
                                                    <option value="Guiñez Ingenieria">Guiñez Ingenieria</option>
                                                </select>
                                                <div class="invalid-feedback" id="validacionCampoQuienPagaMesDeDesahucio">
                                                </div>
                                            </div>
                                        @endif
                                        
                                        <div class="form-group">
                                            <label for="campoFechaDeTerminoDeLaSolicitud">Fecha de Termino</label>
                                            <input type="date" class="form-control"
                                                id="campoFechaDeTerminoDeLaSolicitud" name="fecha_termino_trabajador"
                                                value="{{ old('fecha_termino_trabajador', $antecedentePersonalFiniquitado->fecha_termino_trabajador) }}">
                                            <div class="invalid-feedback" id="validacionCampoFechaDeTerminoDeLaSolicitud">
    
                                            </div>
                                        </div>
    
                                        <div class="form-group">
                                            <label for="campoCargoDeLaSolicitud">Cargo</label>
                                            <input type="text" class="form-control" id="campoCargoDeLaSolicitud"
                                                name="cargo_trabajador"
                                                value="{{ old('cargo_trabajador', $antecedentePersonalFiniquitado->cargo_trabajador) }}"
                                                readonly="true">
                                            <div class="invalid-feedback" id="validacionCampoCargoDeLaSolicitud">
    
                                            </div>
                                        </div>
    
                                        <div class="form-group">
                                            <label for="campoCentroDeCostoDeLaSolicitud">Centro de Costo</label>
                                            <input type="text" class="form-control"
                                                id="campoCentroDeCostoDeLaSolicitud" name="centro_costo"
                                                value="{{ old('centro_costo', $antecedentePersonalFiniquitado->centroDeCosto->centro_costo) }}"
                                                readonly="true">
                                            <div class="invalid-feedback" id="validacionCampoCentroDeCostoDeLaSolicitud">
    
                                            </div>
                                        </div>
                                        <input type="hidden" name="id_centro_costo" id="campoIdCentroDeCostoDeLaSolicitud" value="{{ old('id_centro_costo', $antecedentePersonalFiniquitado->id_centro_costo) }}">
                                    </div>

                                    @if ($antecedentePersonalFiniquitado->visto_bueno_gerentes==true)
                                        <div class="table-responsive">
                                            <table class="table table-bordered">
                                                <thead>
                                                    <tr>
                                                        <th class='text-center' style="background-color: #007bff; color: white;">#</th>
                                                        <th class='text-center' style="background-color: #007bff; color: white;">Gerente</th>
                                                        <th class='text-center' style="background-color: #007bff; color: white;">Fecha de Aprobación</th>
                                                        <th class='text-center' style="background-color: #007bff; color: white;">Observación</th>
                                                        <th class='text-center' style="background-color: #007bff; color: white;">Estado de Aprobación</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    @php
                                                        $cantidadAprobacionGerente=0;
                                                    @endphp
                                                    @foreach ($antecedentePersonalFiniquitado->aprobaciones as $aprobacion)
                                                        @if ($aprobacion->aprobacion_obligatoria==true)
                                                            @php
                                                                $cantidadAprobacionGerente++;
                                                            @endphp
                                                            <tr>
                                                                <td class="text-center">{{$cantidadAprobacionGerente}}</td>
                                                                <td class="text-center">{{$aprobacion->usuario->name}}</td>
                                                                <td class="text-center">{{fechaConFormatoDeChile($aprobacion->fecha_aprobacion)}}</td>
                                                                <td class="text-center">{{$aprobacion->observacion}}</td>
                                                                @if ($aprobacion->estado=="Pendiente")
                                                                    <td class="text-center"><span class="badge badge-secondary">Pendiente</span></td>
                                                                @elseif($aprobacion->estado=="Aprobado")
                                                                    <td class="text-center"><span class="badge badge-success">Aprobado</span></td>
                                                                @elseif($aprobacion->estado=="Rechazado")
                                                                    <td class="text-center"><span class="badge badge-danger">Rechazado</span></td>
                                                                @elseif($aprobacion->estado=="Anulada")
                                                                    <td class="text-center"><span class="badge badge-info">Anulada</span></td>
                                                                @endif
                                                            </tr>
                                                        @else
                                                            @if ($aprobacion->estado!="Pendiente")
                                                                @php
                                                                    $cantidadAprobacionGerente++;
                                                                @endphp
                                                                <tr>
                                                                    <td class="text-center">{{$cantidadAprobacionGerente}}</td>
                                                                    <td class="text-center">{{$aprobacion->usuario->name}}</td>
                                                                    <td class="text-center">{{fechaConFormatoDeChile($aprobacion->fecha_aprobacion)}}</td>
                                                                    <td class="text-center">{{$aprobacion->observacion}}</td>
                                                                    @if ($aprobacion->estado=="Pendiente")
                                                                        <td class="text-center"><span class="badge badge-secondary">Pendiente</span></td>
                                                                    @elseif($aprobacion->estado=="Aprobado")
                                                                        <td class="text-center"><span class="badge badge-success">Aprobado</span></td>
                                                                    @elseif($aprobacion->estado=="Rechazado")
                                                                        <td class="text-center"><span class="badge badge-danger">Rechazado</span></td>
                                                                    @elseif($aprobacion->estado=="Anulada")
                                                                        <td class="text-center"><span class="badge badge-info">Anulada</span></td>
                                                                    @endif
                                                                </tr>
                                                            @endif
                                                        @endif
                                                    @endforeach
                                                </tbody>
                                            </table>
                                        </div>
                                    @endif
    
                                    <button class="btn btn-secondary" onclick="stepper.next()">Siguiente <i class="fas fa-arrow-right"></i></button>
                                </div>
                                <div id="finiquito-part" class="content" role="tabpanel" aria-labelledby="finiquito-part-trigger">
                                    @if ($antecedentePersonalFiniquitado->aviso_previo=="Carta a 30 días")
                                        <div class="form-group" id="contenedorCampoMotivoDeLaDesvinculacion" style="display:none;">
                                            <label>Motivo de la Desvinculación</label>
                                            <select class="form-control listaDespegableConBuscador"
                                                name="causa_termino_contrato" value="{{ old('causa_termino_contrato') }}"
                                                id="campoCausalTerminoContratoDeLaSolicitud" data-live-search="true"
                                                onchange="validarMotivoDeLaDesvinculacionSeleccionada(this)">
                                                <option value="">--Seleccionar Motivo de la Desvinculación--</option>
                                                @foreach ($motivosDeLasDesvinculaciones as $motivo)
                                                    @if (old('causa_termino_contrato', $antecedentePersonalFiniquitado->id_motivo_desvinculacion) == $motivo->id)
                                                        <option selected value="{{ $motivo->id }}">
                                                            {{ $motivo->motivo }}</option>
                                                    @else
                                                        <option value="{{ $motivo->id }}">{{ $motivo->motivo }}
                                                        </option>
                                                    @endif
                                                @endforeach
                                                <option value="Otro">Otro</option>
                                            </select>
                                            <div class="invalid-feedback"
                                                id="validacionCampoCausalTerminoContratoDeLaSolicitud">
    
                                            </div>
                                        </div>

                                        <div class="form-group" id="contenedorCampoNombreMotivoDeLaDesvinculacion">
                                            <label for="campoNombreMotivoDeLaDesvinculacion">Motivo de la Desvinculación</label>
                                            <input type="text" class="form-control" id="campoNombreMotivoDeLaDesvinculacion"  readonly="true" value="{{$motivoDeDesvinculacionConAvisoPrevioMayor30Dias->motivo}}">
                                        </div>
                                        <input type="hidden" id="idMotivoDeLaDesvinculacion" value="{{$motivoDeDesvinculacionConAvisoPrevioMayor30Dias->id}}">
    
                                        <div class="form-group" id="contenedorCampoDescripcionMotivoDeLaDesvinculacion">
                                            <label for="campoDescripcionMotivoDeLaDesvinculacionDeLaSolicitud">Descripción
                                                del Motivo de la Desvinculación</label>
                                            <textarea class="form-control" id="campoDescripcionMotivoDeLaDesvinculacionDeLaSolicitud" rows="3"
                                                readonly="true">{{ $antecedentePersonalFiniquitado->motivoDesvinculacion->descripcion }}</textarea>
                                        </div>

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

                                            <div class="form-group" id="contenedorCampoNombreMotivoDeLaDesvinculacion" style="display:none;">
                                                <label for="campoNombreMotivoDeLaDesvinculacion">Motivo de la Desvinculación</label>
                                                <input type="text" class="form-control" id="campoNombreMotivoDeLaDesvinculacion"  readonly="true">
                                            </div>
                                            <input type="hidden" id="idMotivoDeLaDesvinculacion">
        
                                            <div class="form-group" id="contenedorCampoDescripcionMotivoDeLaDesvinculacion">
                                                <label for="campoDescripcionMotivoDeLaDesvinculacionDeLaSolicitud">Descripción
                                                    del Motivo de la Desvinculación</label>
                                                <textarea class="form-control" id="campoDescripcionMotivoDeLaDesvinculacionDeLaSolicitud" rows="3"
                                                    readonly="true">{{ $antecedentePersonalFiniquitado->motivoDesvinculacion->descripcion }}</textarea>
                                            </div>
        
                                            @if ($antecedentePersonalFiniquitado->visto_bueno_gerentes == true)
                                                <div class="form-group">
                                                    <label for="campoVbDeLosGerenteSolicitud">Se Aplica el VB de los
                                                        Gerentes</label>
                                                    <input type="text" class="form-control"
                                                        id="campoVbDeLosGerenteSolicitud" readonly="true" value="Si">
                                                </div>
                                            @else
                                                <div class="form-group">
                                                    <label for="campoVbDeLosGerenteSolicitud">Se Aplica el VB de los
                                                        Gerentes</label>
                                                    <input type="text" class="form-control"
                                                        id="campoVbDeLosGerenteSolicitud" readonly="true" value="No">
                                                </div>
                                            @endif
        
                                            <div class="form-group" id="contenedorCampoOtroMotivoDeLaDesvinculacion"
                                                style="display:none;">
                                                <label for="campoOtraCausalTerminoContratoDeLaSolicitud">Otro Motivo de la
                                                    Desvinculación</label>
                                                <textarea class="form-control" id="campoOtraCausalTerminoContratoDeLaSolicitud" name="causa_termino_contrato_otro"
                                                    rows="3">{{ old('causa_termino_contrato_otro') }}</textarea>
                                                <div class="invalid-feedback"
                                                    id="validacionCampoOtraCausalTerminoContratoDeLaSolicitud">
        
                                                </div>
                                            </div>
                                        @else
                                            <div class="form-group" id="contenedorCampoMotivoDeLaDesvinculacion">
                                                <label>Motivo de la Desvinculación</label>
                                                <select class="form-control listaDespegableConBuscador"
                                                    name="causa_termino_contrato" value="{{ old('causa_termino_contrato') }}"
                                                    id="campoCausalTerminoContratoDeLaSolicitud" data-live-search="true"
                                                    onchange="validarMotivoDeLaDesvinculacionSeleccionada(this)">
                                                    <option value="">--Seleccionar Motivo de la Desvinculación--</option>
                                                    @foreach ($motivosDeLasDesvinculaciones as $motivo)
                                                        <option value="{{ $motivo->id }}">{{ $motivo->motivo }}</option>
                                                    @endforeach
                                                    <option selected value="Otro">Otro</option>
                                                </select>
                                                <div class="invalid-feedback"
                                                    id="validacionCampoCausalTerminoContratoDeLaSolicitud">
        
                                                </div>
                                            </div>
        
                                            <div class="form-group" id="contenedorCampoNombreMotivoDeLaDesvinculacion" style="display:none;">
                                                <label for="campoNombreMotivoDeLaDesvinculacion">Motivo de la Desvinculación</label>
                                                <input type="text" class="form-control" id="campoNombreMotivoDeLaDesvinculacion"  readonly="true">
                                            </div>
                                            <input type="hidden" id="idMotivoDeLaDesvinculacion">
        
                                            <div class="form-group" id="contenedorCampoDescripcionMotivoDeLaDesvinculacion"
                                                style="display:none;">
                                                <label for="campoDescripcionMotivoDeLaDesvinculacionDeLaSolicitud">Descripción
                                                    del Motivo de la Desvinculación</label>
                                                <textarea class="form-control" id="campoDescripcionMotivoDeLaDesvinculacionDeLaSolicitud" rows="3"
                                                    readonly="true"></textarea>
                                            </div>
        
                                            <div class="form-group">
                                                <label for="campoVbDeLosGerenteSolicitud">Se Aplica el VB de los
                                                    Gerentes</label>
                                                <input type="text" class="form-control" id="campoVbDeLosGerenteSolicitud"
                                                    readonly="true" value="No">
                                            </div>
        
                                            <div class="form-group" id="contenedorCampoOtroMotivoDeLaDesvinculacion">
                                                <label for="campoOtraCausalTerminoContratoDeLaSolicitud">Otro Motivo de la
                                                    Desvinculación</label>
                                                <textarea class="form-control" id="campoOtraCausalTerminoContratoDeLaSolicitud" name="causa_termino_contrato_otro"
                                                    rows="3">{{ old('causa_termino_contrato_otro', $antecedentePersonalFiniquitado->motivo_desvinculacion_otro) }}</textarea>
                                                <div class="invalid-feedback"
                                                    id="validacionCampoOtraCausalTerminoContratoDeLaSolicitud">
        
                                                </div>
                                            </div>
                                        @endif
                                    @endif
    
                                    <div class="form-group">
                                        <label for="campoObservacionesDesvinculacionRenunciaDeLaSolicitud">Observaciones Sobre la Desvinculación y/o Renuncia </label>
                                        <textarea class="form-control" id="campoObservacionesDesvinculacionRenunciaDeLaSolicitud" name="observacion_disvinculacion_renuncia" rows="3" readonly="true">{{ old('observacion_disvinculacion_renuncia',$antecedentePersonalFiniquitado->observacion_disvinculacion_renuncia) }}</textarea>
                                    </div>
    
                                    <div class="form-group">
                                        <label for="campoRecomendableFuturasContratacionesDeLaSolicitud">Recomendable Para Futuras Contrataciones</label>
                                        @if ($antecedentePersonalFiniquitado->recomendable_futura_contratacion=="SI")
                                            <input type="text" class="form-control" id="campoRecomendableFuturasContratacionesDeLaSolicitud" name="recomendable_futura_contratacion" value="{{ old('recomendable_futura_contratacion','Recontratable.') }}" readonly="true">
                                        @elseif($antecedentePersonalFiniquitado->recomendable_futura_contratacion=="NO") 
                                            <input type="text" class="form-control" id="campoRecomendableFuturasContratacionesDeLaSolicitud" name="recomendable_futura_contratacion" value="{{ old('recomendable_futura_contratacion','Sujeto a revisión en caso de requerir su recontratación.') }}" readonly="true">
                                        @elseif($antecedentePersonalFiniquitado->recomendable_futura_contratacion=="NO (IRREVOCABLE)")     
                                            <input type="text" class="form-control" id="campoRecomendableFuturasContratacionesDeLaSolicitud" name="recomendable_futura_contratacion" value="{{ old('recomendable_futura_contratacion','Sin sujeto a revisión en caso de requerir su reincorporación a la empresa.') }}" readonly="true">
                                        @endif
                                    </div>
    
                                    @if ($antecedentePersonalFiniquitado->equipos_asignados==true)
                                        <div class="form-group">
                                            <label for="campoTieneEquiposAsignadosDeLaSolicitud">Tiene Equipos Asignado (Entrega de Cargo)</label>
                                            <input type="text" class="form-control" id="campoTieneEquiposAsignadosDeLaSolicitud" name="equipos_asignados" value="{{ old('equipos_asignados','SI') }}" readonly="true">
                                        </div>
    
                                        <div>
                                            <div class="contenedorDosCamposPorFilaEnLosFormulario">
                                                <div class="form-group">
                                                    <label for="campoDondeEntregaEquiposDeLaSolicitud">Donde Entrega los Equipos</label>
                                                    <input type="text" class="form-control" id="campoDondeEntregaEquiposDeLaSolicitud" name="donde_entrega_equipos" value="{{ old('donde_entrega_equipos',$antecedentePersonalFiniquitado->donde_entrega_equipos) }}" readonly="true">
                                                </div>
                                            </div>
                                        </div>
    
                                        <div class="dt-responsive table-responsive">
                                            <table class="table table-bordered" role="grid" aria-describedby="base-style_info" id="tabla-equipos-asignados">
                                                <thead>
                                                    <tr role="row">
                                                        <th class="celda-color-azul">#</th>
                                                        <th class="celda-color-azul">Equipo Asignado</th>
                                                        <th class="celda-color-azul">Cantidad</th>
                                                    </tr>
                                                </thead>
                                                <tbody id="registroDeEquiposAsignados">
                                                    @if (count($antecedentePersonalFiniquitado->equiposAsignados)>0)
                                                        @php
                                                            $indexEquiposAsignados=0;
                                                        @endphp
                                                        @foreach ($antecedentePersonalFiniquitado->equiposAsignados as $equipoAsignado)
                                                            @php
                                                                $indexEquiposAsignados++;
                                                            @endphp
                                                            <tr>
                                                                <td>{{$indexEquiposAsignados}}</td>
                                                                <td>{{$equipoAsignado->equipo}}</td>
                                                                <td>{{$equipoAsignado->cantidad}}</td>
                                                            </tr>
                                                        @endforeach
                                                    @else
                                                        <tr id="equiposAsignadosNoDisponibleEnLaTabla">
                                                            <td colspan="4" class="text-center">No hay otros equipos asignados disponibles en la tabla</td>
                                                        </tr>
                                                    @endif
                                                </tbody>
                                            </table>
                                        </div>
                                    @else
                                        <div class="form-group">
                                            <label for="campoTieneEquiposAsignadosDeLaSolicitud">Tiene Equipos Asignado (Entrega de Cargo)</label>
                                            <input type="text" class="form-control" id="campoTieneEquiposAsignadosDeLaSolicitud" name="equipos_asignados" value="{{ old('equipos_asignados','NO') }}" readonly="true">
                                        </div>
                                    @endif

                                    <div class="dt-responsive table-responsive">
                                        <table class="table table-striped table-bordered" role="grid" aria-describedby="base-style_info" id="tabla-archivos">
                                            <thead>
                                                <tr role="row">
                                                    <th colspan="4" class="text-center">CARTA DE DESVINCULACIÓN</th>
                                                </tr>
                                                <tr role="row">
                                                    <th>Acción</th>
                                                    <th>Archivo</th>
                                                    <th>Extensión</th>
                                                </tr>
                                            </thead>
                                            <tbody id="registroDeArchivos">
                                                @if (count($antecedentePersonalFiniquitado->archivos)>0)
                                                    @foreach ($antecedentePersonalFiniquitado->archivos as $archivo)
                                                        <tr>
                                                            <td>
                                                                <div class="btn-group ">
                                                                    <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                                        Acciones
                                                                    </button>
                                                                    <div class="dropdown-menu">
                                                                        @if (validarSiElArchivoSePuedeVisualizar(strtolower($archivo->extension))==true)
                                                                            <a class="dropdown-item" href="#" onclick="visualizarArchivoRegistradoDeLaSolicitudDeDesvinculacion('{{ $archivo->nombre_archivo }}', '{{ strtolower(retornaTextoExtensionSegunExtensionDelArchivo($archivo->extension)) }}','{{ $archivo->id_solicitud_desvinculacion  }}')"><i class="fas fa-eye" aria-hidden="true"></i> Visualizar Archivo</a>
                                                                        @endif
                                                                        <a class="dropdown-item" href="{{ route('finiquito.descargar-archivo', $archivo) }}" target="_blank"><i class="fas fa-download" aria-hidden="true"></i> Descargar Archivo</a>
                                                                    </div>
                                                                </div>
                                                            </td>
                                                            <td>{{$archivo->nombre_archivo}}</td>
                                                            <td>{{ retornaTextoExtensionSegunExtensionDelArchivo($archivo->extension) }}</td>
                                                        </tr>
                                                    @endforeach
                                                @else
                                                    <tr id="archivosNoDisponibleEnLaTabla">
                                                        <td colspan="4" class="text-center">No hay archivos disponibles en la tabla</td>
                                                    </tr>
                                                @endif
                                            </tbody>
                                        </table>
                                    </div>
    
                                    <div class="dt-responsive table-responsive">
                                        <table class="table table-bordered" role="grid" aria-describedby="base-style_info" id="tabla-desempeno-laboral">
                                            <thead>
                                                <tr role="row">
                                                    <th class="celda-color-azul"></th>
                                                    <th class="text-center celda-color-azul">Muy Deficiente</th>
                                                    <th class="text-center celda-color-azul">Deficiente</th>
                                                    <th class="text-center celda-color-azul">Satisfactorio</th>
                                                    <th class="text-center celda-color-azul">Sobresaliente</th>
                                                </tr>
                                            </thead>
                                            <tbody id="registroDeDesempenoLaboral">
                                                @foreach ($antecedentePersonalFiniquitado->desempeñosLaborales as $desempenoLaboral)
                                                    <tr>
                                                        <td class="celda-color-azul" style="font-weight: 700; vertical-align: middle">{{$desempenoLaboral->desempeno_laboral}}</td>
                                                        @if ($desempenoLaboral->evaluacion=="Muy Deficiente")
                                                            <td><p class="text-center" style="font-size:20px;"><i class="fas fa-check-circle fa-lg" style="color: #dc3545;"></i></p></td>
                                                            <td></td>
                                                            <td></td>
                                                            <td></td>
                                                        @elseif($desempenoLaboral->evaluacion=="Deficiente")
                                                            <td></td>
                                                            <td><p class="text-center" style="font-size:20px;"><i class="fas fa-check-circle fa-lg" style="color: #E03F02;"></i></p></td>
                                                            <td></td>
                                                            <td></td>
                                                        @elseif($desempenoLaboral->evaluacion=="Satisfactorio")
                                                            <td></td>
                                                            <td></td>
                                                            <td><p class="text-center" style="font-size:20px;"><i class="fas fa-check-circle fa-lg" style="color: #ffc107;"></i></p></td>
                                                            <td></td>
                                                        @elseif($desempenoLaboral->evaluacion=="Sobresaliente")
                                                            <td></td>  
                                                            <td></td>
                                                            <td></td>
                                                            <td><p class="text-center" style="font-size:20px;"><i class="fas fa-check-circle fa-lg" style="color: #28a745;"></i></p></td>
                                                        @endif
                                                    </tr>
                                                @endforeach
                                            </tbody>
                                        </table>
                                    </div>
    
                                    <h4>Descripciones</h4>
                                    <div class="dt-responsive table-responsive">
                                        <table class="table table-bordered" role="grid" aria-describedby="base-style_info">
                                            <tbody>
                                                <tr>
                                                    <td style="font-weight: 700; vertical-align: middle; background-color: #dc3545; color:white;">Muy Deficiente</td>
                                                    <td>No satisface todas las expectativas de la competencia evaluada. </td>
                                                </tr>
                                                <tr>
                                                    <td style="font-weight: 700; vertical-align: middle; background-color: #E03F02; color:white;">Deficiente</td>
                                                    <td>Desempeño por debajo de lo esperado. por lo general hace su trabajo pero no satisface todas las expectativas de la competencia evaluada. Necesita un plan de mejoramiento.</td>
                                                </tr>
                                                <tr>
                                                    <td style="font-weight: 700; vertical-align: middle; background-color: #ffc107;">Satisfactorio</td>
                                                    <td>
                                                        Desempeño que cumple con la expectativa de la competencia evaluada. este es un desempeño sólido, que proviene de personas que tiene experiencias y conocimientos necesarios para ejecutar las funciones del cargo.</td>
                                                </tr>
                                                <tr>
                                                    <td style="font-weight: 700; vertical-align: middle; background-color: #28a745; color:white;">Sobresaliente</td>
                                                    <td>Desempeño que consistentemente excede las expectativas de la competencia evaluada y produce resultados más allá de lo esperado. Esta entre los mejores de su área.</td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>

                                    <div class="form-group">
                                        <label for="campoDeLaEdicionDelMotivoDesvinculacion">Motivo de la Edición del Motivo de la Desvinculación </label>
                                        <textarea class="form-control" id="campoDeLaEdicionDelMotivoDesvinculacion" name="observacion_confirmacion_motivo_desvinculacion" rows="3">{{ old('observacion_confirmacion_motivo_desvinculacion') }}</textarea>
                                        <div class="invalid-feedback" id="validacionCampoDeLaEdicionDelMotivoDesvinculacion">

                                        </div>
                                    </div>
    
                                    <button class="btn btn-secondary" onclick="stepper.previous()"><i class="fas fa-arrow-left"></i> Anterior</button>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class=" card-footer">
                        <button onclick="aceptarMotivoDeDesvinculacionPorRRLL()"  type="button" class="btn btn-primary" id="botonDeAceptarMotivoDeDesvinculacion"><i class="fas fa-check-circle" style="margin-right: 2px;"></i> Aceptar Motivo de Desvinculación</button>
                        <a href="{{ route('finiquito.show',$antecedentePersonalFiniquitado) }}" role="button" class="btn btn-secondary mt-1"><i class="fas fa-arrow-alt-circle-left" style="margin-right: 2px;"></i> Volver</a>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" id="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('content')
@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;
        }
    </style>
@stop

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

        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";
                }
            }
        }
    </script>

    <script>
        function obtenerMensaje(puntaje) {
            if (puntaje == 2) {
                return 'Inferior a lo Esperado';
            } else if (puntaje == 3) {
                return 'Esperado';
            } else if (puntaje == 4) {
                return 'Sobre lo Esperado';
            } else {
                return ''; 
            }
        }
    </script>

    <script>
        let idMotivoDeDesvinculacionActual='{{$antecedentePersonalFiniquitado->id_motivo_desvinculacion}}';
        let otroMotivoDeDesvinculacionActual='{{$antecedentePersonalFiniquitado->motivo_desvinculacion_otro}}';
        function aceptarMotivoDeDesvinculacionPorRRLL(){
            document.getElementById("botonDeAceptarMotivoDeDesvinculacion").setAttribute("disabled", true);
            let campoCausalTerminoContratoDeLaSolicitud=document.getElementById("campoCausalTerminoContratoDeLaSolicitud").value.trim();
            let campoOtraCausalTerminoContratoDeLaSolicitud=document.getElementById("campoOtraCausalTerminoContratoDeLaSolicitud").value.trim();
            let campoVbDeLosGerenteSolicitud=document.getElementById("campoVbDeLosGerenteSolicitud").value.trim();
            let campoDeLaEdicionDelMotivoDesvinculacion=document.getElementById("campoDeLaEdicionDelMotivoDesvinculacion").value.trim();
            let campoAvisoPrevio30Dias=document.getElementById("campoAvisoPrevio30Dias").value.trim();
            let campoQuienPagaMesDeDesahucio=document.getElementById("campoQuienPagaMesDeDesahucio").value.trim();
            let campoFechaDeTerminoDeLaSolicitud=document.getElementById("campoFechaDeTerminoDeLaSolicitud").value.trim();
            let causalTerminoContratoCompletado=false;

            if(campoCausalTerminoContratoDeLaSolicitud=="Otro"){
                if(campoOtraCausalTerminoContratoDeLaSolicitud.length>0){
                    causalTerminoContratoCompletado=true;
                }
            }else {
                if(campoAvisoPrevio30Dias=="Carta a 30 días"){
                    if(document.getElementById("campoNombreMotivoDeLaDesvinculacion").value.trim().length>0 &&
                    document.getElementById("idMotivoDeLaDesvinculacion").value.trim().length>0){
                        causalTerminoContratoCompletado=true;
                    }
                }else if(campoAvisoPrevio30Dias=="Desvinculación Inmediata"){
                    if(campoCausalTerminoContratoDeLaSolicitud.length>0){
                        causalTerminoContratoCompletado=true;
                    }
                }
            }

            let motivoDesvinculacionConCambio=false;
            if(campoCausalTerminoContratoDeLaSolicitud=="Otro"){
                if(otroMotivoDeDesvinculacionActual!=campoOtraCausalTerminoContratoDeLaSolicitud){
                    motivoDesvinculacionConCambio=true;
                }
            }else{
                if(campoAvisoPrevio30Dias=="Carta a 30 días"){
                    if(idMotivoDeDesvinculacionActual!=document.getElementById("idMotivoDeLaDesvinculacion").value.trim()){
                        motivoDesvinculacionConCambio=true;
                    }
                }else{
                    if(idMotivoDeDesvinculacionActual!=campoCausalTerminoContratoDeLaSolicitud){
                        motivoDesvinculacionConCambio=true;
                    }
                }
            }

            if(causalTerminoContratoCompletado==true && campoDeLaEdicionDelMotivoDesvinculacion.length>0
            && campoQuienPagaMesDeDesahucio.length>0 && campoFechaDeTerminoDeLaSolicitud.length>0
            ){
                if(motivoDesvinculacionConCambio==false){
                    Swal.fire({
                        icon: 'error',
                        title: '¡Modifique el Motivo de Desvinculación!',
                        text: 'Es necesario realizar una modificación en el motivo de desvinculación. El valor asignado al motivo de desvinculación debe ser distinto al valor utilizado al registrar la solicitud de desvinculación.',
                        confirmButtonColor: "#448aff",
                        confirmButtonText: "Confirmar"
                    });
                    document.getElementById("botonDeAceptarMotivoDeDesvinculacion").removeAttribute("disabled");
                }else{
                    if(campoVbDeLosGerenteSolicitud=="No"){
                        Swal.fire({
                            title: '¿Esta seguro?',
                            text: "Aceptará el motivo de la desvinculación modificado de la solicitud de desvinculación. Como el motivo de la desvinculación seleccionado no aplica los VB de los gerentes, se continuara con la aprobación de RRLL",
                            icon: 'warning',
                            showCancelButton: true,
                            confirmButtonColor: '#3085d6',
                            cancelButtonColor: '#d33',
                            confirmButtonText: '¡Si, aceptar!',
                            cancelButtonText: 'Cancelar'
                        }).then((result) => {
                            if (result.isConfirmed) {
                                generarLoading('{{ asset('img/logo.png') }}')
                                let formData = new FormData();
                                formData.append('_method', "PUT");
                                formData.append('aviso_previo', document.getElementById("campoAvisoPrevio30Dias").value.trim());
                                if(campoAvisoPrevio30Dias=="Carta a 30 días"){
                                    formData.append('causa_termino_contrato', document.getElementById("idMotivoDeLaDesvinculacion").value.trim());
                                }else if(campoAvisoPrevio30Dias=="Desvinculación Inmediata"){
                                    formData.append('causa_termino_contrato', document.getElementById("campoCausalTerminoContratoDeLaSolicitud").value.trim());
                                }
                                formData.append('fecha_termino_trabajador', document.getElementById("campoFechaDeTerminoDeLaSolicitud").value.trim());
                                formData.append('quien_paga_mes_desahucio', document.getElementById("campoQuienPagaMesDeDesahucio").value.trim());
                                formData.append('causa_termino_contrato_otro', document.getElementById("campoOtraCausalTerminoContratoDeLaSolicitud").value.trim());
                                formData.append('observacion_confirmacion_motivo_desvinculacion', document.getElementById("campoDeLaEdicionDelMotivoDesvinculacion").value.trim());
                                let csrf = '{{ csrf_token() }}';
            
                                $.ajax({
                                    url: '{{ route('finiquito.motivo-desvinculacion-actualizar',$antecedentePersonalFiniquitado) }}',
                                    method: 'POST',
                                    data: formData,
                                    contentType: false,
                                    processData: false,
                                    dataType: 'json',
                                    headers: {
                                        'X-CSRF-TOKEN': csrf
                                    },
                                    success: function(data) {
                                        Swal.fire({
                                            icon: 'success',
                                            title: '¡Motivo de Desvinculación Aceptado!',
                                            text: 'El motivo de desvinculación de la solicitud de desvinculación. ' + data.correlativo + ' fue aceptado',
                                            confirmButtonColor: "#448aff",
                                            confirmButtonText: "Confirmar"
                                        }).then((result) => {
                                            location.href = "{{route('finiquito.index',$antecedentePersonalFiniquitado)}}";
                                        })
                                        .catch((error) => {
                                            location.href = "{{route('finiquito.index',$antecedentePersonalFiniquitado)}}";
                                        });
                                        eliminarLoading()
                                    },
                                    error: function(data) {
                                        console.log(data)
                                        document.getElementById("botonDeAceptarMotivoDeDesvinculacion").removeAttribute("disabled");
                                        eliminarLoading()
                                    }
                                })
                            } else {
                                document.getElementById("botonDeAceptarMotivoDeDesvinculacion").removeAttribute("disabled");
                            }
                        });
                    }else if(campoVbDeLosGerenteSolicitud=="Si"){
                        Swal.fire({
                            title: '¿Esta seguro?',
                            text: "Aceptará el motivo de la desvinculación modificado de la solicitud de desvinculación., después de aceptar se continuara con las aprobaciones de los gerentes",
                            icon: 'warning',
                            showCancelButton: true,
                            confirmButtonColor: '#3085d6',
                            cancelButtonColor: '#d33',
                            confirmButtonText: '¡Si, aceptar!',
                            cancelButtonText: 'Cancelar'
                        }).then((result) => {
                            if (result.isConfirmed) {
                                generarLoading('{{ asset('img/logo.png') }}')
                                let formData = new FormData();
                                formData.append('_method', "PUT");
                                formData.append('aviso_previo', document.getElementById("campoAvisoPrevio30Dias").value.trim());
                                if(campoAvisoPrevio30Dias=="Carta a 30 días"){
                                    formData.append('causa_termino_contrato', document.getElementById("idMotivoDeLaDesvinculacion").value.trim());
                                }else if(campoAvisoPrevio30Dias=="Desvinculación Inmediata"){
                                    formData.append('causa_termino_contrato', document.getElementById("campoCausalTerminoContratoDeLaSolicitud").value.trim());
                                }
                                formData.append('fecha_termino_trabajador', document.getElementById("campoFechaDeTerminoDeLaSolicitud").value.trim());
                                formData.append('quien_paga_mes_desahucio', document.getElementById("campoQuienPagaMesDeDesahucio").value.trim());
                                formData.append('causa_termino_contrato_otro', document.getElementById("campoOtraCausalTerminoContratoDeLaSolicitud").value.trim());
                                formData.append('observacion_confirmacion_motivo_desvinculacion', document.getElementById("campoDeLaEdicionDelMotivoDesvinculacion").value.trim());
                                let csrf = '{{ csrf_token() }}';
            
                                $.ajax({
                                    url: '{{ route('finiquito.motivo-desvinculacion-actualizar',$antecedentePersonalFiniquitado) }}',
                                    method: 'POST',
                                    data: formData,
                                    contentType: false,
                                    processData: false,
                                    dataType: 'json',
                                    headers: {
                                        'X-CSRF-TOKEN': csrf
                                    },
                                    success: function(data) {
                                        Swal.fire({
                                            icon: 'success',
                                            title: '¡Motivo de Desvinculación Aceptado!',
                                            text: 'El motivo de desvinculación de la solicitud de desvinculación. ' + data.correlativo + ' fue aceptado',
                                            confirmButtonColor: "#448aff",
                                            confirmButtonText: "Confirmar"
                                        }).then((result) => {
                                            location.href = "{{route('finiquito.index',$antecedentePersonalFiniquitado)}}";
                                        })
                                        .catch((error) => {
                                            location.href = "{{route('finiquito.index',$antecedentePersonalFiniquitado)}}";
                                        });
                                        eliminarLoading()
                                    },
                                    error: function(data) {
                                        console.log(data)
                                        document.getElementById("botonDeAceptarMotivoDeDesvinculacion").removeAttribute("disabled");
                                        eliminarLoading()
                                    }
                                })
                            } else {
                                document.getElementById("botonDeAceptarMotivoDeDesvinculacion").removeAttribute("disabled");
                            }
                        });
                    }
                }
            }else{
                if (campoCausalTerminoContratoDeLaSolicitud.length>0) {
                    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(campoCausalTerminoContratoDeLaSolicitud=="Otro"){
                        if (campoOtraCausalTerminoContratoDeLaSolicitud.length>0) {
                            document.getElementById("campoOtraCausalTerminoContratoDeLaSolicitud").setAttribute("class", "form-control is-valid");
                            document.getElementById("validacionCampoOtraCausalTerminoContratoDeLaSolicitud").innerHTML = "";
                        } else {
                            document.getElementById("campoOtraCausalTerminoContratoDeLaSolicitud").setAttribute("class", "form-control is-invalid");
                            document.getElementById("validacionCampoOtraCausalTerminoContratoDeLaSolicitud").innerHTML = "El campo otro motivo de la desvinculación es obligatorio cuando el campo motivo de la desvinculación es Otro.";
                        }
                    }
                } else {
                    document.getElementById("campoCausalTerminoContratoDeLaSolicitud").classList.remove('input-success-icon');
                    document.getElementById("campoCausalTerminoContratoDeLaSolicitud").classList.add('input-error-icon');
                    document.getElementById("validacionCampoCausalTerminoContratoDeLaSolicitud").innerHTML = "El campo motivo de la desvinculación es obligatorio.";
                    document.getElementById("validacionCampoCausalTerminoContratoDeLaSolicitud").style.display = "block";
                }

                if (campoDeLaEdicionDelMotivoDesvinculacion.length>0) {
                    document.getElementById("campoDeLaEdicionDelMotivoDesvinculacion").setAttribute("class", "form-control is-valid");
                    document.getElementById("validacionCampoDeLaEdicionDelMotivoDesvinculacion").innerHTML = "";
                } else {
                    document.getElementById("campoDeLaEdicionDelMotivoDesvinculacion").setAttribute("class", "form-control is-invalid");
                    document.getElementById("validacionCampoDeLaEdicionDelMotivoDesvinculacion").innerHTML = "El campo motivo de la edición del motivo de la desvinculación es obligatorio.";
                }

                if (campoFechaDeTerminoDeLaSolicitud.length>0) {
                    document.getElementById("campoFechaDeTerminoDeLaSolicitud").setAttribute("class", "form-control is-valid");
                    document.getElementById("validacionCampoFechaDeTerminoDeLaSolicitud").innerHTML = "";
                } else {
                    document.getElementById("campoFechaDeTerminoDeLaSolicitud").setAttribute("class", "form-control is-invalid");
                    document.getElementById("validacionCampoFechaDeTerminoDeLaSolicitud").innerHTML = "El campo decha de termino es obligatorio.";
                }

                if (campoQuienPagaMesDeDesahucio.length>0) {
                    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";
                } else {
                    document.getElementById("campoQuienPagaMesDeDesahucio").classList.remove('input-success-icon');
                    document.getElementById("campoQuienPagaMesDeDesahucio").classList.add('input-error-icon');
                    document.getElementById("validacionCampoQuienPagaMesDeDesahucio").innerHTML = "El campo quien paga el mes de desahucio es obligatorio.";
                    document.getElementById("validacionCampoQuienPagaMesDeDesahucio").style.display = "block";
                }
            
                Swal.fire({
                    icon: 'error',
                    title: '¡Error!',
                    text: 'Faltan campos por completar.',
                    confirmButtonColor: "#448aff",
                    confirmButtonText: "Confirmar"
                });
                document.getElementById("botonDeAceptarMotivoDeDesvinculacion").removeAttribute("disabled");
            }
        }
    </script>

    <script>
        function visualizarArchivoRegistradoDeLaSolicitudDeDesvinculacion(nombreArchivo, tipo, idSolicitudDeDesvinculacion) {
            let rutaUrl = 'storage/solicitud-desvinculacion/' + idSolicitudDeDesvinculacion + '/' + nombreArchivo;
            let url = '{{ asset('') }}';
            url = url + rutaUrl;
    
            if (tipo.toLowerCase() == "imagen") {
                document.getElementById("modalContenidoModalVisualizarArchivo").innerHTML =
                '<img src="' + url + '" style="max-width: 100%;">';
            }else if(tipo == "pdf"){
                document.getElementById("modalContenidoModalVisualizarArchivo").innerHTML =
                    '<iframe src="' + url + '" style="width:95%; height:600px;"></iframe>';
            }else if(tipo == "archivo de texto"){
                document.getElementById("modalContenidoModalVisualizarArchivo").innerHTML =
                    '<iframe src="' + url + '" style="width:95%; height:600px;"></iframe>';
            }
    
            document.getElementById("modalTituloVisualizarArchivo").innerHTML = nombreArchivo;
            $("#modalVisualizarArchivo").modal("show");
        }
    </script>
@stop