@extends('adminlte::page')

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

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

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

    </div>
@stop

@section('content')
<div class="container-fluid">
    <div class="row justify-content-center">
        <div class="col-lg-8">

            <div class="card card-primary">
                <div class="card-header">
                    <h3 class="card-title">Nueva Solicitud de Contratación</h3>
                </div>

                <form id="formularioDeSolicitudDeContratacion">
                    @csrf
                    @method('put')

                    <div class="card-body">
                        <div class="alert alert-danger" role="alert" style="display: none;" id="errorSinCalculoDeTope">
                            La edición de la solicitud de contratación no puede llevarse a cabo debido a la ausencia de información de configuración, específicamente, la omisión del dato correspondiente al salario mínimo.
                        </div>                        

                        <div class="contenedorDosCamposPorFilaEnLosFormulario">
                            <div class="form-group">
                                <label for="campoCorrelativoDeLaSolicitud">Correlativo</label>
                                <input type="text" class="form-control" id="campoCorrelativoDeLaSolicitud" name="correlativo" value="{{ old('correlativo',$solicitud->correlativo) }}" readonly="true">
                                <div class="invalid-feedback" id="validacionCampoCorrelativoDeLaSolicitud">

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

                                </div>
                            </div>

                            <div class="form-group">
                                <label for="campoApellidoDeLaSolicitud">Apellido</label>
                                <input type="text" class="form-control" id="campoApellidoDeLaSolicitud" name="apellido" value="{{ old('apellido',$solicitud->apellido) }}">
                                <div class="invalid-feedback" id="validacionCampoApellidoDeLaSolicitud">

                                </div>
                            </div>

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

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

                        <div class="contenedorDosCamposPorFilaEnLosFormulario">
                            <div class="form-group">
                                <label>¿Seguro Complementario?</label>
                                <div class="icheck-primary">
                                    <input type="radio" id="CampoSeguroBicevida" name="seguro_complementario" value="BICEVIDA" @if ($solicitud->seguro_complementario=="BICEVIDA") checked @endif>
                                    <label for="CampoSeguroBicevida">BICEVIDA</label>
                                </div>
                                <div class="icheck-primary">
                                    <input type="radio" id="CampoSeguroMetlife" name="seguro_complementario" value="MetLife" @if ($solicitud->seguro_complementario=="MetLife") checked @endif>
                                    <label for="CampoSeguroMetlife">MetLife</label>
                                </div>
                                <div class="icheck-primary">
                                    <input type="radio" id="CampoSeguroNoAplica" name="seguro_complementario" value="No Aplica" @if ($solicitud->seguro_complementario=="No Aplica") checked @endif>
                                    <label for="CampoSeguroNoAplica">No Aplica</label>
                                </div>
                                <div class="invalid-feedback" id="validacionCampoSeguroComplementarioDeLaSolicitud">

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

                        <div class="form-group">
                            <label>Centro de Costo</label>
                            <select class="form-control listaDespegableConBuscador" id="campoCentroDeCostoDeLaSolicitud" name="id_centro_costo" data-live-search="true" onchange="obtenerContratoVigentoDeUnCentroDeCosto(this,'{{$solicitud->resolucion->tipo}}',false)">
                                <option value="">--Seleccionar Centro de Costo--</option>
                                @foreach ($centrosCostos as $cc)
                                    @if (old('id_centro_costo',$solicitud->id_centro_costo) == $cc->id)
                                        <option selected value="{{ $cc->id }}">{{ $cc->centro_costo }}</option>
                                    @else
                                        <option value="{{ $cc->id }}">{{ $cc->centro_costo }}</option>
                                    @endif
                                @endforeach
                            </select>
                            <div class="invalid-feedback" id="validacionCampoCentroDeCostoDeLaSolicitud">

                            </div>
                        </div>

                        <div class="form-group">
                            <label>Centro de Costo Posee el Nº PIT</label>
                            <div class="icheck-primary">
                                <input type="radio" id="CampoContieneNumeroTipSi" name="contiene_numero_tip" value="Si" onclick="habilitarNumeroTip(this)" @if ($solicitud->contiene_numero_tip==true) checked @endif>
                                <label for="CampoContieneNumeroTipSi">Si</label>
                            </div>
                            <div class="icheck-primary">
                                <input type="radio" id="CampoContieneNumeroTipNo" name="contiene_numero_tip" value="No" onclick="habilitarNumeroTip(this)" @if ($solicitud->contiene_numero_tip==false) checked @endif>
                                <label for="CampoContieneNumeroTipNo">No</label>
                            </div>
                            <div class="invalid-feedback" id="validacionCampoContieneNumeroTipDeLaSolicitud">

                            </div>
                        </div>

                        @if ($solicitud->contiene_numero_tip==true)
                            <div class="form-group" id="ContenedorDelCampoNumeroTip">
                                <label for="campoNumeroTipDeLaSolicitud">Numero PIT</label>
                                <input type="text" class="form-control" id="campoNumeroTipDeLaSolicitud" name="numero_tip" value="{{ old('numero_tip',$solicitud->numero_tip) }}">
                                <div class="invalid-feedback" id="validacionCampoNumeroTipDeLaSolicitud">
    
                                </div>
                            </div>
                        @else
                            <div class="form-group" id="ContenedorDelCampoNumeroTip" style="display: none;">
                                <label for="campoNumeroTipDeLaSolicitud">Numero PIT</label>
                                <input type="text" class="form-control" id="campoNumeroTipDeLaSolicitud" name="numero_tip" value="{{ old('numero_tip',$solicitud->numero_tip) }}">
                                <div class="invalid-feedback" id="validacionCampoNumeroTipDeLaSolicitud">
    
                                </div>
                            </div>
                        @endif

                        <div class="form-group">
                            <label>Centro de Costo Corresponde a Faena MEL</label>
                            <div class="icheck-primary">
                                <input type="radio" id="CampoCcCorrespondeMelSi" name="cc_es_mel" value="Si" onclick="habilitarPosicion(this)" @if ($solicitud->contiene_numero_tip==true) checked @endif>
                                <label for="CampoCcCorrespondeMelSi">Si</label>
                            </div>
                            <div class="icheck-primary">
                                <input type="radio" id="CampoCcCorrespondeMelNo" name="cc_es_mel" value="No" onclick="habilitarPosicion(this)" @if ($solicitud->contiene_numero_tip==false) checked @endif>
                                <label for="CampoCcCorrespondeMelNo">No</label>
                            </div>
                            <div class="invalid-feedback" id="validacionCampoCcCorrespondeMelDeLaSolicitud">

                            </div>
                        </div>

                        @if ($solicitud->cc_es_mel==true)
                            <div class="form-group" id="ContenedorDelCampoPosicion">
                                <label>Posición</label>
                                <select class="form-control listaDespegableConBuscador" id="campoPosicionDeLaSolicitud" name="posicion" data-live-search="true">
                                    <option value="">--Seleccionar Posición--</option>
                                    @foreach ($posiciones as $posicion)
                                        @if (old('posicion',$solicitud->posicion) == $posicion)
                                            <option selected value="{{ $posicion }}">{{ $posicion }}</option>
                                        @else
                                            <option value="{{ $posicion }}">{{ $posicion}}</option>
                                        @endif
                                    @endforeach
                                </select>
                                <div class="invalid-feedback" id="validacionCampoPosicionDeLaSolicitud">
    
                                </div>
                            </div>
                        @else
                            <div class="form-group" id="ContenedorDelCampoPosicion" style="display: none;">
                                <label>Posición</label>
                                <select class="form-control listaDespegableConBuscador" id="campoPosicionDeLaSolicitud" name="posicion" data-live-search="true">
                                    <option value="">--Seleccionar Posición--</option>
                                    @foreach ($posiciones as $posicion)
                                        @if (old('posicion',$solicitud->posicion) == $posicion)
                                            <option selected value="{{ $posicion }}">{{ $posicion }}</option>
                                        @else
                                            <option value="{{ $posicion }}">{{ $posicion}}</option>
                                        @endif
                                    @endforeach
                                </select>
                                <div class="invalid-feedback" id="validacionCampoPosicionDeLaSolicitud">
    
                                </div>
                            </div>
                        @endif

                        <div class="contenedorDosCamposPorFilaEnLosFormulario">
                            <div class="form-group">
                                <label>Tipo de Contrato</label>
                                <select class="form-control listaDespegableConBuscador" id="campoTipoDeContratoDeLaSolicitud" name="tipo_contrato" data-live-search="true" onchange="habilitarFechaDeTermino()">
                                    <option value="">--Seleccionar Tipo de Contrato--</option>
                                    @foreach ($tiposDeContrato as $tipoDeContrato)
                                        @if (old('tipo_contrato',$solicitud->tipo_contrato) == $tipoDeContrato)
                                            <option selected value="{{ $tipoDeContrato }}">{{ $tipoDeContrato }}</option>
                                        @else
                                            <option value="{{ $tipoDeContrato }}">{{ $tipoDeContrato }}</option>
                                        @endif
                                    @endforeach
                                </select>
                                <div class="invalid-feedback" id="validacionCampoTipoDeContratoDeLaSolicitud">

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

                                </div>
                            </div>

                            @if ($solicitud->tipo_contrato=="Indefinido")
                                <div class="form-group" id="contenedorDelCampoFechaDeTermino" style="display: none;">
                                    <label for="campoFechaDeTerminoDeLaSolicitud">Fecha de Termino</label>
                                    <input type="date" class="form-control" id="campoFechaDeTerminoDeLaSolicitud" name="fecha_termino" value="{{ old('fecha_termino',$solicitud->fecha_termino) }}">
                                    <div class="invalid-feedback" id="validacionCampoFechaDeTerminoDeLaSolicitud">
    
                                    </div>
                                </div>
                            @elseif($solicitud->tipo_contrato=="Plazo Fijo")
                                <div class="form-group" id="contenedorDelCampoFechaDeTermino">
                                    <label for="campoFechaDeTerminoDeLaSolicitud">Fecha de Termino</label>
                                    <input type="date" class="form-control" id="campoFechaDeTerminoDeLaSolicitud" name="fecha_termino" value="{{ old('fecha_termino',$solicitud->fecha_termino) }}">
                                    <div class="invalid-feedback" id="validacionCampoFechaDeTerminoDeLaSolicitud">
    
                                    </div>
                                </div>
                            @endif

                            <div class="form-group">
                                <label for="campoSueldoBaseDeLaSolicitud">Sueldo Base</label>
                                <input type="text" class="form-control" id="campoSueldoBaseDeLaSolicitud" autocomplete="off" name="sueldo_base_con_formato" value="{{ old('sueldo_base_con_formato',formatoMenedaSegunTipoDeMonedaOC($solicitud->sueldo_base,"CLP")) }}" onfocus="validarCampoMonetario(this,'campoSueldoBaseNumeroDeLaSolicitud')" onblur="convertirValorMonetarioHaFormatoMoneda(this,'campoSueldoBaseNumeroDeLaSolicitud')" onkeypress="return validarCarateresParaElIngresoDeUnCampoMonetario(event,this)" onpaste="return false;">
                                <div class="invalid-feedback" id="validacionCampoSueldoBaseDeLaSolicitud">

                                </div>
                            </div>
                            @if (strpos(number_format($solicitud->sueldo_base,2), '.00') !== false)
                                <input type="hidden" name="sueldo_base" id="campoSueldoBaseNumeroDeLaSolicitud" value="{{ old('sueldo_base',str_replace(',', '',number_format($solicitud->sueldo_base,0))) }}">
                            @else
                                <input type="hidden" name="sueldo_base" id="campoSueldoBaseNumeroDeLaSolicitud" value="{{ old('sueldo_base',$solicitud->sueldo_base) }}">
                            @endif

                            <div class="form-group">
                                <label for="campoGratificacionDeLaSolicitud">Gratificación</label>
                                <input type="text" class="form-control" id="campoGratificacionDeLaSolicitud"  name="gratificacion_con_formato" value="{{ old('gratificacion_con_formato',formatoMenedaSegunTipoDeMonedaOC($solicitud->gratificacion,"CLP")) }}"  readonly="true">
                                <div class="invalid-feedback" id="validacionCampoGratificacionDeLaSolicitud">

                                </div>
                            </div>
                            @if (strpos(number_format($solicitud->gratificacion,2), '.00') !== false)
                                <input type="hidden" name="gratificacion" id="campoGratificacionNumeroDeLaSolicitud" value="{{ old('gratificacion',str_replace(',', '',number_format($solicitud->gratificacion,0))) }}">
                            @else
                                <input type="hidden" name="gratificacion" id="campoGratificacionNumeroDeLaSolicitud" value="{{ old('gratificacion',$solicitud->gratificacion) }}">
                            @endif

                            <div class="form-group">
                                <label for="campoAsignacionMovilizacionDeLaSolicitud">Asignación de Movilización</label>
                                <input type="text" class="form-control" id="campoAsignacionMovilizacionDeLaSolicitud" autocomplete="off" name="asignacion_movilizacion_con_formato" value="{{ old('asignacion_movilizacion_con_formato',formatoMenedaSegunTipoDeMonedaOC($solicitud->asignacion_movilizacion,"CLP")) }}" onfocus="validarCampoMonetario(this,'campoAsignacionMovilizacionNumeroDeLaSolicitud')" onblur="convertirValorMonetarioHaFormatoMoneda(this,'campoAsignacionMovilizacionNumeroDeLaSolicitud')" onkeypress="return validarCarateresParaElIngresoDeUnCampoMonetario(event,this)" onpaste="return false;">
                                <div class="invalid-feedback" id="validacionCampoAsignacionMovilizacionDeLaSolicitud">

                                </div>
                            </div>
                            @if (strpos(number_format($solicitud->asignacion_movilizacion,2), '.00') !== false)
                                <input type="hidden" name="asignacion_movilizacion" id="campoAsignacionMovilizacionNumeroDeLaSolicitud" value="{{ old('asignacion_movilizacion',str_replace(',', '',number_format($solicitud->asignacion_movilizacion,0))) }}">
                            @else
                                <input type="hidden" name="asignacion_movilizacion" id="campoAsignacionMovilizacionNumeroDeLaSolicitud" value="{{ old('asignacion_movilizacion',$solicitud->asignacion_movilizacion) }}">
                            @endif

                            <div class="form-group">
                                <label for="campoAsignacionColacionDeLaSolicitud">Asignación de Colación</label>
                                <input type="text" class="form-control" id="campoAsignacionColacionDeLaSolicitud" autocomplete="off" name="asignacion_colacion_con_formato" value="{{ old('asignacion_colacion_con_formato',formatoMenedaSegunTipoDeMonedaOC($solicitud->asignacion_colacion,"CLP")) }}" onfocus="validarCampoMonetario(this,'campoAsignacionColacionNumeroDeLaSolicitud')" onblur="convertirValorMonetarioHaFormatoMoneda(this,'campoAsignacionColacionNumeroDeLaSolicitud')" onkeypress="return validarCarateresParaElIngresoDeUnCampoMonetario(event,this)" onpaste="return false;">
                                <div class="invalid-feedback" id="validacionCampoAsignacionColacionDeLaSolicitud">

                                </div>
                            </div>
                            @if (strpos(number_format($solicitud->asignacion_colacion,2), '.00') !== false)
                                <input type="hidden" name="asignacion_colacion" id="campoAsignacionColacionNumeroDeLaSolicitud" value="{{ old('asignacion_colacion',str_replace(',', '',number_format($solicitud->asignacion_colacion,0))) }}">
                            @else
                                <input type="hidden" name="asignacion_colacion" id="campoAsignacionColacionNumeroDeLaSolicitud" value="{{ old('asignacion_colacion',$solicitud->asignacion_colacion) }}">
                            @endif

                            <div class="form-group">
                                <label for="campoAsignacionSalaCunaDeLaSolicitud">Asignación de Sala Cuna</label>
                                <input type="text" class="form-control" id="campoAsignacionSalaCunaDeLaSolicitud" autocomplete="off" name="asignacion_sala_cuna_con_formato" value="{{ old('asignacion_sala_cuna_con_formato',formatoMenedaSegunTipoDeMonedaOC($solicitud->asignacion_sala_cuna,"CLP")) }}" onfocus="validarCampoMonetario(this,'campoAsignacionSalaCunaNumeroDeLaSolicitud')" onblur="convertirValorMonetarioHaFormatoMoneda(this,'campoAsignacionSalaCunaNumeroDeLaSolicitud')" onkeypress="return validarCarateresParaElIngresoDeUnCampoMonetario(event,this)" onpaste="return false;">
                                <div class="invalid-feedback" id="validacionCampoAsignacionSalaCunaDeLaSolicitud">

                                </div>
                            </div>
                            @if (strpos(number_format($solicitud->asignacion_sala_cuna,2), '.00') !== false)
                                <input type="hidden" name="asignacion_sala_cuna" id="campoAsignacionSalaCunaNumeroDeLaSolicitud" value="{{ old('asignacion_sala_cuna',str_replace(',', '',number_format($solicitud->asignacion_sala_cuna,0))) }}">
                            @else
                                <input type="hidden" name="asignacion_sala_cuna" id="campoAsignacionSalaCunaNumeroDeLaSolicitud" value="{{ old('asignacion_sala_cuna',$solicitud->asignacion_sala_cuna) }}">
                            @endif

                            <div class="form-group">
                                <label for="campoViaticoDeLaSolicitud">Viatico </label>
                                <input type="text" class="form-control" id="campoViaticoDeLaSolicitud" autocomplete="off" name="viatico_con_formato" value="{{ old('viatico_con_formato',formatoMenedaSegunTipoDeMonedaOC($solicitud->viatico,"CLP")) }}" onfocus="validarCampoMonetario(this,'campoViaticoNumeroDeLaSolicitud')" onblur="convertirValorMonetarioHaFormatoMoneda(this,'campoViaticoNumeroDeLaSolicitud')" onkeypress="return validarCarateresParaElIngresoDeUnCampoMonetario(event,this)" onpaste="return false;">
                                <div class="invalid-feedback" id="validacionCampoViaticoDeLaSolicitud">

                                </div>
                            </div>
                            @if (strpos(number_format($solicitud->viatico,2), '.00') !== false)
                                <input type="hidden" name="viatico" id="campoViaticoNumeroDeLaSolicitud" value="{{ old('viatico',str_replace(',', '',number_format($solicitud->viatico,0))) }}">
                            @else
                                <input type="hidden" name="viatico" id="campoViaticoNumeroDeLaSolicitud" value="{{ old('viatico',$solicitud->viatico) }}">
                            @endif
                        </div>

                        <fieldset class="fieldset-color-azul" id="fieldsetArticulo">
                            <legend class="titulo-fieldset-color-azul" id="legendArticulo">Otros Bonos</legend>

                            <div class="contenedorDosCamposPorFilaEnLosFormulario">
                                <div class="form-group">
                                    <label>Bono</label>
                                    <select class="form-control listaDespegableConBuscador" id="campoBonoDeLaSolicitud" data-live-search="true" onchange="validarBonoSeleccionado(this)">
                                        <option value="">--Seleccionar Bono--</option>
                                        @foreach ($bonos as $bono)
                                            <option value="{{ $bono }}">{{ $bono }}</option>
                                        @endforeach
                                    </select>
                                    <div class="invalid-feedback" id="validacionCampoBonoDeLaSolicitud">

                                    </div>
                                </div>

                                <div class="form-group" id="contenedorCampoOtroBono" style="display: none;">
                                    <label for="campoNombreBonoOtroDeLaSolicitud">Nombre del Bono</label>
                                    <input type="text" class="form-control" id="campoNombreBonoOtroDeLaSolicitud">
                                    <div class="invalid-feedback" id="validacioCampoNombreBonoOtroDeLaSolicitud">

                                    </div>
                                </div>

                                <div class="form-group">
                                    <label for="campoMontoBonoOtroDeLaSolicitud">Monto del Bono</label>
                                    <input type="text" class="form-control" id="campoMontoBonoOtroDeLaSolicitud" autocomplete="off" onfocus="validarCampoMonetario(this,'campoMontoBonoOtroNumeroDeLaSolicitud')" onblur="convertirValorMonetarioHaFormatoMoneda(this,'campoMontoBonoOtroNumeroDeLaSolicitud')" onkeypress="return validarCarateresParaElIngresoDeUnCampoMonetario(event,this)" onpaste="return false;">
                                    <div class="invalid-feedback" id="validacionCampoMontoBonoOtroDeLaSolicitud">

                                    </div>
                                </div>
                                <input type="hidden" id="campoMontoBonoOtroNumeroDeLaSolicitud">
                            </div>

                            <div class="form-group">
                                <label for="campoObservacionBonoOtro">Observación <span style="font-weight: 700; font-size:11px;">(Opcional)</span></label>
                                <textarea class="form-control" id="campoObservacionBonoOtro" rows="3"></textarea>
                                <div class="invalid-feedback" id="validacionCampoObservacionBonoOtro">

                                </div>
                            </div>

                            <button type="button" class="btn btn-primary" onclick="agregarOtroBono()"> Añadir Bono</button>
                        </fieldset>

                        <div class="dt-responsive table-responsive">
                            <table class="table table-striped table-bordered" role="grid" aria-describedby="base-style_info" id="tabla-otros-bonos">
                                <thead>
                                    <tr role="row">
                                        <th>#</th>
                                        <th>Nombre del Bono</th>
                                        <th>Monto del Bono</th>
                                        <th>Observación del Bono</th>
                                        <th>Acción</th>
                                    </tr>
                                </thead>
                                <tbody id="registroDeOtrosBonos">
                                    @php
                                        $indexBono=0;
                                    @endphp
                                    @foreach ($bonosDeLaResolucion as $bono)
                                        @php
                                            $indexBono++;
                                        @endphp
                                        <tr role="row" class="odd">
                                            @if (strpos(number_format($bono->monto,2), '.00') !== false)
                                                <td class="tabla-monto-numero-otros-bonos" style="display:none;">{{str_replace(',', '',number_format($bono->monto,0))}}</td>    
                                            @else
                                                <td class="tabla-monto-numero-otros-bonos" style="display:none;">{{$bono->monto}}</td>
                                            @endif
                                            <td class="tabla-contador-otros-bonos">{{$indexBono}}</td>
                                            <td class="tabla-nombre-otros-bonos">{{$bono->bono}}</td>
                                            <td class="tabla-monto-con-formato-otros-bonos">{{formatoMenedaSegunTipoDeMonedaOC($bono->monto,"CLP")}}</td>
                                            <td class="tabla-observacion-otros-bonos">{{$bono->observacion}}</td>
                                            <td class="tabla-accion-estudios">
                                                <button onclick="habilitarBotonConfirmarEliminaciononOtrosMontos(this)" type="button" class="btn btn-danger mr-1"><i class="fas fa-trash-alt"></i></button>
                                                <button onclick="eliminarFilaOtrosMontos(this)" style="display: none;" type="button" class="btn btn-danger boton-confirmar-item mr-1">Confirmar</button>
                                            </td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>

                        <div class="contenedorDosCamposPorFilaEnLosFormulario">
                            <div class="form-group">
                                <label for="campoTotalHaberesDeLaSolicitud">Total Haberes</label>
                                <input type="text" class="form-control" id="campoTotalHaberesDeLaSolicitud" name="total_haberes_con_formato" value="{{ old('total_haberes_con_formato',formatoMenedaSegunTipoDeMonedaOC($solicitud->total_haberes,"CLP")) }}" readonly="true">
                                <div class="invalid-feedback" id="validacionCampoTotalHaberesDeLaSolicitud">

                                </div>
                            </div>
                            @if (strpos(number_format($solicitud->total_haberes,2), '.00') !== false)
                                <input type="hidden" name="total_haberes" id="campoTotalHaberesNumeroDeLaSolicitud" value="{{ old('total_haberes',str_replace(',', '',number_format($solicitud->total_haberes,0))) }}">
                            @else
                                <input type="hidden" name="total_haberes" id="campoTotalHaberesNumeroDeLaSolicitud" value="{{ old('total_haberes',$solicitud->total_haberes) }}">
                            @endif

                            <div class="form-group">
                                <label for="campoPerfilCobroDeLaSolicitud">Perfil de Cobro <span style="font-weight: 700; font-size:11px;">(Considerado por presupuesto para el perfil de cobro EDP)</span></label>
                                <input type="text" class="form-control" id="campoPerfilCobroDeLaSolicitud" name="perfil_cobro" value="{{ old('perfil_cobro',$solicitud->perfil_cobro) }}">
                                <div class="invalid-feedback" id="validacionCampoPerfilCobroDeLaSolicitud">

                                </div>
                            </div>

                            <div class="form-group">
                                <label for="campoTotalHaberesEdpDeLaSolicitud">Total Haberes por Presupuesto <span style="font-weight: 700; font-size:11px;">(Considerado por presupuesto para el perfil de cobro EDP)</span></label>
                                <input type="text" class="form-control" id="campoTotalHaberesEdpDeLaSolicitud" autocomplete="off" name="total_haberes_edp_con_formato" value="{{ old('total_haberes_edp_con_formato',formatoMenedaSegunTipoDeMonedaOC($solicitud->total_haberes_edp,"CLP")) }}" onfocus="validarCampoMonetario(this,'campoTotalHaberesEdpNumeroDeLaSolicitud')" onblur="convertirValorMonetarioHaFormatoMoneda(this,'campoTotalHaberesEdpNumeroDeLaSolicitud')" onkeypress="return validarCarateresParaElIngresoDeUnCampoMonetario(event,this)" onpaste="return false;">
                                <div class="invalid-feedback" id="validacionCampoTotalHaberesEdpDeLaSolicitud">

                                </div>
                            </div>
                            @if (strpos(number_format($solicitud->total_haberes_edp,2), '.00') !== false)
                                <input type="hidden" name="total_haberes_edp" id="campoTotalHaberesEdpNumeroDeLaSolicitud" value="{{ old('total_haberes_edp',str_replace(',', '',number_format($solicitud->total_haberes_edp,0))) }}">
                            @else
                                <input type="hidden" name="total_haberes_edp" id="campoTotalHaberesEdpNumeroDeLaSolicitud" value="{{ old('total_haberes_edp',$solicitud->total_haberes_edp) }}">
                            @endif

                            <div class="form-group">
                                <label>Area de Trabajo</label>
                                <select class="form-control listaDespegableConBuscador" id="campoAreaDeTrabajoDeLaSolicitud" name="id_area_trabajo" data-live-search="true">
                                    <option value="">--Seleccionar Area de Trabajo--</option>
                                    @foreach ($areasDeTrabajos as $areaDeTrabajo)
                                        @if (old('id_area_trabajo',$solicitud->id_area_trabajo) == $areaDeTrabajo->id)
                                            <option selected value="{{ $areaDeTrabajo->id }}">{{ $areaDeTrabajo->area_trabajo }}</option>
                                        @else
                                            <option value="{{ $areaDeTrabajo->id }}">{{ $areaDeTrabajo->area_trabajo }}</option>
                                        @endif
                                    @endforeach
                                </select>
                                <div class="invalid-feedback" id="validacionCampoAreaDeTrabajoDeLaSolicitud">

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

                        @if ($solicitud->resolucion->tipo=="Excepcional")
                            <fieldset class="fieldset-color-azul" id="fieldsetResolucion">
                                <legend class="titulo-fieldset-color-azul" id="legendResolucion">Resoluciones y Jornadas</legend>
                                <p style="color:red;">Nota: Tenga en cuenta que, en la sección de resoluciones y jornadas, es necesario completar inicialmente el campo correspondiente al centro de costo. Una vez completado este paso, se habilitarán las opciones disponibles en el menú desplegable de cargos. Posteriormente, al seleccionar un cargo específico, se activarán las opciones correspondientes en la lista desplegable de jornadas. Asi mismo, después de elegir una jornada, se habilitarán las opciones en la lista desplegable de horarios. Finalmente, al seleccionar un horario específico, se obtine la resolución correspondiente.</p>
                                <p style="color:red;">En situaciones en las cuales el cargo que desea incorporar en la solicitud de contratación no figure en la lista desplegable de cargos a ocupar, le sugerimos crear un nuevo cargo destinado a una resolución especial. Esta puede ser bisemanal, estándar o conforme al artículo 22, de acuerdo con sus requisitos específicos. Es importante señalar que estas resoluciones especiales tendrán sus propios horarios y jornadas designadas. Si no encuentra una resolución que se ajuste a los horarios o jornadas necesarios, le aconsejamos ponerse en contacto con el Departamento de Relaciones laboral.</p>

                                <div class="contenedorDosCamposPorFilaEnLosFormulario">
                                    <div class="form-group">
                                        <label for="campoNumeroDeContratoDeLaSolicitud">Numero de Contrato</label>
                                        <input type="text" class="form-control" id="campoNumeroDeContratoDeLaSolicitud" name="numero_contrato" value="{{ old('numero_contrato') }}" readonly="true">
                                        <div class="invalid-feedback" id="validacionCampoNumeroDeContratoDeLaSolicitud">
    
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label for="campoNombreDeContratoDeLaSolicitud">Nombre de Contrato</label>
                                        <input type="text" class="form-control" id="campoNombreDeContratoDeLaSolicitud" name="contrato" value="{{ old('contrato') }}" readonly="true">
                                        <div class="invalid-feedback" id="validacionCampoNombreDeContratoDeLaSolicitud">
    
                                        </div>
                                    </div>
                                    <input type="hidden" name="id_contrato_comercial" id="campoIdContratoComercialDeLaSolicitud" value="{{ old('id_contrato_comercial') }}">
    
                                    <div class="form-group" id="contenedorDelCampoCargo">
                                        <label>Cargo a Ocupar</label>
                                        <select class="form-control listaDespegableConBuscador" id="campoCargoOcuparDeLaSolicitud" name="id_cargo_resolucion" data-live-search="true" onchange="obtenerTodosLasJornadasOperativosDeUnCargo(this,'{{$solicitud->resolucion->tipo}}',false)">
                                            <option value="">--Seleccionar Cargo a Ocupar--</option>
                                        </select>
                                        <div class="invalid-feedback" id="validacionCampoCargoOcuparDeLaSolicitud">
    
                                        </div>
                                    </div>

                                    <div class="form-group" id="contenedorDelCampoJornadaDeTrabajo">
                                        <label>Jornada de Trabajo</label>
                                        <select class="form-control listaDespegableConBuscador" id="campoJornadaDeTrabajoDeLaSolicitud" name="jornada_trabajo" data-live-search="true" onchange="obtenerTodosLosHorariosOperativosDeUnaJornada(this,'{{$solicitud->resolucion->tipo}}',false)">
                                            <option value="">--Seleccionar Jornada de Trabajo--</option>
                                        </select>
                                        <div class="invalid-feedback" id="validacionCampoJornadaDeTrabajoDeLaSolicitud">
    
                                        </div>
                                    </div>

                                    <div class="form-group" id="contenedorDelCampoHorarioDeTrabajo">
                                        <label>Horario de Trabajo</label>
                                        <select class="form-control listaDespegableConBuscador" id="campoHorarioDeTrabajoDeLaSolicitud" name="horario_trabajo" data-live-search="true" onchange="obtenerResolucionSegunLosDatosCompletadosDeOtrosCampos(this)">
                                            <option value="">--Seleccionar Horario de Trabajo--</option>
                                        </select>
                                        <div class="invalid-feedback" id="validacionCampoHorarioDeTrabajoDeLaSolicitud">
    
                                        </div>
                                    </div>
    
                                    <div class="form-group" id="contenedorDelCampoResolucion">
                                        <label for="campoNumeroDeResolucionDeLaSolicitud">Número de Resolución</label>
                                        <input type="text" class="form-control" id="campoNumeroDeResolucionDeLaSolicitud" name="resolucion" value="{{ old('resolucion') }}" readonly="true">
                                        <div class="invalid-feedback" id="validacionCampoNumeroDeResolucionDeLaSolicitud">
    
                                        </div>
                                    </div>
                                    <input type="hidden" id="idResolucion" name="id_resolucion" value="">
                                    <input type="hidden" id="tipoResolucion" name="tipo_resolucion" value="excepcional">

                                    <div class="form-group" id="contenedorDeNuevoCargo" style="display:none;">
                                        <label for="campoNuevoCargoEspecialDeLaSolicitud">Nuevo Cargo</label>
                                        <input type="text" class="form-control" id="campoNuevoCargoEspecialDeLaSolicitud" name="nuevo_cargo" value="{{ old('nuevo_cargo') }}">
                                        <div class="invalid-feedback" id="validacionCampoNuevoCargoEspecialDeLaSolicitud">
    
                                        </div>
                                    </div>

                                    <div class="form-group" id="contenedorDelCampoDeResolucionEspecial" style="display:none;">
                                        <label>Resolución</label>
                                        <select class="form-control listaDespegableConBuscador" id="campoDeResolucionEspecial" name="resolucion_especial" data-live-search="true" onchange="obtenerTodosLasJornadasOperativosDeUnaResolucionEspecial(this,'{{$solicitud->resolucion->tipo}}',false)">
                                            <option value="">--Seleccionar Resolución--</option>
                                            @foreach ($tiposDeResolucion as $tipo)
                                                @if (old('tipo') == $tipo)
                                                    <option selected value="{{ $tipo }}">{{ $tipo }}</option>
                                                @else
                                                    <option value="{{ $tipo }}">{{ $tipo }}</option>
                                                @endif
                                            @endforeach
                                        </select>
                                        <div class="invalid-feedback" id="validacionCampoDeResolucionEspecial">
        
                                        </div>
                                    </div>

                                    <div class="form-group" id="contenedorDelCampoJornadaDeTrabajoEspecial" style="display:none;">
                                        <label>Jornada de Trabajo</label>
                                        <select class="form-control listaDespegableConBuscador" id="campoJornadaDeTrabajoEspecialDeLaSolicitud" name="jornada_trabajo_especial" data-live-search="true" onchange="obtenerTodosLosHorariosOperativosDeUnaJornadaDeUnaResolucionEspecial(this,'{{$solicitud->resolucion->tipo}}',false)">
                                            <option value="">--Seleccionar Jornada de Trabajo--</option>
                                        </select>
                                        <div class="invalid-feedback" id="validacionCampoJornadaDeTrabajoEspecialDeLaSolicitud">
    
                                        </div>
                                    </div>

                                    <div class="form-group" id="contenedorDelCampoHorarioDeTrabajoEspecial" style="display:none;">
                                        <label>Horario de Trabajo</label>
                                        <select class="form-control listaDespegableConBuscador" id="campoHorarioDeTrabajoEspecialDeLaSolicitud" name="horario_trabajo_especial" data-live-search="true" onchange="obtenerResolucionEspecialSegunLosDatosCompletadosDeOtrosCampos(this)">
                                            <option value="">--Seleccionar Horario de Trabajo--</option>
                                        </select>
                                        <div class="invalid-feedback" id="validacionCampoHorarioDeTrabajoEspecialDeLaSolicitud">
    
                                        </div>
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label>¿Teletrabajo?</label>
                                    <div class="icheck-primary">
                                        <input type="radio" id="CampoTeletrabajoSi" name="teletrabajo" value="Si" @if ($solicitud->teletrabajo==true) checked @endif>
                                        <label for="CampoTeletrabajoSi">Si</label>
                                    </div>
                                    <div class="icheck-primary">
                                        <input type="radio" id="CampoTeletrabajoNo" name="teletrabajo" value="No" @if ($solicitud->teletrabajo==false) checked @endif>
                                        <label for="CampoTeletrabajoNo">No</label>
                                    </div>
                                    <div class="invalid-feedback" id="validacionCampoTeletrabajoDeLaSolicitud">
    
                                    </div>
                                </div>

                                <button type="button" class="btn btn-primary" id="botonDeNuevoCargo" onclick="habilitarParaLaCreacionDelNuevoCargo()"><i class="fas fa-plus-circle" style="margin-right: 2px;"></i> Crear Nuevo Cargo </button>
                                <button style="display:none;" type="button" class="btn btn-primary" id="botonDeSeleccionCargoExistente" onclick="habilitarParaLaSeleccionCargoExistente()"><i class="fas fa-plus-circle" style="margin-right: 2px;"></i> Seleccionar Cargo existente</button>
                                <button type="button" class="btn btn-danger" id="botonDeLimpiarDatos" onclick="limpiarDatosDeLasResolucionesyJornadas()"><i class="fas fa-broom" style="margin-right: 2px;"></i> Limpiar Datos</button>
                            </fieldset>
                        @else
                            <fieldset class="fieldset-color-azul" id="fieldsetResolucion">
                                <legend class="titulo-fieldset-color-azul" id="legendResolucion">Resoluciones y Jornadas</legend>
                                <p style="color:red;">Nota: Tenga en cuenta que, en la sección de resoluciones y jornadas, es necesario completar inicialmente el campo correspondiente al centro de costo. Una vez completado este paso, se habilitarán las opciones disponibles en el menú desplegable de cargos. Posteriormente, al seleccionar un cargo específico, se activarán las opciones correspondientes en la lista desplegable de jornadas. Asi mismo, después de elegir una jornada, se habilitarán las opciones en la lista desplegable de horarios. Finalmente, al seleccionar un horario específico, se obtine la resolución correspondiente.</p>
                                <p style="color:red;">En situaciones en las cuales el cargo que desea incorporar en la solicitud de contratación no figure en la lista desplegable de cargos a ocupar, le sugerimos crear un nuevo cargo destinado a una resolución especial. Esta puede ser bisemanal, estándar o conforme al artículo 22, de acuerdo con sus requisitos específicos. Es importante señalar que estas resoluciones especiales tendrán sus propios horarios y jornadas designadas. Si no encuentra una resolución que se ajuste a los horarios o jornadas necesarios, le aconsejamos ponerse en contacto con el Departamento de Relaciones laboral.</p>

                                <div class="contenedorDosCamposPorFilaEnLosFormulario">
                                    <div class="form-group">
                                        <label for="campoNumeroDeContratoDeLaSolicitud">Numero de Contrato</label>
                                        <input type="text" class="form-control" id="campoNumeroDeContratoDeLaSolicitud" name="numero_contrato" value="{{ old('numero_contrato') }}" readonly="true">
                                        <div class="invalid-feedback" id="validacionCampoNumeroDeContratoDeLaSolicitud">
    
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label for="campoNombreDeContratoDeLaSolicitud">Nombre de Contrato</label>
                                        <input type="text" class="form-control" id="campoNombreDeContratoDeLaSolicitud" name="contrato" value="{{ old('contrato') }}" readonly="true">
                                        <div class="invalid-feedback" id="validacionCampoNombreDeContratoDeLaSolicitud">
    
                                        </div>
                                    </div>
                                    <input type="hidden" name="id_contrato_comercial" id="campoIdContratoComercialDeLaSolicitud" value="{{ old('id_contrato_comercial') }}">
    
                                    <div class="form-group" id="contenedorDelCampoCargo" style="display:none;">
                                        <label>Cargo a Ocupar</label>
                                        <select class="form-control listaDespegableConBuscador" id="campoCargoOcuparDeLaSolicitud" name="id_cargo_resolucion" data-live-search="true" onchange="obtenerTodosLasJornadasOperativosDeUnCargo(this,'{{$solicitud->resolucion->tipo}}',false)">
                                            <option value="">--Seleccionar Cargo a Ocupar--</option>
                                        </select>
                                        <div class="invalid-feedback" id="validacionCampoCargoOcuparDeLaSolicitud">
    
                                        </div>
                                    </div>

                                    <div class="form-group" id="contenedorDelCampoJornadaDeTrabajo" style="display:none;">
                                        <label>Jornada de Trabajo</label>
                                        <select class="form-control listaDespegableConBuscador" id="campoJornadaDeTrabajoDeLaSolicitud" name="jornada_trabajo" data-live-search="true" onchange="obtenerTodosLosHorariosOperativosDeUnaJornada(this,'{{$solicitud->resolucion->tipo}}',false)">
                                            <option value="">--Seleccionar Jornada de Trabajo--</option>
                                        </select>
                                        <div class="invalid-feedback" id="validacionCampoJornadaDeTrabajoDeLaSolicitud">
    
                                        </div>
                                    </div>

                                    <div class="form-group" id="contenedorDelCampoHorarioDeTrabajo" style="display:none;">
                                        <label>Horario de Trabajo</label>
                                        <select class="form-control listaDespegableConBuscador" id="campoHorarioDeTrabajoDeLaSolicitud" name="horario_trabajo" data-live-search="true" onchange="obtenerResolucionSegunLosDatosCompletadosDeOtrosCampos(this)">
                                            <option value="">--Seleccionar Horario de Trabajo--</option>
                                        </select>
                                        <div class="invalid-feedback" id="validacionCampoHorarioDeTrabajoDeLaSolicitud">
    
                                        </div>
                                    </div>
    
                                    <div class="form-group" id="contenedorDelCampoResolucion" style="display:none;">
                                        <label for="campoNumeroDeResolucionDeLaSolicitud">Número de Resolución</label>
                                        <input type="text" class="form-control" id="campoNumeroDeResolucionDeLaSolicitud" name="resolucion" value="{{ old('resolucion') }}" readonly="true">
                                        <div class="invalid-feedback" id="validacionCampoNumeroDeResolucionDeLaSolicitud">
    
                                        </div>
                                    </div>
                                    <input type="hidden" id="idResolucion" name="id_resolucion" value="">
                                    <input type="hidden" id="tipoResolucion" name="tipo_resolucion" value="especial">

                                    <div class="form-group" id="contenedorDeNuevoCargo">
                                        <label for="campoNuevoCargoEspecialDeLaSolicitud">Nuevo Cargo</label>
                                        <input type="text" class="form-control" id="campoNuevoCargoEspecialDeLaSolicitud" name="nuevo_cargo" value="{{ old('nuevo_cargo') }}">
                                        <div class="invalid-feedback" id="validacionCampoNuevoCargoEspecialDeLaSolicitud">
    
                                        </div>
                                    </div>

                                    <div class="form-group" id="contenedorDelCampoDeResolucionEspecial">
                                        <label>Resolución</label>
                                        <select class="form-control listaDespegableConBuscador" id="campoDeResolucionEspecial" name="resolucion_especial" data-live-search="true" onchange="obtenerTodosLasJornadasOperativosDeUnaResolucionEspecial(this,'{{$solicitud->resolucion->tipo}}',false)">
                                            <option value="">--Seleccionar Resolución--</option>
                                            @foreach ($tiposDeResolucion as $tipo)
                                                @if (old('tipo') == $tipo)
                                                    <option selected value="{{ $tipo }}">{{ $tipo }}</option>
                                                @else
                                                    <option value="{{ $tipo }}">{{ $tipo }}</option>
                                                @endif
                                            @endforeach
                                        </select>
                                        <div class="invalid-feedback" id="validacionCampoDeResolucionEspecial">
        
                                        </div>
                                    </div>

                                    <div class="form-group" id="contenedorDelCampoJornadaDeTrabajoEspecial">
                                        <label>Jornada de Trabajo</label>
                                        <select class="form-control listaDespegableConBuscador" id="campoJornadaDeTrabajoEspecialDeLaSolicitud" name="jornada_trabajo_especial" data-live-search="true" onchange="obtenerTodosLosHorariosOperativosDeUnaJornadaDeUnaResolucionEspecial(this,'{{$solicitud->resolucion->tipo}}',false)">
                                            <option value="">--Seleccionar Jornada de Trabajo--</option>
                                        </select>
                                        <div class="invalid-feedback" id="validacionCampoJornadaDeTrabajoEspecialDeLaSolicitud">
    
                                        </div>
                                    </div>

                                    <div class="form-group" id="contenedorDelCampoHorarioDeTrabajoEspecial">
                                        <label>Horario de Trabajo</label>
                                        <select class="form-control listaDespegableConBuscador" id="campoHorarioDeTrabajoEspecialDeLaSolicitud" name="horario_trabajo_especial" data-live-search="true" onchange="obtenerResolucionEspecialSegunLosDatosCompletadosDeOtrosCampos(this)">
                                            <option value="">--Seleccionar Horario de Trabajo--</option>
                                        </select>
                                        <div class="invalid-feedback" id="validacionCampoHorarioDeTrabajoEspecialDeLaSolicitud">
    
                                        </div>
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label>¿Teletrabajo?</label>
                                    <div class="icheck-primary">
                                        <input type="radio" id="CampoTeletrabajoSi" name="teletrabajo" value="Si" @if ($solicitud->teletrabajo==true) checked @endif>
                                        <label for="CampoTeletrabajoSi">Si</label>
                                    </div>
                                    <div class="icheck-primary">
                                        <input type="radio" id="CampoTeletrabajoNo" name="teletrabajo" value="No" @if ($solicitud->teletrabajo==false) checked @endif>
                                        <label for="CampoTeletrabajoNo">No</label>
                                    </div>
                                    <div class="invalid-feedback" id="validacionCampoTeletrabajoDeLaSolicitud">
    
                                    </div>
                                </div>

                                <button style="display:none;" type="button" class="btn btn-primary" id="botonDeNuevoCargo" onclick="habilitarParaLaCreacionDelNuevoCargo()"><i class="fas fa-plus-circle" style="margin-right: 2px;"></i> Crear Nuevo Cargo </button>
                                <button type="button" class="btn btn-primary" id="botonDeSeleccionCargoExistente" onclick="habilitarParaLaSeleccionCargoExistente()"><i class="fas fa-plus-circle" style="margin-right: 2px;"></i> Seleccionar Cargo existente</button>
                                <button type="button" class="btn btn-danger" id="botonDeLimpiarDatos" onclick="limpiarDatosDeLasResolucionesyJornadas()"><i class="fas fa-broom" style="margin-right: 2px;"></i> Limpiar Datos</button>
                            </fieldset>
                        @endif

                        <div class="form-group">
                            <label for="campoObservacionDeLaSolicitud">Observación <span style="font-weight: 700; font-size:11px;">(Opcional)</span></label>
                            <textarea class="form-control" id="campoObservacionDeLaSolicitud" name="observacion" rows="3">{{$solicitud->observacion}}</textarea>
                            <div class="invalid-feedback" id="validacionCampoObservacionDeLaSolicitud">

                            </div>
                        </div>
                        <input type="hidden" name="listado_bonos" id="listadoDeBonos">
                    </div>

                    <div class=" card-footer">
                        <button type="button" class="btn btn-primary" id="botonDeEdicion" onclick="editarSolicitudDeContratacion()"><i class="fas fa-edit" style="margin-right: 2px;"></i> Editar Solicitud de Contratación </button>
                        <a href="{{ route('solicitud-contratacion.index') }}" role="button" class="btn btn-secondary mt-1"><i class="fas fa-arrow-alt-circle-left" style="margin-right: 2px;"></i> Volver</a>
                    </div>
                </form>
            </div>

        </div>
    </div>
</div>
@stop

@section('footer')
    <div class="float-right d-none d-sm-inline">
        Intranet
    </div>
    <strong>Copyright © 2021 <a href="http://guinezingenieria.cl/">GuiñezIngeniería.cl</a>.</strong>
@stop

@section('css')
    <link rel="stylesheet" href="{{ asset('css/estilo-generico.css') }}">
@stop

@section('js')
    <script src="{{ asset('js/funcionalidades-genericas.js') }}"></script>

    <script>
        let calculoTope={{$calculoTope}};
        if(calculoTope!=null){
            calculoTope=Math.round(calculoTope);
        }
        let numeroCorrelativo='{{$numeroCorrelativo}}';
        $('#campoRutDeLaSolicitud').inputmask({
            mask: '9{1,2}.9{3}.9{3}-(K|k|9)',
            casing: 'upper',
            clearIncomplete: false,
            numericInput: false
        });
        $('#campoTipoDeContratoDeLaSolicitud').selectpicker({
            dropupAuto: false,
        });
        $('#campoCentroDeCostoDeLaSolicitud').selectpicker({
            dropupAuto: false,
        });
        $('#campoJornadaDeTrabajoDeLaSolicitud').selectpicker({
            dropupAuto: false,
        });
        $('#campoCargoOcuparDeLaSolicitud').selectpicker({
            dropupAuto: false,
        });
        $('#campoBonoDeLaSolicitud').selectpicker({
            dropupAuto: false,
        });
        $('#campoHorarioDeTrabajoDeLaSolicitud').selectpicker({
            dropupAuto: false,
        });
        $('#campoDeResolucionEspecial').selectpicker({
            dropupAuto: false,
        });
        $('#campoJornadaDeTrabajoEspecialDeLaSolicitud').selectpicker({
            dropupAuto: false,
        });
        $('#campoHorarioDeTrabajoEspecialDeLaSolicitud').selectpicker({
            dropupAuto: false,
        });
        $('#campoAreaDeTrabajoDeLaSolicitud').selectpicker({
            dropupAuto: false,
        });
        $('#campoPosicionDeLaSolicitud').selectpicker({
            dropupAuto: false,
        });
    </script>

    <script>
        function habilitarFechaDeTermino(){
            let campo=document.getElementById("campoTipoDeContratoDeLaSolicitud").value.trim();
            if(campo.length>0){
                if(campo=="Indefinido"){
                    document.getElementById("contenedorDelCampoFechaDeTermino").style.display="none";
                    document.getElementById("campoFechaDeTerminoDeLaSolicitud").value = "";
                    document.getElementById("validacionCampoFechaDeTerminoDeLaSolicitud").innerHTML = "";
                    document.getElementById("campoFechaDeTerminoDeLaSolicitud").setAttribute("class", "form-control");
                }else if(campo=="Plazo Fijo"){
                    document.getElementById("campoFechaDeTerminoDeLaSolicitud").value = "";
                    document.getElementById("validacionCampoFechaDeTerminoDeLaSolicitud").innerHTML = "";
                    document.getElementById("campoFechaDeTerminoDeLaSolicitud").setAttribute("class", "form-control");
                    if(document.getElementById("campoFechaDeIngresoDeLaSolicitud").value.trim().length>0){
                        let fechaDeIngreso = new Date(document.getElementById("campoFechaDeIngresoDeLaSolicitud").value);
                        fechaDeIngreso.setDate(fechaDeIngreso.getDate() + 30);

                        let dia = fechaDeIngreso.getDate().toString().padStart(2, '0');
                        let mes = (fechaDeIngreso.getMonth() + 1).toString().padStart(2, '0');
                        let año = fechaDeIngreso.getFullYear();

                        let fechaDeTermino = `${año}-${mes}-${dia}`;
                        document.getElementById("campoFechaDeTerminoDeLaSolicitud").value=fechaDeTermino;
                    }
                    document.getElementById("contenedorDelCampoFechaDeTermino").style.display="block";
                }
            }else{
                document.getElementById("contenedorDelCampoFechaDeTermino").style.display="none";
                document.getElementById("campoFechaDeTerminoDeLaSolicitud").value = "";
                document.getElementById("validacionCampoFechaDeTerminoDeLaSolicitud").innerHTML = "";
                document.getElementById("campoFechaDeTerminoDeLaSolicitud").setAttribute("class", "form-control");
            }
        }

        function habilitarNumeroTip(campo) {
            if (campo.value == "Si") {
                document.getElementById("ContenedorDelCampoNumeroTip").style.display = "block";
            } else if (campo.value == "No") {
                document.getElementById("ContenedorDelCampoNumeroTip").style.display = "none";
            }
        }

        function habilitarPosicion(campo) {
            if (campo.value == "Si") {
                document.getElementById("ContenedorDelCampoPosicion").style.display = "block";
            } else if (campo.value == "No") {
                document.getElementById("ContenedorDelCampoPosicion").style.display = "none";
            }
        }
    
        function validarBonoSeleccionado(campo) {
            if (campo.value == "Otro") {
                document.getElementById("contenedorCampoOtroBono").style.display = "block";
            } else {
                document.getElementById("contenedorCampoOtroBono").style.display = "none";
            }
        }
    
        function validarCampoMonetario(campo, idCampoNumero) {
            let padre = campo.parentElement.parentElement.parentElement;
            if (campo.value.length > 0) {
                if (parseInt(document.getElementById(idCampoNumero).value) > 0) {
                    campo.value = document.getElementById(idCampoNumero).value;
                } else {
                    campo.value = "";
                }
            }
        }
    
        function validarCarateresParaElIngresoDeUnCampoMonetario(event, campo) {
            if (event.key == "." || event.key == ",") {
                let cantidadDePuntos = 0;
                let cantidadDeComas = 0;
                for (var i = 0; i < campo.value.length; i++) {
                    if (campo.value[i].toLowerCase() === ".") cantidadDePuntos++;
                    if (campo.value[i].toLowerCase() === ",") cantidadDeComas++;
                }
    
                if (cantidadDePuntos > 0 || cantidadDeComas > 0) {
                    return false;
                } else {
                    if (campo.value.length > 0) {
                        return true;
                    } else {
                        return false;
                    }
                }
            } else {
                if (event.key != 1 && event.key != 2 && event.key != 3 && event.key != 4 && event.key != 5 && event.key != 6 && event.key != 7 && event.key != 8 && event.key != 9 && event.key != 0) {
                    return false;
                } else {
                    return true;
                }
            }
        }
    
        function convertirValorMonetarioHaFormatoMoneda(campo, idCampoNumero) {
            if (campo.value.trim().length > 0) {
                if (parseFloat(campo.value) > 0) {
                    let formatoDosDecimales = new Intl.NumberFormat("es-CL", {
                        style: "currency",
                        currency: "CLP",
                        minimumFractionDigits: 2,
                    })
    
                    let formatoSinDecimales = new Intl.NumberFormat("es-CL", {
                        style: "currency",
                        currency: "CLP",
                    })
    
                    campo.value = campo.value.replace(",", ".");
                    document.getElementById(idCampoNumero).value = campo.value;
    
                    let valor = formatoSinDecimales.format(campo.value);
                    valor = valor.replace("$", "");
                    valor = valor.replace("CLP", "");
                    campo.value = "CLP $ " + valor;
    
                    if(idCampoNumero=="campoSueldoBaseNumeroDeLaSolicitud"){
                        if(calculoTope!=null){
                            let formatoSinDecimales = new Intl.NumberFormat("es-CL", {
                                style: "currency",
                                currency: "CLP",
                            })
    
                            let valoresBonos=0;
                            let filas = document.getElementById('tabla-otros-bonos').tBodies[0].querySelectorAll("tr");
                            filas.forEach(elemento => {
                                if(elemento.querySelector(".tabla-contador-otros-bonos")){
                                    valoresBonos+=parseInt(elemento.querySelector(".tabla-monto-numero-otros-bonos").innerHTML);
                                }
                            });
    
                            let valorGratificacion=parseInt(document.getElementById(idCampoNumero).value)+valoresBonos;
                            valorGratificacion=valorGratificacion*0.25;
                            valorGratificacion=Math.round(valorGratificacion);
                            if(valorGratificacion>calculoTope){
                                let valorGratificacionConFormato = formatoSinDecimales.format(calculoTope);
                                valorGratificacionConFormato = valorGratificacionConFormato.replace("$", "");
                                valorGratificacionConFormato = valorGratificacionConFormato.replace("CLP", "");
                                document.getElementById("campoGratificacionDeLaSolicitud").value = "CLP $ " + valorGratificacionConFormato;
                                document.getElementById("campoGratificacionNumeroDeLaSolicitud").value=calculoTope;
                            }else{
                                let valorGratificacionConFormato = formatoSinDecimales.format(valorGratificacion);
                                valorGratificacionConFormato = valorGratificacionConFormato.replace("$", "");
                                valorGratificacionConFormato = valorGratificacionConFormato.replace("CLP", "");
                                document.getElementById("campoGratificacionDeLaSolicitud").value = "CLP $ " + valorGratificacionConFormato;
                                document.getElementById("campoGratificacionNumeroDeLaSolicitud").value=valorGratificacion;
                            }
                        }else{
                            document.getElementById("campoGratificacionDeLaSolicitud").value="";
                            document.getElementById("campoGratificacionNumeroDeLaSolicitud").value="";
                        }
                    }
    
                    let totalHaberesNumeros=0;
                    if(document.getElementById("campoSueldoBaseNumeroDeLaSolicitud").value!=""  && document.getElementById("campoSueldoBaseNumeroDeLaSolicitud").value!=null){
                        totalHaberesNumeros=totalHaberesNumeros+parseInt(document.getElementById("campoSueldoBaseNumeroDeLaSolicitud").value);
                    }
    
                    if(document.getElementById("campoGratificacionNumeroDeLaSolicitud").value!=""  && document.getElementById("campoGratificacionNumeroDeLaSolicitud").value!=null){
                        totalHaberesNumeros=totalHaberesNumeros+parseInt(document.getElementById("campoGratificacionNumeroDeLaSolicitud").value);
                    }
    
                    if(document.getElementById("campoAsignacionMovilizacionNumeroDeLaSolicitud").value!=""  && document.getElementById("campoAsignacionMovilizacionNumeroDeLaSolicitud").value!=null){
                        totalHaberesNumeros=totalHaberesNumeros+parseInt(document.getElementById("campoAsignacionMovilizacionNumeroDeLaSolicitud").value);
                    }
    
                    if(document.getElementById("campoAsignacionColacionNumeroDeLaSolicitud").value!=""  && document.getElementById("campoAsignacionColacionNumeroDeLaSolicitud").value!=null){
                        totalHaberesNumeros=totalHaberesNumeros+parseInt(document.getElementById("campoAsignacionColacionNumeroDeLaSolicitud").value);
                    }
    
                    if(document.getElementById("campoAsignacionSalaCunaNumeroDeLaSolicitud").value!=""  && document.getElementById("campoAsignacionSalaCunaNumeroDeLaSolicitud").value!=null){
                        totalHaberesNumeros=totalHaberesNumeros+parseInt(document.getElementById("campoAsignacionSalaCunaNumeroDeLaSolicitud").value);
                    }
    
                    if(document.getElementById("campoViaticoNumeroDeLaSolicitud").value!=""  && document.getElementById("campoViaticoNumeroDeLaSolicitud").value!=null){
                        totalHaberesNumeros=totalHaberesNumeros+parseInt(document.getElementById("campoViaticoNumeroDeLaSolicitud").value);
                    }
    
                    let filasBonos = document.getElementById('tabla-otros-bonos').tBodies[0].querySelectorAll("tr");
                    filasBonos.forEach(elemento => {
                        if(elemento.querySelector(".tabla-contador-otros-bonos")){
                            totalHaberesNumeros=totalHaberesNumeros+parseInt(elemento.querySelector(".tabla-monto-numero-otros-bonos").innerHTML);
                        }
                    });
    
                    document.getElementById("campoTotalHaberesNumeroDeLaSolicitud").value = totalHaberesNumeros;
    
                    let valorTotalHaberes = formatoSinDecimales.format(totalHaberesNumeros);
                    valorTotalHaberes = valorTotalHaberes.replace("$", "");
                    valorTotalHaberes = valorTotalHaberes.replace("CLP", "");
                    document.getElementById("campoTotalHaberesDeLaSolicitud").value = "CLP $ " + valorTotalHaberes;
                } else {
                    document.getElementById(idCampoNumero).value = 0;
                    campo.value = "CLP $ 0";
    
                    if(idCampoNumero=="campoSueldoBaseNumeroDeLaSolicitud"){
                        document.getElementById("campoGratificacionDeLaSolicitud").value="";
                        document.getElementById("campoGratificacionNumeroDeLaSolicitud").value="";
                    }
    
                    let formatoSinDecimales = new Intl.NumberFormat("es-CL", {
                        style: "currency",
                        currency: "CLP",
                    })
    
                    let totalHaberesNumeros=0;
                    if(document.getElementById("campoSueldoBaseNumeroDeLaSolicitud").value!=""  && document.getElementById("campoSueldoBaseNumeroDeLaSolicitud").value!=null){
                        totalHaberesNumeros=totalHaberesNumeros+parseInt(document.getElementById("campoSueldoBaseNumeroDeLaSolicitud").value);
                    }
    
                    if(document.getElementById("campoGratificacionNumeroDeLaSolicitud").value!=""  && document.getElementById("campoGratificacionNumeroDeLaSolicitud").value!=null){
                        totalHaberesNumeros=totalHaberesNumeros+parseInt(document.getElementById("campoGratificacionNumeroDeLaSolicitud").value);
                    }
    
                    if(document.getElementById("campoAsignacionMovilizacionNumeroDeLaSolicitud").value!=""  && document.getElementById("campoAsignacionMovilizacionNumeroDeLaSolicitud").value!=null){
                        totalHaberesNumeros=totalHaberesNumeros+parseInt(document.getElementById("campoAsignacionMovilizacionNumeroDeLaSolicitud").value);
                    }
    
                    if(document.getElementById("campoAsignacionColacionNumeroDeLaSolicitud").value!=""  && document.getElementById("campoAsignacionColacionNumeroDeLaSolicitud").value!=null){
                        totalHaberesNumeros=totalHaberesNumeros+parseInt(document.getElementById("campoAsignacionColacionNumeroDeLaSolicitud").value);
                    }
    
                    if(document.getElementById("campoAsignacionSalaCunaNumeroDeLaSolicitud").value!=""  && document.getElementById("campoAsignacionSalaCunaNumeroDeLaSolicitud").value!=null){
                        totalHaberesNumeros=totalHaberesNumeros+parseInt(document.getElementById("campoAsignacionSalaCunaNumeroDeLaSolicitud").value);
                    }
    
                    if(document.getElementById("campoViaticoNumeroDeLaSolicitud").value!=""  && document.getElementById("campoViaticoNumeroDeLaSolicitud").value!=null){
                        totalHaberesNumeros=totalHaberesNumeros+parseInt(document.getElementById("campoViaticoNumeroDeLaSolicitud").value);
                    }
    
                    let filasBonos = document.getElementById('tabla-otros-bonos').tBodies[0].querySelectorAll("tr");
                    filasBonos.forEach(elemento => {
                        if(elemento.querySelector(".tabla-contador-otros-bonos")){
                            totalHaberesNumeros=totalHaberesNumeros+parseInt(elemento.querySelector(".tabla-monto-numero-otros-bonos").innerHTML);
                        }
                    });
    
                    document.getElementById("campoTotalHaberesNumeroDeLaSolicitud").value = totalHaberesNumeros;
    
                    let valorTotalHaberes = formatoSinDecimales.format(totalHaberesNumeros);
                    valorTotalHaberes = valorTotalHaberes.replace("$", "");
                    valorTotalHaberes = valorTotalHaberes.replace("CLP", "");
                    document.getElementById("campoTotalHaberesDeLaSolicitud").value = "CLP $ " + valorTotalHaberes;
                }
            } else {
                document.getElementById(idCampoNumero).value = 0;
                campo.value = "CLP $ 0";
    
                if(idCampoNumero=="campoSueldoBaseNumeroDeLaSolicitud"){
                    document.getElementById("campoGratificacionDeLaSolicitud").value="";
                    document.getElementById("campoGratificacionNumeroDeLaSolicitud").value="";
                }
    
                let formatoSinDecimales = new Intl.NumberFormat("es-CL", {
                    style: "currency",
                    currency: "CLP",
                })
    
                let totalHaberesNumeros=0;
                if(document.getElementById("campoSueldoBaseNumeroDeLaSolicitud").value!=""  && document.getElementById("campoSueldoBaseNumeroDeLaSolicitud").value!=null){
                    totalHaberesNumeros=totalHaberesNumeros+parseInt(document.getElementById("campoSueldoBaseNumeroDeLaSolicitud").value);
                }
    
                if(document.getElementById("campoGratificacionNumeroDeLaSolicitud").value!=""  && document.getElementById("campoGratificacionNumeroDeLaSolicitud").value!=null){
                    totalHaberesNumeros=totalHaberesNumeros+parseInt(document.getElementById("campoGratificacionNumeroDeLaSolicitud").value);
                }
    
                if(document.getElementById("campoAsignacionMovilizacionNumeroDeLaSolicitud").value!=""  && document.getElementById("campoAsignacionMovilizacionNumeroDeLaSolicitud").value!=null){
                    totalHaberesNumeros=totalHaberesNumeros+parseInt(document.getElementById("campoAsignacionMovilizacionNumeroDeLaSolicitud").value);
                }
    
                if(document.getElementById("campoAsignacionColacionNumeroDeLaSolicitud").value!=""  && document.getElementById("campoAsignacionColacionNumeroDeLaSolicitud").value!=null){
                    totalHaberesNumeros=totalHaberesNumeros+parseInt(document.getElementById("campoAsignacionColacionNumeroDeLaSolicitud").value);
                }
    
                if(document.getElementById("campoAsignacionSalaCunaNumeroDeLaSolicitud").value!=""  && document.getElementById("campoAsignacionSalaCunaNumeroDeLaSolicitud").value!=null){
                    totalHaberesNumeros=totalHaberesNumeros+parseInt(document.getElementById("campoAsignacionSalaCunaNumeroDeLaSolicitud").value);
                }
    
                if(document.getElementById("campoViaticoNumeroDeLaSolicitud").value!=""  && document.getElementById("campoViaticoNumeroDeLaSolicitud").value!=null){
                    totalHaberesNumeros=totalHaberesNumeros+parseInt(document.getElementById("campoViaticoNumeroDeLaSolicitud").value);
                }
    
                let filasBonos = document.getElementById('tabla-otros-bonos').tBodies[0].querySelectorAll("tr");
                filasBonos.forEach(elemento => {
                    if(elemento.querySelector(".tabla-contador-otros-bonos")){
                        totalHaberesNumeros=totalHaberesNumeros+parseInt(elemento.querySelector(".tabla-monto-numero-otros-bonos").innerHTML);
                    }
                });
    
                document.getElementById("campoTotalHaberesNumeroDeLaSolicitud").value = totalHaberesNumeros;
    
                let valorTotalHaberes = formatoSinDecimales.format(totalHaberesNumeros);
                valorTotalHaberes = valorTotalHaberes.replace("$", "");
                valorTotalHaberes = valorTotalHaberes.replace("CLP", "");
                document.getElementById("campoTotalHaberesDeLaSolicitud").value = "CLP $ " + valorTotalHaberes;
            }
        }
    
        function obtenerContratoVigentoDeUnCentroDeCosto(campo,tipoDeResolicion,inicializacionInicial) {
            if (campo.value != "") {
                let url = '{{ route('contrato-comercial.obtener-contrato-por-cc', ':id') }}';
                url = url.replace(':id', campo.value);
                let csrf = '{{ csrf_token() }}';
    
                $.ajax({
                    type: 'POST',
                    datatype: 'json',
                    url: url,
                    headers: {
                        'X-CSRF-TOKEN': csrf
                    },
                    success: function(data) {
                        if (data.contrato != null) {
                            document.getElementById("campoNumeroDeContratoDeLaSolicitud").value = data.contrato.numero_contrato;
                            document.getElementById("campoNombreDeContratoDeLaSolicitud").value = data.contrato.contrato;
                            document.getElementById("campoIdContratoComercialDeLaSolicitud").value = data.contrato.id;
                            let hayCargos=false;
    
                            document.getElementById("campoCargoOcuparDeLaSolicitud").innerHTML = '<option value="">--Seleccionar Cargo A Ocupar--</option>';
                            data.cargos.forEach(elemento => {
                                hayCargos=true;
                                document.getElementById("campoCargoOcuparDeLaSolicitud").innerHTML += '<option value="' + elemento + '">' + elemento + '</option>';
                            });
                            $('#campoCargoOcuparDeLaSolicitud').selectpicker("refresh");
                            $('#campoCargoOcuparDeLaSolicitud').selectpicker('val', "");
    
                            document.getElementById("campoJornadaDeTrabajoDeLaSolicitud").innerHTML = '<option value="">--Seleccionar Jornada de Trabajo--</option>';
                            $('#campoJornadaDeTrabajoDeLaSolicitud').selectpicker("refresh");
                            $('#campoJornadaDeTrabajoDeLaSolicitud').selectpicker('val', "");
            
                            document.getElementById("campoHorarioDeTrabajoDeLaSolicitud").innerHTML = '<option value="">--Seleccionar Horario de Trabajo--</option>';
                            $('#campoHorarioDeTrabajoDeLaSolicitud').selectpicker("refresh");
                            $('#campoHorarioDeTrabajoDeLaSolicitud').selectpicker('val', "");
            
                            document.getElementById("campoNumeroDeResolucionDeLaSolicitud").value='';
                            if(document.getElementById("tipoResolucion").value=='excepcional'){
                                document.getElementById("idResolucion").value='';
                            }
                            document.getElementById("botonDeNuevoCargo").removeAttribute("disabled");

                            if(tipoDeResolicion=="Excepcional"){
                                if(inicializacionInicial==true){
                                    @if($solicitud->cargoDeLaResolucion)
                                        $('#campoCargoOcuparDeLaSolicitud').selectpicker('val', '{{$solicitud->cargoDeLaResolucion->cargo}}');
                                        obtenerTodosLasJornadasOperativosDeUnCargo(document.getElementById("campoCargoOcuparDeLaSolicitud"),tipoDeResolicion,true);
                                    @endif
                                }
                            }else{
                                if(inicializacionInicial==true){
                                    document.getElementById("campoNuevoCargoEspecialDeLaSolicitud").value='{{$solicitud->nuevo_cargo}}';
                                    $('#campoDeResolucionEspecial').selectpicker('val', '{{$solicitud->resolucion->tipo}}');
                                    obtenerTodosLasJornadasOperativosDeUnaResolucionEspecial(document.getElementById("campoDeResolucionEspecial"),tipoDeResolicion,true)
                                }
                            }
                        } else {
                            document.getElementById("campoNumeroDeContratoDeLaSolicitud").value = "";
                            document.getElementById("campoNombreDeContratoDeLaSolicitud").value = "";
                            document.getElementById("campoIdContratoComercialDeLaSolicitud").value = "";
    
                            document.getElementById("campoCargoOcuparDeLaSolicitud").innerHTML = '<option value="">--Seleccionar Cargo A Ocupar--</option>';
                            $('#campoCargoOcuparDeLaSolicitud').selectpicker("refresh");
                            $('#campoCargoOcuparDeLaSolicitud').selectpicker('val', "");
    
                            document.getElementById("campoJornadaDeTrabajoDeLaSolicitud").innerHTML = '<option value="">--Seleccionar Jornada de Trabajo--</option>';
                            $('#campoJornadaDeTrabajoDeLaSolicitud').selectpicker("refresh");
                            $('#campoJornadaDeTrabajoDeLaSolicitud').selectpicker('val', "");
            
                            document.getElementById("campoHorarioDeTrabajoDeLaSolicitud").innerHTML = '<option value="">--Seleccionar Horario de Trabajo--</option>';
                            $('#campoHorarioDeTrabajoDeLaSolicitud').selectpicker("refresh");
                            $('#campoHorarioDeTrabajoDeLaSolicitud').selectpicker('val', "");
            
                            document.getElementById("campoNumeroDeResolucionDeLaSolicitud").value='';
                            if(document.getElementById("tipoResolucion").value=='excepcional'){
                                document.getElementById("idResolucion").value='';
                            }
                            document.getElementById("botonDeNuevoCargo").removeAttribute("disabled");
                        }
    
                        let selectedIndex = campo.selectedIndex;
                        let selectedOptionText = campo.options[selectedIndex].text;
                        let correlativo="ST-CT-"+selectedOptionText+"-"+numeroCorrelativo;
                        document.getElementById("campoCorrelativoDeLaSolicitud").value=correlativo;
                    },
                    error: function(data) {
                        console.log(data)
                    }
                })
            } else {
                document.getElementById("campoNumeroDeContratoDeLaSolicitud").value = "";
                document.getElementById("campoNombreDeContratoDeLaSolicitud").value = "";
                document.getElementById("campoIdContratoComercialDeLaSolicitud").value = "";
    
                document.getElementById("campoCargoOcuparDeLaSolicitud").innerHTML = '<option value="">--Seleccionar Jornada de Trabajo--</option>';
                $('#campoCargoOcuparDeLaSolicitud').selectpicker("refresh");
                $('#campoCargoOcuparDeLaSolicitud').selectpicker('val', "");
    
                document.getElementById("campoJornadaDeTrabajoDeLaSolicitud").innerHTML = '<option value="">--Seleccionar Jornada de Trabajo--</option>';
                $('#campoJornadaDeTrabajoDeLaSolicitud').selectpicker("refresh");
                $('#campoJornadaDeTrabajoDeLaSolicitud').selectpicker('val', "");
    
                document.getElementById("campoHorarioDeTrabajoDeLaSolicitud").innerHTML = '<option value="">--Seleccionar Horario de Trabajo--</option>';
                $('#campoHorarioDeTrabajoDeLaSolicitud').selectpicker("refresh");
                $('#campoHorarioDeTrabajoDeLaSolicitud').selectpicker('val', "");
    
                document.getElementById("campoNumeroDeResolucionDeLaSolicitud").value='';
                if(document.getElementById("tipoResolucion").value=='excepcional'){
                    document.getElementById("idResolucion").value='';
                }
                document.getElementById("botonDeNuevoCargo").removeAttribute("disabled");
            }
        }
    
        function obtenerTodosLasJornadasOperativosDeUnCargo(campo,tipoDeResolicion,inicializacionInicial) {
            if (campo.value != "") {
                let url = '{{ route('resolucion.obtener-listado-jornadas', ':id') }}';
                url = url.replace(':id', document.getElementById("campoIdContratoComercialDeLaSolicitud").value);
                var formData = new FormData();
                formData.append('cargo', campo.value);
                let csrf = '{{ csrf_token() }}';
    
                $.ajax({
                    url: url,
                    method: 'POST',
                    data: formData,
                    contentType: false,
                    processData: false,
                    dataType: 'json',
                    headers: {
                        'X-CSRF-TOKEN': csrf
                    },
                    success: function(data) {
                        if (data.jornadas != null) {
                            document.getElementById("campoJornadaDeTrabajoDeLaSolicitud").innerHTML = '<option value="">--Seleccionar Jornada de Trabajo--</option>';
                            let hayJornadas=false;
                            data.jornadas.forEach(elemento => {
                                hayJornadas=true;
                                document.getElementById("campoJornadaDeTrabajoDeLaSolicitud").innerHTML += '<option value="' + elemento + '">' + elemento + '</option>';
                            });
                            $('#campoJornadaDeTrabajoDeLaSolicitud').selectpicker("refresh");
                            $('#campoJornadaDeTrabajoDeLaSolicitud').selectpicker('val', "");
    
                            document.getElementById("campoHorarioDeTrabajoDeLaSolicitud").innerHTML = '<option value="">--Seleccionar Horario de Trabajo--</option>';
                            $('#campoHorarioDeTrabajoDeLaSolicitud').selectpicker("refresh");
                            $('#campoHorarioDeTrabajoDeLaSolicitud').selectpicker('val', "");
    
                            document.getElementById("campoNumeroDeResolucionDeLaSolicitud").value='';
                            document.getElementById("idResolucion").value='';
                            document.getElementById("botonDeNuevoCargo").removeAttribute("disabled");

                            if(tipoDeResolicion=="Excepcional"){
                                if(inicializacionInicial==true){
                                    $('#campoJornadaDeTrabajoDeLaSolicitud').selectpicker('val', '{{$solicitud->resolucion->jornadaDeTrabajo->jornada}}');
                                    obtenerTodosLosHorariosOperativosDeUnaJornada(document.getElementById("campoJornadaDeTrabajoDeLaSolicitud"),tipoDeResolicion,true);
                                }
                            }else{
                                
                            }
                        } else {
                            document.getElementById("campoJornadaDeTrabajoDeLaSolicitud").innerHTML = '<option value="">--Seleccionar Jornada de Trabajo--</option>';
                            $('#campoJornadaDeTrabajoDeLaSolicitud').selectpicker("refresh");
                            $('#campoJornadaDeTrabajoDeLaSolicitud').selectpicker('val', "");
    
                            document.getElementById("campoHorarioDeTrabajoDeLaSolicitud").innerHTML = '<option value="">--Seleccionar Horario de Trabajo--</option>';
                            $('#campoHorarioDeTrabajoDeLaSolicitud').selectpicker("refresh");
                            $('#campoHorarioDeTrabajoDeLaSolicitud').selectpicker('val', "");
    
                            document.getElementById("campoNumeroDeResolucionDeLaSolicitud").value='';
                            document.getElementById("idResolucion").value='';
                            document.getElementById("botonDeNuevoCargo").removeAttribute("disabled");
                        }
                    }
                })
            } else {
                document.getElementById("campoJornadaDeTrabajoDeLaSolicitud").innerHTML = '<option value="">--Seleccionar Jornada de Trabajo--</option>';
                $('#campoJornadaDeTrabajoDeLaSolicitud').selectpicker("refresh");
                $('#campoJornadaDeTrabajoDeLaSolicitud').selectpicker('val', "");
    
                document.getElementById("campoHorarioDeTrabajoDeLaSolicitud").innerHTML = '<option value="">--Seleccionar Horario de Trabajo--</option>';
                $('#campoHorarioDeTrabajoDeLaSolicitud').selectpicker("refresh");
                $('#campoHorarioDeTrabajoDeLaSolicitud').selectpicker('val', "");
    
                document.getElementById("campoNumeroDeResolucionDeLaSolicitud").value='';
                document.getElementById("idResolucion").value='';
                document.getElementById("botonDeNuevoCargo").removeAttribute("disabled");
            }
        }
    
        function obtenerTodosLosHorariosOperativosDeUnaJornada(campo,tipoDeResolicion,inicializacionInicial) {
            if (campo.value != "") {
                let url = '{{ route('resolucion.obtener-listado-horario', ':id') }}';
                url = url.replace(':id', document.getElementById("campoIdContratoComercialDeLaSolicitud").value);
                var formData = new FormData();
                formData.append('cargo', document.getElementById("campoCargoOcuparDeLaSolicitud").value);
                formData.append('jornada', campo.value);
                let csrf = '{{ csrf_token() }}';
    
                $.ajax({
                    url: url,
                    method: 'POST',
                    data: formData,
                    contentType: false,
                    processData: false,
                    dataType: 'json',
                    headers: {
                        'X-CSRF-TOKEN': csrf
                    },
                    success: function(data) {
                        if (data.horarios != null) {
                            document.getElementById("campoHorarioDeTrabajoDeLaSolicitud").innerHTML = '<option value="">--Seleccionar Horario de Trabajo--</option>';
                            let hayHorario=false;
                            data.horarios.forEach(elemento => {
                                hayHorario=true;
                                document.getElementById("campoHorarioDeTrabajoDeLaSolicitud").innerHTML += '<option value="' + elemento + '">' + elemento + '</option>';
                            });
                            $('#campoHorarioDeTrabajoDeLaSolicitud').selectpicker("refresh");
                            $('#campoHorarioDeTrabajoDeLaSolicitud').selectpicker('val', "");
    
                            document.getElementById("campoNumeroDeResolucionDeLaSolicitud").value='';
                            document.getElementById("idResolucion").value='';
                            document.getElementById("botonDeNuevoCargo").removeAttribute("disabled");

                            if(tipoDeResolicion=="Excepcional"){
                                if(inicializacionInicial==true){
                                    $('#campoHorarioDeTrabajoDeLaSolicitud').selectpicker('val', '{{$solicitud->resolucion->horario}}');
                                    obtenerResolucionSegunLosDatosCompletadosDeOtrosCampos(document.getElementById("campoHorarioDeTrabajoDeLaSolicitud"));
                                }
                            }else{
                                
                            }
                        } else {
                            document.getElementById("campoHorarioDeTrabajoDeLaSolicitud").innerHTML = '<option value="">--Seleccionar Horario de Trabajo--</option>';
                            $('#campoHorarioDeTrabajoDeLaSolicitud').selectpicker("refresh");
                            $('#campoHorarioDeTrabajoDeLaSolicitud').selectpicker('val', "");
    
                            document.getElementById("campoNumeroDeResolucionDeLaSolicitud").value='';
                            document.getElementById("idResolucion").value='';
                            document.getElementById("botonDeNuevoCargo").removeAttribute("disabled");
                        }
                    }
                })
            } else {
                document.getElementById("campoHorarioDeTrabajoDeLaSolicitud").innerHTML = '<option value="">--Seleccionar Horario de Trabajo--</option>';
                $('#campoHorarioDeTrabajoDeLaSolicitud').selectpicker("refresh");
                $('#campoHorarioDeTrabajoDeLaSolicitud').selectpicker('val', "");
    
                document.getElementById("campoNumeroDeResolucionDeLaSolicitud").value='';
                document.getElementById("idResolucion").value='';
                document.getElementById("botonDeNuevoCargo").removeAttribute("disabled");
            }
        }
    
        function obtenerResolucionSegunLosDatosCompletadosDeOtrosCampos(campo) {
            if (campo.value != "") {
                let url = '{{ route('resolucion.obtener-solicitud-contratacion', ':id') }}';
                url = url.replace(':id', document.getElementById("campoIdContratoComercialDeLaSolicitud").value);
                var formData = new FormData();
                formData.append('cargo', document.getElementById("campoCargoOcuparDeLaSolicitud").value);
                formData.append('jornada', document.getElementById("campoJornadaDeTrabajoDeLaSolicitud").value);
                formData.append('horario', campo.value);
                let csrf = '{{ csrf_token() }}';
    
                $.ajax({
                    url: url,
                    method: 'POST',
                    data: formData,
                    contentType: false,
                    processData: false,
                    dataType: 'json',
                    headers: {
                        'X-CSRF-TOKEN': csrf
                    },
                    success: function(data) {
                        if (data.resolucion != null) {
                            document.getElementById("campoNumeroDeResolucionDeLaSolicitud").value=data.resolucion.resolucion;
                            document.getElementById("idResolucion").value=data.resolucion.id;
                            document.getElementById("botonDeNuevoCargo").setAttribute("disabled", "true");
                        } else {
                            document.getElementById("campoNumeroDeResolucionDeLaSolicitud").value='';
                            document.getElementById("idResolucion").value='';
                            document.getElementById("botonDeNuevoCargo").removeAttribute("disabled");
                        }
                    },
                    error: function(data) {
                        console.log(data)
                    }
                })
            } else {
                document.getElementById("campoNumeroDeResolucionDeLaSolicitud").value='';
                document.getElementById("idResolucion").value='';
                document.getElementById("botonDeNuevoCargo").removeAttribute("disabled");
            }
        }
    
        function habilitarParaLaCreacionDelNuevoCargo(){
            document.getElementById("tipoResolucion").value="especial";
            document.getElementById("botonDeNuevoCargo").style.display="none";
            document.getElementById("botonDeSeleccionCargoExistente").style.display="inline-block";
            document.getElementById("contenedorDelCampoCargo").style.display="none";
            document.getElementById("contenedorDelCampoJornadaDeTrabajo").style.display="none";
            document.getElementById("contenedorDelCampoHorarioDeTrabajo").style.display="none";
            document.getElementById("contenedorDelCampoResolucion").style.display="none";
    
            document.getElementById("campoNuevoCargoEspecialDeLaSolicitud").value="";
    
            document.getElementById("campoJornadaDeTrabajoEspecialDeLaSolicitud").innerHTML = '<option value="">--Seleccionar Jornada de Trabajo--</option>';
            $('#campoJornadaDeTrabajoEspecialDeLaSolicitud').selectpicker("refresh");
            $('#campoJornadaDeTrabajoEspecialDeLaSolicitud').selectpicker('val', "");
    
            document.getElementById("campoHorarioDeTrabajoEspecialDeLaSolicitud").innerHTML = '<option value="">--Seleccionar Horario de Trabajo--</option>';
            $('#campoHorarioDeTrabajoEspecialDeLaSolicitud').selectpicker("refresh");
            $('#campoHorarioDeTrabajoEspecialDeLaSolicitud').selectpicker('val', "");
            
            $('#campoDeResolucionEspecial').selectpicker('val', "");
            document.getElementById("idResolucion").value="";
    
            document.getElementById("contenedorDeNuevoCargo").style.display="block";
            document.getElementById("contenedorDelCampoDeResolucionEspecial").style.display="block";
            document.getElementById("contenedorDelCampoJornadaDeTrabajoEspecial").style.display="block";
            document.getElementById("contenedorDelCampoHorarioDeTrabajoEspecial").style.display="block";
        }
    
        function obtenerTodosLasJornadasOperativosDeUnaResolucionEspecial(campo,tipoDeResolicion,inicializacionInicial) {
            if (campo.value != "") {
                var formData = new FormData();
                formData.append('resolucion', campo.value);
                let csrf = '{{ csrf_token() }}';
    
                $.ajax({
                    url: '{{ route('resolucion.obtener-listado-jornadas-especial') }}',
                    method: 'POST',
                    data: formData,
                    contentType: false,
                    processData: false,
                    dataType: 'json',
                    headers: {
                        'X-CSRF-TOKEN': csrf
                    },
                    success: function(data) {
                        console.log(data)
                        if (data.jornadas != null) {
                            document.getElementById("campoJornadaDeTrabajoEspecialDeLaSolicitud").innerHTML = '<option value="">--Seleccionar Jornada de Trabajo--</option>';
                            data.jornadas.forEach(elemento => {
                                document.getElementById("campoJornadaDeTrabajoEspecialDeLaSolicitud").innerHTML += '<option value="' + elemento + '">' + elemento + '</option>';
                            });
                            $('#campoJornadaDeTrabajoEspecialDeLaSolicitud').selectpicker("refresh");
                            $('#campoJornadaDeTrabajoEspecialDeLaSolicitud').selectpicker('val', "");
    
                            document.getElementById("campoHorarioDeTrabajoEspecialDeLaSolicitud").innerHTML = '<option value="">--Seleccionar Horario de Trabajo--</option>';
                            $('#campoHorarioDeTrabajoEspecialDeLaSolicitud').selectpicker("refresh");
                            $('#campoHorarioDeTrabajoEspecialDeLaSolicitud').selectpicker('val', "");
    
                            document.getElementById("idResolucion").value='';
                            document.getElementById("botonDeSeleccionCargoExistente").removeAttribute("disabled");

                            if(tipoDeResolicion!="Excepcional"){
                                if(inicializacionInicial==true){
                                    $('#campoJornadaDeTrabajoEspecialDeLaSolicitud').selectpicker('val', '{{$solicitud->resolucion->jornadaDeTrabajo->jornada}}');
                                    obtenerTodosLosHorariosOperativosDeUnaJornadaDeUnaResolucionEspecial(document.getElementById("campoJornadaDeTrabajoEspecialDeLaSolicitud"),tipoDeResolicion,true);
                                }
                            }
                        } else {
                            document.getElementById("campoJornadaDeTrabajoEspecialDeLaSolicitud").innerHTML = '<option value="">--Seleccionar Jornada de Trabajo--</option>';
                            $('#campoJornadaDeTrabajoEspecialDeLaSolicitud').selectpicker("refresh");
                            $('#campoJornadaDeTrabajoEspecialDeLaSolicitud').selectpicker('val', "");
            
                            document.getElementById("campoHorarioDeTrabajoEspecialDeLaSolicitud").innerHTML = '<option value="">--Seleccionar Horario de Trabajo--</option>';
                            $('#campoHorarioDeTrabajoEspecialDeLaSolicitud').selectpicker("refresh");
                            $('#campoHorarioDeTrabajoEspecialDeLaSolicitud').selectpicker('val', "");
    
                            document.getElementById("idResolucion").value='';
                            document.getElementById("botonDeSeleccionCargoExistente").removeAttribute("disabled");
                        }
                    },
                    error: function(data) {
                        console.log(data)
                    }
                })
            } else {
                document.getElementById("campoJornadaDeTrabajoEspecialDeLaSolicitud").innerHTML = '<option value="">--Seleccionar Jornada de Trabajo--</option>';
                $('#campoJornadaDeTrabajoEspecialDeLaSolicitud').selectpicker("refresh");
                $('#campoJornadaDeTrabajoEspecialDeLaSolicitud').selectpicker('val', "");
    
                document.getElementById("campoHorarioDeTrabajoEspecialDeLaSolicitud").innerHTML = '<option value="">--Seleccionar Horario de Trabajo--</option>';
                $('#campoHorarioDeTrabajoEspecialDeLaSolicitud').selectpicker("refresh");
                $('#campoHorarioDeTrabajoEspecialDeLaSolicitud').selectpicker('val', "");
    
                document.getElementById("idResolucion").value='';
                document.getElementById("botonDeSeleccionCargoExistente").removeAttribute("disabled");
            }
        }
    
        function obtenerTodosLosHorariosOperativosDeUnaJornadaDeUnaResolucionEspecial(campo,tipoDeResolicion,inicializacionInicial) {
            if (campo.value != "") {
                var formData = new FormData();
                formData.append('resolucion', document.getElementById("campoDeResolucionEspecial").value);
                formData.append('jornada', campo.value);
                let csrf = '{{ csrf_token() }}';
    
                $.ajax({
                    url: '{{ route('resolucion.obtener-listado-horario-especial') }}',
                    method: 'POST',
                    data: formData,
                    contentType: false,
                    processData: false,
                    dataType: 'json',
                    headers: {
                        'X-CSRF-TOKEN': csrf
                    },
                    success: function(data) {
                        console.log(data)
                        if (data.horarios != null) {
                            document.getElementById("campoHorarioDeTrabajoEspecialDeLaSolicitud").innerHTML = '<option value="">--Seleccionar Jornada de Trabajo--</option>';
                            data.horarios.forEach(elemento => {
                                document.getElementById("campoHorarioDeTrabajoEspecialDeLaSolicitud").innerHTML += '<option value="' + elemento + '">' + elemento + '</option>';
                            });
                            $('#campoHorarioDeTrabajoEspecialDeLaSolicitud').selectpicker("refresh");
                            $('#campoHorarioDeTrabajoEspecialDeLaSolicitud').selectpicker('val', "");
    
                            document.getElementById("idResolucion").value='';
                            document.getElementById("botonDeSeleccionCargoExistente").removeAttribute("disabled");

                            if(tipoDeResolicion!="Excepcional"){
                                if(inicializacionInicial==true){
                                    $('#campoHorarioDeTrabajoEspecialDeLaSolicitud').selectpicker('val', '{{$solicitud->resolucion->horario}}');
                                    obtenerResolucionEspecialSegunLosDatosCompletadosDeOtrosCampos(document.getElementById("campoHorarioDeTrabajoEspecialDeLaSolicitud"));
                                }
                            }
                        } else {
                            document.getElementById("campoHorarioDeTrabajoEspecialDeLaSolicitud").innerHTML = '<option value="">--Seleccionar Horario de Trabajo--</option>';
                            $('#campoHorarioDeTrabajoEspecialDeLaSolicitud').selectpicker("refresh");
                            $('#campoHorarioDeTrabajoEspecialDeLaSolicitud').selectpicker('val', "");
    
                            document.getElementById("idResolucion").value='';
                            document.getElementById("botonDeSeleccionCargoExistente").removeAttribute("disabled");
                        }
                    },
                    error: function(data) {
                        console.log(data)
                    }
                })
            } else {
                document.getElementById("campoHorarioDeTrabajoEspecialDeLaSolicitud").innerHTML = '<option value="">--Seleccionar Horario de Trabajo--</option>';
                $('#campoHorarioDeTrabajoEspecialDeLaSolicitud').selectpicker("refresh");
                $('#campoHorarioDeTrabajoEspecialDeLaSolicitud').selectpicker('val', "");
    
                document.getElementById("idResolucion").value='';
                document.getElementById("botonDeSeleccionCargoExistente").removeAttribute("disabled");
            }
        }
    
        function obtenerResolucionEspecialSegunLosDatosCompletadosDeOtrosCampos(campo) {
            if (campo.value != "") {
                var formData = new FormData();
                formData.append('resolucion', document.getElementById("campoDeResolucionEspecial").value);
                formData.append('jornada', document.getElementById("campoJornadaDeTrabajoEspecialDeLaSolicitud").value);
                formData.append('horario', campo.value);
                let csrf = '{{ csrf_token() }}';
    
                $.ajax({
                    url: '{{ route('resolucion.obtener-solicitud-contratacion-especial') }}',
                    method: 'POST',
                    data: formData,
                    contentType: false,
                    processData: false,
                    dataType: 'json',
                    headers: {
                        'X-CSRF-TOKEN': csrf
                    },
                    success: function(data) {
                        console.log(data)
                        if (data.resolucion != null) {
                            document.getElementById("idResolucion").value=data.resolucion.id;
                            document.getElementById("botonDeSeleccionCargoExistente").setAttribute("disabled","true");
                        } else {
                            document.getElementById("idResolucion").value="";
                            document.getElementById("botonDeSeleccionCargoExistente").removeAttribute("disabled");
                        }
                    },
                    error: function(data) {
                        console.log(data)
                    }
                })
            } else {
                document.getElementById("idResolucion").value="";
                document.getElementById("botonDeSeleccionCargoExistente").removeAttribute("disabled");
            }
        }
    
        function habilitarParaLaSeleccionCargoExistente(){
            document.getElementById("tipoResolucion").value="excepcional";
            document.getElementById("botonDeNuevoCargo").style.display="inline-block";
            document.getElementById("botonDeSeleccionCargoExistente").style.display="none";
            document.getElementById("contenedorDelCampoCargo").style.display="block";
            document.getElementById("contenedorDelCampoJornadaDeTrabajo").style.display="block";
            document.getElementById("contenedorDelCampoHorarioDeTrabajo").style.display="block";
            document.getElementById("contenedorDelCampoResolucion").style.display="block";
    
            document.getElementById("contenedorDeNuevoCargo").style.display="none";
            document.getElementById("contenedorDelCampoDeResolucionEspecial").style.display="none";
            document.getElementById("contenedorDelCampoJornadaDeTrabajoEspecial").style.display="none";
            document.getElementById("contenedorDelCampoHorarioDeTrabajoEspecial").style.display="none";
    
            document.getElementById("campoJornadaDeTrabajoDeLaSolicitud").innerHTML = '<option value="">--Seleccionar Jornada de Trabajo--</option>';
            $('#campoJornadaDeTrabajoDeLaSolicitud').selectpicker("refresh");
            $('#campoJornadaDeTrabajoDeLaSolicitud').selectpicker('val', "");
    
            document.getElementById("campoHorarioDeTrabajoDeLaSolicitud").innerHTML = '<option value="">--Seleccionar Horario de Trabajo--</option>';
            $('#campoHorarioDeTrabajoDeLaSolicitud').selectpicker("refresh");
            $('#campoHorarioDeTrabajoDeLaSolicitud').selectpicker('val', "");
    
            document.getElementById("campoNumeroDeResolucionDeLaSolicitud").value='';
            document.getElementById("idResolucion").value='';
        }
    
        function limpiarDatosDeLasResolucionesyJornadas(){
            document.getElementById("campoCargoOcuparDeLaSolicitud").innerHTML = '<option value="">--Seleccionar Jornada de Trabajo--</option>';
            $('#campoCargoOcuparDeLaSolicitud').selectpicker('refresh');
            $('#campoCargoOcuparDeLaSolicitud').selectpicker('val', "");
            document.getElementById("validacionCampoCargoOcuparDeLaSolicitud").innerHTML = "";
            document.getElementById("campoCargoOcuparDeLaSolicitud").classList.remove('input-success-icon');
            document.getElementById("campoCargoOcuparDeLaSolicitud").classList.remove('input-error-icon');
            document.getElementById("validacionCampoCargoOcuparDeLaSolicitud").style.display = "none";
    
            document.getElementById("campoJornadaDeTrabajoDeLaSolicitud").innerHTML = '<option value="">--Seleccionar Jornada de Trabajo--</option>';
            $('#campoJornadaDeTrabajoDeLaSolicitud').selectpicker('refresh');
            $('#campoJornadaDeTrabajoDeLaSolicitud').selectpicker('val', "");
            document.getElementById("validacionCampoJornadaDeTrabajoDeLaSolicitud").innerHTML = "";
            document.getElementById("campoJornadaDeTrabajoDeLaSolicitud").classList.remove('input-success-icon');
            document.getElementById("campoJornadaDeTrabajoDeLaSolicitud").classList.remove('input-error-icon');
            document.getElementById("validacionCampoJornadaDeTrabajoDeLaSolicitud").style.display = "none";
    
            document.getElementById("campoHorarioDeTrabajoDeLaSolicitud").innerHTML = '<option value="">--Seleccionar Horario de Trabajo--</option>';
            $('#campoHorarioDeTrabajoDeLaSolicitud').selectpicker('refresh');
            $('#campoHorarioDeTrabajoDeLaSolicitud').selectpicker('val', "");
            document.getElementById("validacionCampoHorarioDeTrabajoDeLaSolicitud").innerHTML = "";
            document.getElementById("campoHorarioDeTrabajoDeLaSolicitud").classList.remove('input-success-icon');
            document.getElementById("campoHorarioDeTrabajoDeLaSolicitud").classList.remove('input-error-icon');
            document.getElementById("validacionCampoHorarioDeTrabajoDeLaSolicitud").style.display = "none";
    
            document.getElementById("idResolucion").value='';
            document.getElementById("campoNumeroDeResolucionDeLaSolicitud").value = "";
            document.getElementById("validacionCampoNumeroDeResolucionDeLaSolicitud").innerHTML = "";
            document.getElementById("campoNumeroDeResolucionDeLaSolicitud").setAttribute("class", "form-control");
    
            document.getElementById("CampoTeletrabajoSi").checked = false;
            document.getElementById("CampoTeletrabajoNo").checked = false;
            document.getElementById("validacionCampoTeletrabajoDeLaSolicitud").innerHTML = "";
            document.getElementById("validacionCampoTeletrabajoDeLaSolicitud").style.display = "none";
    
            document.getElementById("campoNuevoCargoEspecialDeLaSolicitud").value = "";
            document.getElementById("validacionCampoNuevoCargoEspecialDeLaSolicitud").innerHTML = "";
            document.getElementById("campoNuevoCargoEspecialDeLaSolicitud").setAttribute("class", "form-control");
    
            $('#campoDeResolucionEspecial').selectpicker('val', "");
            document.getElementById("validacionCampoDeResolucionEspecial").innerHTML = "";
            document.getElementById("campoDeResolucionEspecial").classList.remove('input-success-icon');
            document.getElementById("campoDeResolucionEspecial").classList.remove('input-error-icon');
            document.getElementById("validacionCampoDeResolucionEspecial").style.display = "none";
    
            document.getElementById("campoJornadaDeTrabajoEspecialDeLaSolicitud").innerHTML = '<option value="">--Seleccionar Jornada de Trabajo--</option>';
            $('#campoJornadaDeTrabajoEspecialDeLaSolicitud').selectpicker('refresh');
            $('#campoJornadaDeTrabajoEspecialDeLaSolicitud').selectpicker('val', "");
            document.getElementById("validacionCampoJornadaDeTrabajoEspecialDeLaSolicitud").innerHTML = "";
            document.getElementById("campoJornadaDeTrabajoEspecialDeLaSolicitud").classList.remove('input-success-icon');
            document.getElementById("campoJornadaDeTrabajoEspecialDeLaSolicitud").classList.remove('input-error-icon');
            document.getElementById("validacionCampoJornadaDeTrabajoEspecialDeLaSolicitud").style.display = "none";
    
            document.getElementById("campoHorarioDeTrabajoEspecialDeLaSolicitud").innerHTML = '<option value="">--Seleccionar Horario de Trabajo--</option>';
            $('#campoHorarioDeTrabajoEspecialDeLaSolicitud').selectpicker('refresh');
            $('#campoHorarioDeTrabajoEspecialDeLaSolicitud').selectpicker('val', "");
            document.getElementById("validacionCampoHorarioDeTrabajoEspecialDeLaSolicitud").innerHTML = "";
            document.getElementById("campoHorarioDeTrabajoEspecialDeLaSolicitud").classList.remove('input-success-icon');
            document.getElementById("campoHorarioDeTrabajoEspecialDeLaSolicitud").classList.remove('input-error-icon');
            document.getElementById("validacionCampoHorarioDeTrabajoEspecialDeLaSolicitud").style.display = "none";
    
            document.getElementById("botonDeNuevoCargo").removeAttribute("disabled");
            document.getElementById("botonDeSeleccionCargoExistente").removeAttribute("disabled");
        }
    </script>
    
    <script>
        let indexRegistrosDeOtrosBonos = {{$indexBono}};
    
        function agregarOtroBono() {
            let bono = document.getElementById("campoBonoDeLaSolicitud").value.trim();
            let nombreOtroBono = document.getElementById("campoNombreBonoOtroDeLaSolicitud").value.trim();
            let montoOtroBonoConFormato = document.getElementById("campoMontoBonoOtroDeLaSolicitud").value.trim();
            let montoOtroBonoNumero = document.getElementById("campoMontoBonoOtroNumeroDeLaSolicitud").value.trim();
            let observacionOtroBono = document.getElementById("campoObservacionBonoOtro").value.trim();
            if (bono.length > 0 && montoOtroBonoConFormato.length > 0 && montoOtroBonoNumero.length > 0) {
                let error = false;
                let errorBonoRepetido = false;
                if (parseInt(montoOtroBonoNumero) == 0) {
                    error = true;
                }
    
                if (bono == "Otro") {
                    if (nombreOtroBono.length == 0) {
                        error = true;
                    }
                }
    
                let filas = document.getElementById('tabla-otros-bonos').tBodies[0].querySelectorAll("tr");
                filas.forEach(fila => {
                    if (fila.querySelector(".tabla-contador-otros-bonos")) {
                        let nombreBonoTabla = fila.querySelector(".tabla-nombre-otros-bonos").innerHTML.trim();
                        if (bono == "Otro") {
                            if (nombreOtroBono.toLowerCase() == nombreBonoTabla.toLowerCase()) {
                                error = true;
                                errorBonoRepetido = true;
                            }
                        } else {
                            if (bono.toLowerCase() == nombreBonoTabla.toLowerCase()) {
                                error = true;
                                errorBonoRepetido = true;
                            }
                        }
                    }
                });
    
                if (error == false) {
                    indexRegistrosDeOtrosBonos++;
                    let nombreDelBonoTabla = "";
                    if (document.getElementById("otrosBonosNoDisponibleEnLaTabla")) {
                        document.getElementById("otrosBonosNoDisponibleEnLaTabla").remove();
                    }
    
                    if (bono == "Otro") {
                        nombreDelBonoTabla = nombreOtroBono;
                    } else {
                        nombreDelBonoTabla = bono;
                    }
    
                    document.getElementById("registroDeOtrosBonos").innerHTML +=
                        '<tr role="row" class="odd">' +
                        '<td class="tabla-monto-numero-otros-bonos" style="display:none;">' + montoOtroBonoNumero + '</td>' +
                        '<td class="tabla-contador-otros-bonos">' + indexRegistrosDeOtrosBonos + '</td>' +
                        '<td class="tabla-nombre-otros-bonos">' + nombreDelBonoTabla + '</td>' +
                        '<td class="tabla-monto-con-formato-otros-bonos">' + montoOtroBonoConFormato + '</td>' +
                        '<td class="tabla-observacion-otros-bonos">' + observacionOtroBono + '</td>' +
                        '<td class="tabla-accion-estudios">' +
                        '<button onclick="habilitarBotonConfirmarEliminaciononOtrosMontos(this)" type="button" class="btn btn-danger mr-1"><i class="fas fa-trash-alt"></i></button>' +
                        '<button onclick="eliminarFilaOtrosMontos(this)" style="display: none;" type="button" class="btn btn-danger boton-confirmar-item mr-1">Confirmar</button>' +
                        '</td>' +
                        '</tr>';
    
                    $('#campoBonoDeLaSolicitud').selectpicker('val', "");
                    document.getElementById("validacionCampoBonoDeLaSolicitud").innerHTML = "";
                    document.getElementById("campoBonoDeLaSolicitud").classList.remove('input-success-icon');
                    document.getElementById("campoBonoDeLaSolicitud").classList.remove('input-error-icon');
                    document.getElementById("validacionCampoBonoDeLaSolicitud").style.display = "none";
    
                    document.getElementById("contenedorCampoOtroBono").style.display = "none";
                    document.getElementById("campoNombreBonoOtroDeLaSolicitud").value = "";
                    document.getElementById("validacioCampoNombreBonoOtroDeLaSolicitud").innerHTML = "";
                    document.getElementById("campoNombreBonoOtroDeLaSolicitud").setAttribute("class", "form-control");
    
                    document.getElementById("campoMontoBonoOtroDeLaSolicitud").value = "";
                    document.getElementById("campoMontoBonoOtroNumeroDeLaSolicitud").value = "";
                    document.getElementById("validacionCampoMontoBonoOtroDeLaSolicitud").innerHTML = "";
                    document.getElementById("campoMontoBonoOtroDeLaSolicitud").setAttribute("class", "form-control");
    
                    document.getElementById("campoObservacionBonoOtro").value = "";
                    document.getElementById("validacionCampoObservacionBonoOtro").innerHTML = "";
                    document.getElementById("campoObservacionBonoOtro").setAttribute("class", "form-control");
    
                    if(calculoTope!=null){
                        if(document.getElementById("campoSueldoBaseNumeroDeLaSolicitud").value!=""){
                            if(parseInt(document.getElementById("campoSueldoBaseNumeroDeLaSolicitud").value)>0){
                                let formatoSinDecimales = new Intl.NumberFormat("es-CL", {
                                    style: "currency",
                                    currency: "CLP",
                                })
        
                                let valoresBonos=0;
                                let filas = document.getElementById('tabla-otros-bonos').tBodies[0].querySelectorAll("tr");
                                filas.forEach(elemento => {
                                    if(elemento.querySelector(".tabla-contador-otros-bonos")){
                                        valoresBonos+=parseInt(elemento.querySelector(".tabla-monto-numero-otros-bonos").innerHTML);
                                    }
                                });
        
                                let valorGratificacion=parseInt(document.getElementById("campoSueldoBaseNumeroDeLaSolicitud").value)+valoresBonos;
                                valorGratificacion=valorGratificacion*0.25;
                                valorGratificacion=Math.round(valorGratificacion);
                                if(valorGratificacion>calculoTope){
                                    let valorGratificacionConFormato = formatoSinDecimales.format(calculoTope);
                                    valorGratificacionConFormato = valorGratificacionConFormato.replace("$", "");
                                    valorGratificacionConFormato = valorGratificacionConFormato.replace("CLP", "");
                                    document.getElementById("campoGratificacionDeLaSolicitud").value = "CLP $ " + valorGratificacionConFormato;
                                    document.getElementById("campoGratificacionNumeroDeLaSolicitud").value=calculoTope;
                                }else{
                                    let valorGratificacionConFormato = formatoSinDecimales.format(valorGratificacion);
                                    valorGratificacionConFormato = valorGratificacionConFormato.replace("$", "");
                                    valorGratificacionConFormato = valorGratificacionConFormato.replace("CLP", "");
                                    document.getElementById("campoGratificacionDeLaSolicitud").value = "CLP $ " + valorGratificacionConFormato;
                                    document.getElementById("campoGratificacionNumeroDeLaSolicitud").value=valorGratificacion;
                                }
                            }
                        }
                    }
    
                    let formatoSinDecimales = new Intl.NumberFormat("es-CL", {
                        style: "currency",
                        currency: "CLP",
                    })
    
                    let totalHaberesNumeros=0;
                    if(document.getElementById("campoSueldoBaseNumeroDeLaSolicitud").value!=""  && document.getElementById("campoSueldoBaseNumeroDeLaSolicitud").value!=null){
                        totalHaberesNumeros=totalHaberesNumeros+parseInt(document.getElementById("campoSueldoBaseNumeroDeLaSolicitud").value);
                    }
    
                    if(document.getElementById("campoGratificacionNumeroDeLaSolicitud").value!=""  && document.getElementById("campoGratificacionNumeroDeLaSolicitud").value!=null){
                        totalHaberesNumeros=totalHaberesNumeros+parseInt(document.getElementById("campoGratificacionNumeroDeLaSolicitud").value);
                    }
    
                    if(document.getElementById("campoAsignacionMovilizacionNumeroDeLaSolicitud").value!=""  && document.getElementById("campoAsignacionMovilizacionNumeroDeLaSolicitud").value!=null){
                        totalHaberesNumeros=totalHaberesNumeros+parseInt(document.getElementById("campoAsignacionMovilizacionNumeroDeLaSolicitud").value);
                    }
    
                    if(document.getElementById("campoAsignacionColacionNumeroDeLaSolicitud").value!=""  && document.getElementById("campoAsignacionColacionNumeroDeLaSolicitud").value!=null){
                        totalHaberesNumeros=totalHaberesNumeros+parseInt(document.getElementById("campoAsignacionColacionNumeroDeLaSolicitud").value);
                    }
    
                    if(document.getElementById("campoAsignacionSalaCunaNumeroDeLaSolicitud").value!=""  && document.getElementById("campoAsignacionSalaCunaNumeroDeLaSolicitud").value!=null){
                        totalHaberesNumeros=totalHaberesNumeros+parseInt(document.getElementById("campoAsignacionSalaCunaNumeroDeLaSolicitud").value);
                    }
    
                    if(document.getElementById("campoViaticoNumeroDeLaSolicitud").value!=""  && document.getElementById("campoViaticoNumeroDeLaSolicitud").value!=null){
                        totalHaberesNumeros=totalHaberesNumeros+parseInt(document.getElementById("campoViaticoNumeroDeLaSolicitud").value);
                    }
    
                    let filasBonos = document.getElementById('tabla-otros-bonos').tBodies[0].querySelectorAll("tr");
                    filasBonos.forEach(elemento => {
                        if(elemento.querySelector(".tabla-contador-otros-bonos")){
                            totalHaberesNumeros=totalHaberesNumeros+parseInt(elemento.querySelector(".tabla-monto-numero-otros-bonos").innerHTML);
                        }
                    });
    
                    document.getElementById("campoTotalHaberesNumeroDeLaSolicitud").value = totalHaberesNumeros;
    
                    let valorTotalHaberes = formatoSinDecimales.format(totalHaberesNumeros);
                    valorTotalHaberes = valorTotalHaberes.replace("$", "");
                    valorTotalHaberes = valorTotalHaberes.replace("CLP", "");
                    document.getElementById("campoTotalHaberesDeLaSolicitud").value = "CLP $ " + valorTotalHaberes;
                } else {
                    if (bono.length > 0) {
                        if (bono == "Otro") {
                            if (nombreOtroBono.length > 0) {
                                if (errorBonoRepetido == true) {
                                    document.getElementById("campoNombreBonoOtroDeLaSolicitud").setAttribute("class", "form-control is-invalid");
                                    document.getElementById("validacioCampoNombreBonoOtroDeLaSolicitud").innerHTML = "El campo nombre del bono ya existe en la tabla de bonos";
    
                                    document.getElementById("campoBonoDeLaSolicitud").classList.remove('input-error-icon');
                                    document.getElementById("campoBonoDeLaSolicitud").classList.add('input-success-icon');
                                    document.getElementById("validacionCampoBonoDeLaSolicitud").innerHTML = "";
                                    document.getElementById("validacionCampoBonoDeLaSolicitud").style.display = "none";
                                } else {
                                    document.getElementById("campoNombreBonoOtroDeLaSolicitud").setAttribute("class", "form-control is-valid");
                                    document.getElementById("validacioCampoNombreBonoOtroDeLaSolicitud").innerHTML = "";
    
                                    document.getElementById("campoBonoDeLaSolicitud").classList.remove('input-error-icon');
                                    document.getElementById("campoBonoDeLaSolicitud").classList.add('input-success-icon');
                                    document.getElementById("validacionCampoBonoDeLaSolicitud").innerHTML = "";
                                    document.getElementById("validacionCampoBonoDeLaSolicitud").style.display = "none";
                                }
                            } else {
                                document.getElementById("campoNombreBonoOtroDeLaSolicitud").setAttribute("class", "form-control is-invalid");
                                document.getElementById("validacioCampoNombreBonoOtroDeLaSolicitud").innerHTML = "El campo nombre del bono es obligatorio";
    
                                document.getElementById("campoBonoDeLaSolicitud").classList.remove('input-error-icon');
                                document.getElementById("campoBonoDeLaSolicitud").classList.add('input-success-icon');
                                document.getElementById("validacionCampoBonoDeLaSolicitud").innerHTML = "";
                                document.getElementById("validacionCampoBonoDeLaSolicitud").style.display = "none";
                            }
                        } else {
                            if (errorBonoRepetido == true) {
                                document.getElementById("campoBonoDeLaSolicitud").classList.remove('input-success-icon');
                                document.getElementById("campoBonoDeLaSolicitud").classList.add('input-error-icon');
                                document.getElementById("validacionCampoBonoDeLaSolicitud").innerHTML = "El campo bono ya existe en la tabla de bonos";
                                document.getElementById("validacionCampoBonoDeLaSolicitud").style.display = "block";
                            } else {
                                document.getElementById("campoBonoDeLaSolicitud").classList.remove('input-error-icon');
                                document.getElementById("campoBonoDeLaSolicitud").classList.add('input-success-icon');
                                document.getElementById("validacionCampoBonoDeLaSolicitud").innerHTML = "";
                                document.getElementById("validacionCampoBonoDeLaSolicitud").style.display = "none";
                            }
                        }
                    } else {
                        document.getElementById("campoBonoDeLaSolicitud").classList.remove('input-success-icon');
                        document.getElementById("campoBonoDeLaSolicitud").classList.add('input-error-icon');
                        document.getElementById("validacionCampoBonoDeLaSolicitud").innerHTML = "El campo bono es obligatorio";
                        document.getElementById("validacionCampoBonoDeLaSolicitud").style.display = "block";
                    }
    
                    if (montoOtroBonoConFormato.length > 0 && montoOtroBonoNumero.length > 0) {
                        if (parseInt(montoOtroBonoNumero) > 0) {
                            document.getElementById("campoMontoBonoOtroDeLaSolicitud").setAttribute("class", "form-control is-valid");
                            document.getElementById("validacionCampoMontoBonoOtroDeLaSolicitud").innerHTML = "";
                        } else {
                            document.getElementById("campoMontoBonoOtroDeLaSolicitud").setAttribute("class", "form-control is-invalid");
                            document.getElementById("validacionCampoMontoBonoOtroDeLaSolicitud").innerHTML = "El campo monto del bono debe ser mayor que 0";
                        }
                    } else {
                        document.getElementById("campoMontoBonoOtroDeLaSolicitud").setAttribute("class", "form-control is-invalid");
                        document.getElementById("validacionCampoMontoBonoOtroDeLaSolicitud").innerHTML = "El campo monto del bono es obligatorio";
                    }
    
                    document.getElementById("campoObservacionBonoOtro").setAttribute("class", "form-control is-valid");
                    document.getElementById("validacionCampoObservacionBonoOtro").innerHTML = "";
                }
            } else {
                if (bono.length > 0) {
                    document.getElementById("campoBonoDeLaSolicitud").classList.remove('input-error-icon');
                    document.getElementById("campoBonoDeLaSolicitud").classList.add('input-success-icon');
                    document.getElementById("validacionCampoBonoDeLaSolicitud").innerHTML = "";
                    document.getElementById("validacionCampoBonoDeLaSolicitud").style.display = "none";
                } else {
                    document.getElementById("campoBonoDeLaSolicitud").classList.remove('input-success-icon');
                    document.getElementById("campoBonoDeLaSolicitud").classList.add('input-error-icon');
                    document.getElementById("validacionCampoBonoDeLaSolicitud").innerHTML = "El campo bono es obligatorio";
                    document.getElementById("validacionCampoBonoDeLaSolicitud").style.display = "block";
                }
    
                if (montoOtroBonoConFormato.length > 0 && montoOtroBonoNumero.length > 0) {
                    if (parseInt(montoOtroBonoNumero) > 0) {
                        document.getElementById("campoMontoBonoOtroDeLaSolicitud").setAttribute("class", "form-control is-valid");
                        document.getElementById("validacionCampoMontoBonoOtroDeLaSolicitud").innerHTML = "";
                    } else {
                        document.getElementById("campoMontoBonoOtroDeLaSolicitud").setAttribute("class", "form-control is-invalid");
                        document.getElementById("validacionCampoMontoBonoOtroDeLaSolicitud").innerHTML = "El campo monto del bono debe ser mayor que 0";
                    }
                } else {
                    document.getElementById("campoMontoBonoOtroDeLaSolicitud").setAttribute("class", "form-control is-invalid");
                    document.getElementById("validacionCampoMontoBonoOtroDeLaSolicitud").innerHTML = "El campo monto del bono es obligatorio";
                }
    
                document.getElementById("campoObservacionBonoOtro").setAttribute("class", "form-control is-valid");
                document.getElementById("validacionCampoObservacionBonoOtro").innerHTML = "";
            }
        }
    
        function deshabilitarBotonesConfirmarEliminacionOtrosMontos() {
            let botones = document.querySelectorAll(".boton-confirmar-item");
            botones.forEach(elemento => {
                elemento.style.display = 'none';
            });
        }
    
        function habilitarBotonConfirmarEliminaciononOtrosMontos(boton) {
    
            if (boton.nextElementSibling.style.display == 'none') {
                deshabilitarBotonesConfirmarEliminacionOtrosMontos();
                boton.nextElementSibling.style.display = 'inline-block';
            } else {
                if (boton.nextElementSibling.style.display == 'inline-block') {
                    deshabilitarBotonesConfirmarEliminacionOtrosMontos();
                }
            }
    
        }
    
        function eliminarFilaOtrosMontos(boton) {
            let elementoFila = boton.parentElement.parentElement;
            elementoFila.remove();
            indexRegistrosDeOtrosBonos = 0;
            let filas = document.getElementById('tabla-otros-bonos').tBodies[0].querySelectorAll("tr");
            if (filas.length > 0) {
                filas.forEach(elemento => {
                    indexRegistrosDeOtrosBonos++;
                    elemento.querySelector(".tabla-contador-otros-bonos").innerHTML = indexRegistrosDeOtrosBonos;
                });
            } else {
                document.getElementById("registroDeOtrosBonos").innerHTML =
                    '<tr id="otrosBonosNoDisponibleEnLaTabla">' +
                    '<td colspan="5" class="text-center">No hay otros bonos disponibles en la tabla</td>' +
                    '</tr>';
            }
    
            if(calculoTope!=null){
                if(document.getElementById("campoSueldoBaseNumeroDeLaSolicitud").value!=""){
                    if(parseInt(document.getElementById("campoSueldoBaseNumeroDeLaSolicitud").value)>0){
                        let formatoSinDecimales = new Intl.NumberFormat("es-CL", {
                            style: "currency",
                            currency: "CLP",
                        })
    
                        let valoresBonos=0;
                        let filas = document.getElementById('tabla-otros-bonos').tBodies[0].querySelectorAll("tr");
                        filas.forEach(elemento => {
                            if(elemento.querySelector(".tabla-contador-otros-bonos")){
                                valoresBonos+=parseInt(elemento.querySelector(".tabla-monto-numero-otros-bonos").innerHTML);
                            }
                        });
    
                        let valorGratificacion=parseInt(document.getElementById("campoSueldoBaseNumeroDeLaSolicitud").value)+valoresBonos;
                        valorGratificacion=valorGratificacion*0.25;
                        valorGratificacion=Math.round(valorGratificacion);
                        if(valorGratificacion>calculoTope){
                            let valorGratificacionConFormato = formatoSinDecimales.format(calculoTope);
                            valorGratificacionConFormato = valorGratificacionConFormato.replace("$", "");
                            valorGratificacionConFormato = valorGratificacionConFormato.replace("CLP", "");
                            document.getElementById("campoGratificacionDeLaSolicitud").value = "CLP $ " + valorGratificacionConFormato;
                            document.getElementById("campoGratificacionNumeroDeLaSolicitud").value=calculoTope;
                        }else{
                            let valorGratificacionConFormato = formatoSinDecimales.format(valorGratificacion);
                            valorGratificacionConFormato = valorGratificacionConFormato.replace("$", "");
                            valorGratificacionConFormato = valorGratificacionConFormato.replace("CLP", "");
                            document.getElementById("campoGratificacionDeLaSolicitud").value = "CLP $ " + valorGratificacionConFormato;
                            document.getElementById("campoGratificacionNumeroDeLaSolicitud").value=valorGratificacion;
                        }
                    }
                }
            }
    
            let formatoSinDecimales = new Intl.NumberFormat("es-CL", {
                style: "currency",
                currency: "CLP",
            })
    
            let totalHaberesNumeros=0;
            if(document.getElementById("campoSueldoBaseNumeroDeLaSolicitud").value!=""  && document.getElementById("campoSueldoBaseNumeroDeLaSolicitud").value!=null){
                totalHaberesNumeros=totalHaberesNumeros+parseInt(document.getElementById("campoSueldoBaseNumeroDeLaSolicitud").value);
            }
    
            if(document.getElementById("campoGratificacionNumeroDeLaSolicitud").value!=""  && document.getElementById("campoGratificacionNumeroDeLaSolicitud").value!=null){
                totalHaberesNumeros=totalHaberesNumeros+parseInt(document.getElementById("campoGratificacionNumeroDeLaSolicitud").value);
            }
    
            if(document.getElementById("campoAsignacionMovilizacionNumeroDeLaSolicitud").value!=""  && document.getElementById("campoAsignacionMovilizacionNumeroDeLaSolicitud").value!=null){
                totalHaberesNumeros=totalHaberesNumeros+parseInt(document.getElementById("campoAsignacionMovilizacionNumeroDeLaSolicitud").value);
            }
    
            if(document.getElementById("campoAsignacionColacionNumeroDeLaSolicitud").value!=""  && document.getElementById("campoAsignacionColacionNumeroDeLaSolicitud").value!=null){
                totalHaberesNumeros=totalHaberesNumeros+parseInt(document.getElementById("campoAsignacionColacionNumeroDeLaSolicitud").value);
            }
    
            if(document.getElementById("campoAsignacionSalaCunaNumeroDeLaSolicitud").value!=""  && document.getElementById("campoAsignacionSalaCunaNumeroDeLaSolicitud").value!=null){
                totalHaberesNumeros=totalHaberesNumeros+parseInt(document.getElementById("campoAsignacionSalaCunaNumeroDeLaSolicitud").value);
            }
    
            if(document.getElementById("campoViaticoNumeroDeLaSolicitud").value!=""  && document.getElementById("campoViaticoNumeroDeLaSolicitud").value!=null){
                totalHaberesNumeros=totalHaberesNumeros+parseInt(document.getElementById("campoViaticoNumeroDeLaSolicitud").value);
            }
    
            let filasBonos = document.getElementById('tabla-otros-bonos').tBodies[0].querySelectorAll("tr");
            filasBonos.forEach(elemento => {
                if(elemento.querySelector(".tabla-contador-otros-bonos")){
                    totalHaberesNumeros=totalHaberesNumeros+parseInt(elemento.querySelector(".tabla-monto-numero-otros-bonos").innerHTML);
                }
            });
    
            document.getElementById("campoTotalHaberesNumeroDeLaSolicitud").value = totalHaberesNumeros;
    
            let valorTotalHaberes = formatoSinDecimales.format(totalHaberesNumeros);
            valorTotalHaberes = valorTotalHaberes.replace("$", "");
            valorTotalHaberes = valorTotalHaberes.replace("CLP", "");
            document.getElementById("campoTotalHaberesDeLaSolicitud").value = "CLP $ " + valorTotalHaberes;
        }
    </script>

    @if ($solicitud->resolucion->tipo=="Excepcional")
        <script>
            obtenerContratoVigentoDeUnCentroDeCosto(document.getElementById("campoCentroDeCostoDeLaSolicitud"),'{{$solicitud->resolucion->tipo}}',true);
        </script>
    @else
        <script>
            obtenerContratoVigentoDeUnCentroDeCosto(document.getElementById("campoCentroDeCostoDeLaSolicitud"),'{{$solicitud->resolucion->tipo}}',true);
        </script>    
    @endif

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

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

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

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

            if (typeof data.responseJSON.errors.seguro_complementario !== 'undefined') {
                //document.getElementById("cargo").setAttribute("class", "form-control is-invalid");
                document.getElementById("validacionCampoSeguroComplementarioDeLaSolicitud").innerHTML = data.responseJSON.errors.seguro_complementario;
                document.getElementById("validacionCampoSeguroComplementarioDeLaSolicitud").style.display = "block";
            } else {
                //document.getElementById("cargo").setAttribute("class", "form-control is-valid");
                document.getElementById("validacionCampoSeguroComplementarioDeLaSolicitud").innerHTML = "";
                document.getElementById("validacionCampoSeguroComplementarioDeLaSolicitud").style.display = "none";
            }

            if (typeof data.responseJSON.errors.teletrabajo !== 'undefined') {
                //document.getElementById("cargo").setAttribute("class", "form-control is-invalid");
                document.getElementById("validacionCampoTeletrabajoDeLaSolicitud").innerHTML = data.responseJSON.errors.teletrabajo;
                document.getElementById("validacionCampoTeletrabajoDeLaSolicitud").style.display = "block";
            } else {
                //document.getElementById("cargo").setAttribute("class", "form-control is-valid");
                document.getElementById("validacionCampoTeletrabajoDeLaSolicitud").innerHTML = "";
                document.getElementById("validacionCampoTeletrabajoDeLaSolicitud").style.display = "none";
            }

            if (typeof data.responseJSON.errors.contiene_numero_tip !== 'undefined') {
                //document.getElementById("cargo").setAttribute("class", "form-control is-invalid");
                document.getElementById("validacionCampoContieneNumeroTipDeLaSolicitud").innerHTML = data.responseJSON.errors.contiene_numero_tip;
                document.getElementById("validacionCampoContieneNumeroTipDeLaSolicitud").style.display = "block";
            } else {
                //document.getElementById("cargo").setAttribute("class", "form-control is-valid");
                document.getElementById("validacionCampoContieneNumeroTipDeLaSolicitud").innerHTML = "";
                document.getElementById("validacionCampoContieneNumeroTipDeLaSolicitud").style.display = "none";
            }

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

            if (typeof data.responseJSON.errors.cc_es_mel !== 'undefined') {
                //document.getElementById("cargo").setAttribute("class", "form-control is-invalid");
                document.getElementById("validacionCampoCcCorrespondeMelDeLaSolicitud").innerHTML = data.responseJSON.errors.cc_es_mel;
                document.getElementById("validacionCampoCcCorrespondeMelDeLaSolicitud").style.display = "block";
            } else {
                //document.getElementById("cargo").setAttribute("class", "form-control is-valid");
                document.getElementById("validacionCampoCcCorrespondeMelDeLaSolicitud").innerHTML = "";
                document.getElementById("validacionCampoCcCorrespondeMelDeLaSolicitud").style.display = "none";
            }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

            if(document.getElementById("tipoResolucion").value=="excepcional"){
                if (typeof data.responseJSON.errors.id_cargo_resolucion !== 'undefined') {
                    document.getElementById("campoCargoOcuparDeLaSolicitud").classList.remove('input-success-icon');
                    document.getElementById("campoCargoOcuparDeLaSolicitud").classList.add('input-error-icon');
                    document.getElementById("validacionCampoCargoOcuparDeLaSolicitud").innerHTML = data.responseJSON.errors.id_cargo_resolucion;
                    document.getElementById("validacionCampoCargoOcuparDeLaSolicitud").style.display = "block";
                } else {
                    document.getElementById("campoCargoOcuparDeLaSolicitud").classList.remove('input-error-icon');
                    document.getElementById("campoCargoOcuparDeLaSolicitud").classList.add('input-success-icon');
                    document.getElementById("validacionCampoCargoOcuparDeLaSolicitud").innerHTML = "";
                    document.getElementById("validacionCampoCargoOcuparDeLaSolicitud").style.display = "none";
                }
    
                if (typeof data.responseJSON.errors.jornada_trabajo !== 'undefined') {
                    document.getElementById("campoJornadaDeTrabajoDeLaSolicitud").classList.remove('input-success-icon');
                    document.getElementById("campoJornadaDeTrabajoDeLaSolicitud").classList.add('input-error-icon');
                    document.getElementById("validacionCampoJornadaDeTrabajoDeLaSolicitud").innerHTML = data.responseJSON.errors.jornada_trabajo;
                    document.getElementById("validacionCampoJornadaDeTrabajoDeLaSolicitud").style.display = "block";
                } else {
                    document.getElementById("campoJornadaDeTrabajoDeLaSolicitud").classList.remove('input-error-icon');
                    document.getElementById("campoJornadaDeTrabajoDeLaSolicitud").classList.add('input-success-icon');
                    document.getElementById("validacionCampoJornadaDeTrabajoDeLaSolicitud").innerHTML = "";
                    document.getElementById("validacionCampoJornadaDeTrabajoDeLaSolicitud").style.display = "none";
                }
    
                if (typeof data.responseJSON.errors.horario_trabajo !== 'undefined') {
                    document.getElementById("campoHorarioDeTrabajoDeLaSolicitud").classList.remove('input-success-icon');
                    document.getElementById("campoHorarioDeTrabajoDeLaSolicitud").classList.add('input-error-icon');
                    document.getElementById("validacionCampoHorarioDeTrabajoDeLaSolicitud").innerHTML = data.responseJSON.errors.horario_trabajo;
                    document.getElementById("validacionCampoHorarioDeTrabajoDeLaSolicitud").style.display = "block";
                } else {
                    document.getElementById("campoHorarioDeTrabajoDeLaSolicitud").classList.remove('input-error-icon');
                    document.getElementById("campoHorarioDeTrabajoDeLaSolicitud").classList.add('input-success-icon');
                    document.getElementById("validacionCampoHorarioDeTrabajoDeLaSolicitud").innerHTML = "";
                    document.getElementById("validacionCampoHorarioDeTrabajoDeLaSolicitud").style.display = "none";
                }
    
                if (typeof data.responseJSON.errors.id_resolucion !== 'undefined') {
                    document.getElementById("campoNumeroDeResolucionDeLaSolicitud").setAttribute("class", "form-control is-invalid");
                    document.getElementById("validacionCampoNumeroDeResolucionDeLaSolicitud").innerHTML = data.responseJSON.errors.id_resolucion;
                } else {
                    document.getElementById("campoNumeroDeResolucionDeLaSolicitud").setAttribute("class", "form-control is-valid");
                    document.getElementById("validacionCampoNumeroDeResolucionDeLaSolicitud").innerHTML = "";
                }
            }else if(document.getElementById("tipoResolucion").value=="especial"){
                if (typeof data.responseJSON.errors.nuevo_cargo !== 'undefined') {
                    document.getElementById("campoNuevoCargoEspecialDeLaSolicitud").setAttribute("class", "form-control is-invalid");
                    document.getElementById("validacionCampoNuevoCargoEspecialDeLaSolicitud").innerHTML = data.responseJSON.errors.nuevo_cargo;
                } else {
                    document.getElementById("campoNuevoCargoEspecialDeLaSolicitud").setAttribute("class", "form-control is-valid");
                    document.getElementById("validacionCampoNuevoCargoEspecialDeLaSolicitud").innerHTML = "";
                }

                if (typeof data.responseJSON.errors.resolucion_especial !== 'undefined') {
                    document.getElementById("campoDeResolucionEspecial").classList.remove('input-success-icon');
                    document.getElementById("campoDeResolucionEspecial").classList.add('input-error-icon');
                    document.getElementById("validacionCampoDeResolucionEspecial").innerHTML = data.responseJSON.errors.resolucion_especial;
                    document.getElementById("validacionCampoDeResolucionEspecial").style.display = "block";
                } else {
                    document.getElementById("campoDeResolucionEspecial").classList.remove('input-error-icon');
                    document.getElementById("campoDeResolucionEspecial").classList.add('input-success-icon');
                    document.getElementById("validacionCampoDeResolucionEspecial").innerHTML = "";
                    document.getElementById("validacionCampoDeResolucionEspecial").style.display = "none";
                }
    
                if (typeof data.responseJSON.errors.jornada_trabajo_especial !== 'undefined') {
                    document.getElementById("campoJornadaDeTrabajoEspecialDeLaSolicitud").classList.remove('input-success-icon');
                    document.getElementById("campoJornadaDeTrabajoEspecialDeLaSolicitud").classList.add('input-error-icon');
                    document.getElementById("validacionCampoJornadaDeTrabajoEspecialDeLaSolicitud").innerHTML = data.responseJSON.errors.jornada_trabajo_especial;
                    document.getElementById("validacionCampoJornadaDeTrabajoEspecialDeLaSolicitud").style.display = "block";
                } else {
                    document.getElementById("campoJornadaDeTrabajoEspecialDeLaSolicitud").classList.remove('input-error-icon');
                    document.getElementById("campoJornadaDeTrabajoEspecialDeLaSolicitud").classList.add('input-success-icon');
                    document.getElementById("validacionCampoJornadaDeTrabajoEspecialDeLaSolicitud").innerHTML = "";
                    document.getElementById("validacionCampoJornadaDeTrabajoEspecialDeLaSolicitud").style.display = "none";
                }
    
                if (typeof data.responseJSON.errors.horario_trabajo_especial !== 'undefined') {
                    document.getElementById("campoHorarioDeTrabajoEspecialDeLaSolicitud").classList.remove('input-success-icon');
                    document.getElementById("campoHorarioDeTrabajoEspecialDeLaSolicitud").classList.add('input-error-icon');
                    document.getElementById("validacionCampoHorarioDeTrabajoEspecialDeLaSolicitud").innerHTML = data.responseJSON.errors.horario_trabajo_especial;
                    document.getElementById("validacionCampoHorarioDeTrabajoEspecialDeLaSolicitud").style.display = "block";
                } else {
                    document.getElementById("campoHorarioDeTrabajoEspecialDeLaSolicitud").classList.remove('input-error-icon');
                    document.getElementById("campoHorarioDeTrabajoEspecialDeLaSolicitud").classList.add('input-success-icon');
                    document.getElementById("validacionCampoHorarioDeTrabajoEspecialDeLaSolicitud").innerHTML = "";
                    document.getElementById("validacionCampoHorarioDeTrabajoEspecialDeLaSolicitud").style.display = "none";
                }
            }

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

            if(calculoTope!=null){
                document.getElementById("errorSinCalculoDeTope").style.display="none";
            }else{
                document.getElementById("errorSinCalculoDeTope").style.display="block";
            }

            document.getElementById("campoObservacionDeLaSolicitud").setAttribute("class", "form-control is-valid");
            document.getElementById("validacionCampoObservacionDeLaSolicitud").innerHTML = "";
        }

        function limpiarCamposDeFormularioDeSolicitudDeContratacion() {
            document.getElementById("campoCorrelativoDeLaSolicitud").value = "";
            document.getElementById("validacionCampoCorrelativoDeLaSolicitud").innerHTML = "";
            document.getElementById("campoCorrelativoDeLaSolicitud").setAttribute("class", "form-control");

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

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

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

            document.getElementById("CampoSeguroBicevida").checked = false;
            document.getElementById("CampoSeguroMetlife").checked = false;
            document.getElementById("CampoSeguroNoAplica").checked = false;
            document.getElementById("validacionCampoSeguroComplementarioDeLaSolicitud").innerHTML = "";
            document.getElementById("validacionCampoSeguroComplementarioDeLaSolicitud").style.display = "none";

            document.getElementById("CampoTeletrabajoSi").checked = false;
            document.getElementById("CampoTeletrabajoNo").checked = false;
            document.getElementById("validacionCampoTeletrabajoDeLaSolicitud").innerHTML = "";
            document.getElementById("validacionCampoTeletrabajoDeLaSolicitud").style.display = "none";

            document.getElementById("CampoContieneNumeroTipSi").checked = false;
            document.getElementById("CampoContieneNumeroTipNo").checked = false;
            document.getElementById("validacionCampoContieneNumeroTipDeLaSolicitud").innerHTML = "";
            document.getElementById("validacionCampoContieneNumeroTipDeLaSolicitud").style.display = "none";

            document.getElementById("ContenedorDelCampoNumeroTip").style.display = "none";
            document.getElementById("campoNumeroTipDeLaSolicitud").value = "";
            document.getElementById("validacionCampoNumeroTipDeLaSolicitud").innerHTML = "";
            document.getElementById("campoNumeroTipDeLaSolicitud").setAttribute("class", "form-control");

            document.getElementById("CampoCcCorrespondeMelSi").checked = false;
            document.getElementById("CampoCcCorrespondeMelNo").checked = false;
            document.getElementById("validacionCampoCcCorrespondeMelDeLaSolicitud").innerHTML = "";
            document.getElementById("validacionCampoCcCorrespondeMelDeLaSolicitud").style.display = "none";

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

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

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

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

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

            document.getElementById("campoSueldoBaseDeLaSolicitud").value = "";
            document.getElementById("campoSueldoBaseNumeroDeLaSolicitud").value = "";
            document.getElementById("validacionCampoSueldoBaseDeLaSolicitud").innerHTML = "";
            document.getElementById("campoSueldoBaseDeLaSolicitud").setAttribute("class", "form-control");

            document.getElementById("campoGratificacionDeLaSolicitud").value = "";
            document.getElementById("campoGratificacionNumeroDeLaSolicitud").value = "";
            document.getElementById("validacionCampoGratificacionDeLaSolicitud").innerHTML = "";
            document.getElementById("campoGratificacionDeLaSolicitud").setAttribute("class", "form-control");

            document.getElementById("campoAsignacionMovilizacionDeLaSolicitud").value = "";
            document.getElementById("campoAsignacionMovilizacionNumeroDeLaSolicitud").value = "";
            document.getElementById("validacionCampoAsignacionMovilizacionDeLaSolicitud").innerHTML = "";
            document.getElementById("campoAsignacionMovilizacionDeLaSolicitud").setAttribute("class", "form-control");

            document.getElementById("campoAsignacionColacionDeLaSolicitud").value = "";
            document.getElementById("campoAsignacionColacionNumeroDeLaSolicitud").value = "";
            document.getElementById("validacionCampoAsignacionColacionDeLaSolicitud").innerHTML = "";
            document.getElementById("campoAsignacionColacionDeLaSolicitud").setAttribute("class", "form-control");

            document.getElementById("campoAsignacionSalaCunaDeLaSolicitud").value = "";
            document.getElementById("campoAsignacionSalaCunaNumeroDeLaSolicitud").value = "";
            document.getElementById("validacionCampoAsignacionSalaCunaDeLaSolicitud").innerHTML = "";
            document.getElementById("campoAsignacionSalaCunaDeLaSolicitud").setAttribute("class", "form-control");

            document.getElementById("campoViaticoDeLaSolicitud").value = "";
            document.getElementById("campoViaticoNumeroDeLaSolicitud").value = "";
            document.getElementById("validacionCampoViaticoDeLaSolicitud").innerHTML = "";
            document.getElementById("campoViaticoDeLaSolicitud").setAttribute("class", "form-control");

            document.getElementById("campoTotalHaberesDeLaSolicitud").value = "CLP $ 0";
            document.getElementById("campoTotalHaberesNumeroDeLaSolicitud").value = "";
            document.getElementById("validacionCampoTotalHaberesDeLaSolicitud").innerHTML = "";
            document.getElementById("campoTotalHaberesDeLaSolicitud").setAttribute("class", "form-control");

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

            document.getElementById("campoTotalHaberesEdpDeLaSolicitud").value = "";
            document.getElementById("campoTotalHaberesEdpNumeroDeLaSolicitud").value = "";
            document.getElementById("validacionCampoTotalHaberesEdpDeLaSolicitud").innerHTML = "";
            document.getElementById("campoTotalHaberesEdpDeLaSolicitud").setAttribute("class", "form-control");

            document.getElementById("campoNumeroDeContratoDeLaSolicitud").value = "";
            document.getElementById("campoIdContratoComercialDeLaSolicitud").value = "";
            document.getElementById("validacionCampoNumeroDeContratoDeLaSolicitud").innerHTML = "";
            document.getElementById("campoNumeroDeContratoDeLaSolicitud").setAttribute("class", "form-control");

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

            document.getElementById("campoCargoOcuparDeLaSolicitud").innerHTML = '<option value="">--Seleccionar Cargo a Ocupar--</option>';
            $('#campoCargoOcuparDeLaSolicitud').selectpicker('refresh');
            $('#campoCargoOcuparDeLaSolicitud').selectpicker('val', "");
            document.getElementById("validacionCampoCargoOcuparDeLaSolicitud").innerHTML = "";
            document.getElementById("campoCargoOcuparDeLaSolicitud").classList.remove('input-success-icon');
            document.getElementById("campoCargoOcuparDeLaSolicitud").classList.remove('input-error-icon');
            document.getElementById("validacionCampoCargoOcuparDeLaSolicitud").style.display = "none";

            document.getElementById("campoJornadaDeTrabajoDeLaSolicitud").innerHTML = '<option value="">--Seleccionar Jornada de Trabajo--</option>';
            $('#campoJornadaDeTrabajoDeLaSolicitud').selectpicker('refresh');
            $('#campoJornadaDeTrabajoDeLaSolicitud').selectpicker('val', "");
            document.getElementById("validacionCampoJornadaDeTrabajoDeLaSolicitud").innerHTML = "";
            document.getElementById("campoJornadaDeTrabajoDeLaSolicitud").classList.remove('input-success-icon');
            document.getElementById("campoJornadaDeTrabajoDeLaSolicitud").classList.remove('input-error-icon');
            document.getElementById("validacionCampoJornadaDeTrabajoDeLaSolicitud").style.display = "none";

            document.getElementById("campoHorarioDeTrabajoDeLaSolicitud").innerHTML = '<option value="">--Seleccionar Horario de Trabajo--</option>';
            $('#campoHorarioDeTrabajoDeLaSolicitud').selectpicker('refresh');
            $('#campoHorarioDeTrabajoDeLaSolicitud').selectpicker('val', "");
            document.getElementById("validacionCampoHorarioDeTrabajoDeLaSolicitud").innerHTML = "";
            document.getElementById("campoHorarioDeTrabajoDeLaSolicitud").classList.remove('input-success-icon');
            document.getElementById("campoHorarioDeTrabajoDeLaSolicitud").classList.remove('input-error-icon');
            document.getElementById("validacionCampoHorarioDeTrabajoDeLaSolicitud").style.display = "none";

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

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

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

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

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

            document.getElementById("campoJornadaDeTrabajoEspecialDeLaSolicitud").innerHTML = '<option value="">--Seleccionar Jornada de Trabajo--</option>';
            $('#campoJornadaDeTrabajoEspecialDeLaSolicitud').selectpicker('refresh');
            $('#campoJornadaDeTrabajoEspecialDeLaSolicitud').selectpicker('val', "");
            document.getElementById("validacionCampoJornadaDeTrabajoEspecialDeLaSolicitud").innerHTML = "";
            document.getElementById("campoJornadaDeTrabajoEspecialDeLaSolicitud").classList.remove('input-success-icon');
            document.getElementById("campoJornadaDeTrabajoEspecialDeLaSolicitud").classList.remove('input-error-icon');
            document.getElementById("validacionCampoJornadaDeTrabajoEspecialDeLaSolicitud").style.display = "none";

            document.getElementById("campoHorarioDeTrabajoEspecialDeLaSolicitud").innerHTML = '<option value="">--Seleccionar Horario de Trabajo--</option>';
            $('#campoHorarioDeTrabajoEspecialDeLaSolicitud').selectpicker('refresh');
            $('#campoHorarioDeTrabajoEspecialDeLaSolicitud').selectpicker('val', "");
            document.getElementById("validacionCampoHorarioDeTrabajoEspecialDeLaSolicitud").innerHTML = "";
            document.getElementById("campoHorarioDeTrabajoEspecialDeLaSolicitud").classList.remove('input-success-icon');
            document.getElementById("campoHorarioDeTrabajoEspecialDeLaSolicitud").classList.remove('input-error-icon');
            document.getElementById("validacionCampoHorarioDeTrabajoEspecialDeLaSolicitud").style.display = "none";

            document.getElementById("botonDeNuevoCargo").style.display="inline-block";
            document.getElementById("botonDeSeleccionCargoExistente").style.display="none";
            document.getElementById("botonDeNuevoCargo").removeAttribute("disabled");
            document.getElementById("botonDeSeleccionCargoExistente").removeAttribute("disabled");
            document.getElementById("contenedorDelCampoCargo").style.display="block";
            document.getElementById("contenedorDelCampoJornadaDeTrabajo").style.display="block";
            document.getElementById("contenedorDelCampoHorarioDeTrabajo").style.display="block";
            document.getElementById("contenedorDelCampoResolucion").style.display="block";

            document.getElementById("contenedorDeNuevoCargo").style.display="none";
            document.getElementById("contenedorDelCampoDeResolucionEspecial").style.display="none";
            document.getElementById("contenedorDelCampoJornadaDeTrabajoEspecial").style.display="none";
            document.getElementById("contenedorDelCampoHorarioDeTrabajoEspecial").style.display="none";

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

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

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

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

            document.getElementById("registroDeOtrosBonos").innerHTML =
                '<tr id="otrosBonosNoDisponibleEnLaTabla">' +
                '<td colspan="5" class="text-center">No hay otros bonos disponibles en la tabla</td>' +
                '</tr>';

            document.getElementById("listadoDeBonos").value = "";
        }

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

            let filas = document.getElementById('tabla-otros-bonos').tBodies[0].querySelectorAll("tr");
            let listadoDeBonos = [];
            filas.forEach(elemento => {
                if (elemento.querySelector(".tabla-contador-otros-bonos")) {
                    let contadorFila = elemento.querySelector(".tabla-contador-otros-bonos").innerHTML;
                    let nombreBono = elemento.querySelector(".tabla-nombre-otros-bonos").innerHTML;
                    let montoBonoConFormato = elemento.querySelector(".tabla-monto-con-formato-otros-bonos").innerHTML;
                    let montoBonoNumero = elemento.querySelector(".tabla-monto-numero-otros-bonos").innerHTML;
                    let observacion = elemento.querySelector(".tabla-observacion-otros-bonos").innerHTML;

                    let bono = {
                        contadorFila: contadorFila,
                        nombreBono: nombreBono,
                        montoBonoConFormato: montoBonoConFormato,
                        montoBonoNumero: montoBonoNumero,
                        observacion: observacion
                    }
                    listadoDeBonos.push(bono);
                }
            });
            document.getElementById("listadoDeBonos").value = JSON.stringify(listadoDeBonos);

            let datosFormulario = $("#formularioDeSolicitudDeContratacion").serialize();
            $.ajax({
                type: 'POST',
                datatype: 'json',
                url: '{{ route('solicitud-contratacion.update', $solicitud) }}',
                data: datosFormulario,
                success: function(data) {
                    limpiarCamposDeFormularioDeSolicitudDeContratacion();

                    Swal.fire({
                        icon: 'success',
                        title: '¡Solicitud de Contratación Editada!',
                        text: 'La solicitud de contratación del trabajador ' + data.nombre + ' se edito con éxito',
                        confirmButtonColor: "#448aff",
                        confirmButtonText: "Confirmar"
                    }).then((result) => {
                        location.href="{{route('solicitud-contratacion.index')}}";
                    })
                    .catch((error) => {
                        location.href="{{route('solicitud-contratacion.index')}}";
                    });

                    document.getElementById("botonDeEdicion").removeAttribute("disabled");
                    eliminarLoading()
                },
                error: function(data) {
                    console.log(data)
                    validarFormularioDeSolicitudDeContratacion(data)
                    Swal.fire({
                        icon: 'error',
                        title: '¡Errores en el Formulario!',
                        text: 'Revise los campos del formulario. Hay campos incompletos o que no cumple con los requisitos establecidos. Asegurase de completar todos los campos obligatorios y de corregir cualquier error señalado.',
                        confirmButtonColor: "#448aff",
                        confirmButtonText: "Confirmar"
                    })
                    document.getElementById("botonDeEdicion").removeAttribute("disabled");
                    eliminarLoading()
                }
            })
        }
    </script>
@stop