@extends('adminlte::page')

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

@section('title', 'Intranet | Detalle Solicitud de Traslado')

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

    </div>
@stop

@section('content')
    <div class="container-fluid">
        <div class="row justify-content-center">
            <div class="col-lg-10">
                <div class="card card-primary">
                    <div class="card-header">
                        <h3 class="card-title">Detalle Solicitud de Traslado</h3>
                    </div>

                    <form id="formularioDeSolicitudDeTraslado">
                        @csrf
                        <div class="card-body">
                            <div class="row">
                                <div class="col-md-4">
                                    <div class="card">
                                        <div class="card-header bg-info">
                                            <h5 class="card-title text-white"><i class="fas fa-user-tie"></i> Administrador de Contrato CC Destino</h5>
                                        </div>
                                        <div class="card-body">
                                            <div>
                                                @if ($solicitud->estado_aprobacion=="Pendiente")
                                                    <small class="text-muted">
                                                        <span style="font-weight: 700;">Estado: </span>
                                                    </small>
                                                    <span class="badge badge-secondary">{{$solicitud->estado_aprobacion}}</span>
                                                @elseif ($solicitud->estado_aprobacion=="Rechazado")
                                                    <small class="text-muted">
                                                        <span style="font-weight: 700;">Estado:</span>
                                                    </small>
                                                    <span class="badge badge-danger">{{$solicitud->estado_aprobacion}}</span>
                                                @elseif ($solicitud->estado_aprobacion=="Aprobado")
                                                    <small class="text-muted">
                                                        <span style="font-weight: 700;">Estado:</span>
                                                    </small>
                                                    <span class="badge badge-success">{{$solicitud->estado_aprobacion}}</span>
                                                @elseif ($solicitud->estado_aprobacion=="Anulada")
                                                    <small class="text-muted">
                                                        <span style="font-weight: 700;">Estado:</span>
                                                    </small>
                                                    <span class="badge badge-info">{{$solicitud->estado_aprobacion}}</span>
                                                @endif
                                            </div>

                                            <div>
                                                @if ($solicitud->id_usuario_aprobacion)
                                                    <small class="text-muted">
                                                        <span style="font-weight: 700;">Usuario:</span>
                                                        {{$solicitud->usuarioQueAproboORechazoLaSolicitud->name}}
                                                    </small>
                                                @else
                                                    <small class="text-muted">
                                                        <span style="font-weight: 700;">Usuario:</span>
                                                        Sin Usuario
                                                    </small>
                                                @endif
                                            </div>

                                            <div>
                                                @if ($solicitud->fecha_aprobacion)
                                                    <small class="text-muted">
                                                        <span style="font-weight: 700;">Fecha de Aprobación:</span>
                                                        {{ fechaHoraConFormatoDeChile($solicitud->fecha_aprobacion) }}
                                                    </small>
                                                @else
                                                    <small class="text-muted">
                                                        <span style="font-weight: 700;">Fecha de Aprobación:</span>
                                                        Sin Fecha
                                                    </small>
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-md-4">
                                    <div class="card">
                                        <div class="card-header bg-info">
                                            <h5 class="card-title text-white"><i class="fas fa-users-cog"></i> Gerentes</h5>
                                        </div>
                                        <div class="card-body">
                                            <div>
                                                @if ($solicitud->estado_aprobacion_gerente=="Pendiente")
                                                    <small class="text-muted">
                                                        <span style="font-weight: 700;">Estado: </span>
                                                    </small>
                                                    <span class="badge badge-secondary">{{$solicitud->estado_aprobacion_gerente}}</span>
                                                @elseif ($solicitud->estado_aprobacion_gerente=="Rechazado")
                                                    <small class="text-muted">
                                                        <span style="font-weight: 700;">Estado:</span>
                                                    </small>
                                                    <span class="badge badge-danger">{{$solicitud->estado_aprobacion_gerente}}</span>
                                                @elseif ($solicitud->estado_aprobacion_gerente=="Aprobado")
                                                    <small class="text-muted">
                                                        <span style="font-weight: 700;">Estado:</span>
                                                    </small>
                                                    <span class="badge badge-success">{{$solicitud->estado_aprobacion_gerente}}</span>
                                                @elseif ($solicitud->estado_aprobacion_gerente=="Anulada")
                                                    <small class="text-muted">
                                                        <span style="font-weight: 700;">Estado:</span>
                                                    </small>
                                                    <span class="badge badge-info">{{$solicitud->estado_aprobacion_gerente}}</span>
                                                @endif
                                            </div>

                                            <div>
                                                @if (isset($mensajeAprobacionGerentes) && !empty($mensajeAprobacionGerentes))
                                                    <small class="text-muted">
                                                        <span style="font-weight: 700;">Gerentes:</span>
                                                        {{$mensajeAprobacionGerentes}}
                                                    </small>
                                                @else
                                                    <small class="text-muted">
                                                        <span style="font-weight: 700;">Gerentes:</span>
                                                        No hay aprobación de gerentes
                                                    </small>
                                                @endif
                                            </div>

                                            <div>
                                                @if ($solicitud->fecha_aprobacion_gerente)
                                                    <small class="text-muted">
                                                        <span style="font-weight: 700;">Fecha de Aprobación:</span>
                                                        {{ fechaHoraConFormatoDeChile($solicitud->fecha_aprobacion_gerente) }}
                                                    </small>
                                                @else
                                                    <small class="text-muted">
                                                        <span style="font-weight: 700;">Fecha de Aprobación:</span>
                                                        Sin Fecha
                                                    </small>
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-md-4">
                                    <div class="card">
                                        <div class="card-header bg-info">
                                            <h5 class="card-title text-white"><i class="fas fa-check-circle"></i> Proceso de Cierre</h5>
                                        </div>
                                        <div class="card-body">
                                            <div>
                                                @if ($solicitud->estado_cierre=="Abierta")
                                                    <small class="text-muted">
                                                        <span style="font-weight: 700;">Estado: </span>
                                                    </small>
                                                    <span class="badge badge-danger">{{$solicitud->estado_cierre}}</span>
                                                @elseif ($solicitud->estado_cierre=="Cerrada")
                                                    <small class="text-muted">
                                                        <span style="font-weight: 700;">Estado:</span>
                                                    </small>
                                                    <span class="badge badge-success">{{$solicitud->estado_cierre}}</span>
                                                @endif
                                            </div>

                                            <div>
                                                @if ($solicitud->id_usuario_cierre)
                                                    <small class="text-muted">
                                                        <span style="font-weight: 700;">Usuario:</span>
                                                        {{$solicitud->encargadoDeCerrarLaSolicitud->name}}
                                                    </small>
                                                @else
                                                    <small class="text-muted">
                                                        <span style="font-weight: 700;">Usuario:</span>
                                                        Sin Usuario
                                                    </small>
                                                @endif
                                            </div>

                                            <div>
                                                @if ($solicitud->fecha_cierre)
                                                    <small class="text-muted">
                                                        <span style="font-weight: 700;">Fecha de Cierre:</span>
                                                        {{ fechaHoraConFormatoDeChile($solicitud->fecha_cierre) }}
                                                    </small>
                                                @else
                                                    <small class="text-muted">
                                                        <span style="font-weight: 700;">Fecha de Cierre:</span>
                                                        Sin Fecha
                                                    </small>
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

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

                            <fieldset class="fieldset-color-azul" id="fieldsetArticulo">
                                <legend class="titulo-fieldset-color-azul" id="legendArticulo">Datos Actual del Trabajador</legend>    
                                <div class="contenedorDosCamposPorFilaEnLosFormulario">
                                    <input type="hidden" name="id_trabajador_talana" id="campoCampoIdTrabajadorTalana" value="{{ old('id_trabajador_talana',$solicitud->id_trabajador_talana) }}">
                                    <div class="form-group">
                                        <label for="campoNombreDeLaSolicitud">Nombre</label>
                                        <input type="text" class="form-control" id="campoNombreDeLaSolicitud" name="nombre" value="{{ old('nombre',$solicitud->nombre) }}" readonly="true">
                                        <div class="invalid-feedback" id="validacionCampoNombreDeLaSolicitud">
    
                                        </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) }}" readonly="true">
                                        <div class="invalid-feedback" id="validacionCampoRutDeLaSolicitud">

                                        </div>
                                    </div>

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

                                    <div class="form-group">
                                        <label for="campoCampoCentroDeCostoActualDeLaSolicitud">Centro de Costo Actual</label>
                                        <input type="text" class="form-control" id="campoCampoCentroDeCostoActualDeLaSolicitud" name="centro_costo_actual" value="{{ old('centro_costo_actual',$solicitud->centroDeCostoActual->centro_costo) }}" readonly="true">
                                        <div class="invalid-feedback" id="validacionCampoCampoCampoCentroDeCostoActualDeLaSolicitud">
    
                                        </div>
                                    </div>
                                    <input type="hidden" name="id_centro_costo_actual" id="campoCampoIdCentroDeCostoActualDeLaSolicitud" value="{{old('id_centro_costo_actual',$solicitud->id_centro_costo_actual)}}">

                                    <div class="form-group">
                                        <label for="campoCampoGerenciaActualDeLaSolicitud">Gerencia</label>
                                        <input type="text" class="form-control" id="campoCampoGerenciaActualDeLaSolicitud" name="gerencia_actual" value="{{ old('gerencia_actual',$solicitud->centroDeCostoActual->gerencia_1) }}" readonly="true">
                                        <div class="invalid-feedback" id="validacionCampoCampoGerenciaActualDeLaSolicitud">
    
                                        </div>
                                    </div>

                                    <div class="form-group" style="display: none;">
                                        <label for="campoSueldoBaseActualDeLaSolicitud">Sueldo Base</label>
                                        <input type="text" class="form-control" id="campoSueldoBaseActualDeLaSolicitud" name="sueldo_base_actual_con_formato" value="{{ old('sueldo_base_actual_con_formato',formatoMenedaSegunTipoDeMonedaOC($solicitud->sueldo_base_actual,"CLP")) }}" readonly="true">
                                        <div class="invalid-feedback" id="validacionCampoSueldoBaseActualDeLaSolicitud">
    
                                        </div>
                                    </div>
                                    @if (strpos(number_format($solicitud->sueldo_base_actual,2), '.00') !== false)
                                        <input type="hidden" name="sueldo_base_actual" id="campoSueldoBaseActualNumeroDeLaSolicitud" value="{{ old('sueldo_base_actual',str_replace(',', '',number_format($solicitud->sueldo_base_actual,0))) }}">
                                    @else
                                        <input type="hidden" name="sueldo_base_actual" id="campoSueldoBaseActualNumeroDeLaSolicitud" value="{{ old('sueldo_base_actual',$solicitud->sueldo_base_actual) }}">
                                    @endif

                                    <div class="form-group" style="display: none;">
                                        <label for="campoAsignacionMovilizacionActualDeLaSolicitud">Asignación de Movilización</label>
                                        <input type="text" class="form-control" id="campoAsignacionMovilizacionActualDeLaSolicitud" name="asignacion_movilizacion_actual_con_formato" value="{{ old('asignacion_movilizacion_actual_con_formato',formatoMenedaSegunTipoDeMonedaOC($solicitud->asignacion_movilizacion_actual,"CLP")) }}" readonly="true">
                                        <div class="invalid-feedback" id="validacionCampoAsignacionMovilizacionActualDeLaSolicitud">
    
                                        </div>
                                    </div>
                                    @if (strpos(number_format($solicitud->asignacion_movilizacion_actual,2), '.00') !== false)
                                        <input type="hidden" name="asignacion_movilizacion_actual" id="campoAsignacionMovilizacionActualNumeroDeLaSolicitud" value="{{ old('asignacion_movilizacion_actual',str_replace(',', '',number_format($solicitud->asignacion_movilizacion_actual,0))) }}">
                                    @else
                                        <input type="hidden" name="asignacion_movilizacion_actual" id="campoAsignacionMovilizacionActualNumeroDeLaSolicitud" value="{{ old('asignacion_movilizacion_actual',$solicitud->asignacion_movilizacion_actual) }}">
                                    @endif

                                    <div class="form-group" style="display: none;">
                                        <label for="campoAsignacionColacionActualDeLaSolicitud">Asignación de Colación</label>
                                        <input type="text" class="form-control" id="campoAsignacionColacionActualDeLaSolicitud" name="asignacion_colacion_actual_con_formato" value="{{ old('asignacion_colacion_actual_con_formato',formatoMenedaSegunTipoDeMonedaOC($solicitud->asignacion_colacion_actual,"CLP")) }}" readonly="true">
                                        <div class="invalid-feedback" id="validacionCampoAsignacionColacionActualDeLaSolicitud">
    
                                        </div>
                                    </div>
                                    @if (strpos(number_format($solicitud->asignacion_colacion_actual,2), '.00') !== false)
                                        <input type="hidden" name="asignacion_colacion_actual" id="campoAsignacionColacionActualNumeroDeLaSolicitud" value="{{ old('asignacion_colacion_actual',str_replace(',', '',number_format($solicitud->asignacion_colacion_actual,0))) }}">
                                    @else
                                        <input type="hidden" name="asignacion_colacion_actual" id="campoAsignacionColacionActualNumeroDeLaSolicitud" value="{{ old('asignacion_colacion_actual',$solicitud->asignacion_colacion_actual) }}">
                                    @endif

                                    <div class="form-group" style="display: none;">
                                        <label for="campoAsignacionSalaCunaActualDeLaSolicitud">Asignación de Sala Cuna</label>
                                        <input type="text" class="form-control" id="campoAsignacionSalaCunaActualDeLaSolicitud" name="asignacion_sala_cuna_actual_con_formato" value="{{ old('asignacion_sala_cuna_actual_con_formato',formatoMenedaSegunTipoDeMonedaOC($solicitud->asignacion_sala_cuna_actual,"CLP")) }}" readonly="true">
                                        <div class="invalid-feedback" id="validacionCampoAsignacionSalaCunaActualDeLaSolicitud">
    
                                        </div>
                                    </div>
                                    @if (strpos(number_format($solicitud->asignacion_sala_cuna_actual,2), '.00') !== false)
                                        <input type="hidden" name="asignacion_sala_cuna_actual" id="campoAsignacionSalaCunaActualNumeroDeLaSolicitud" value="{{ old('asignacion_sala_cuna_actual',str_replace(',', '',number_format($solicitud->asignacion_sala_cuna_actual,0))) }}">
                                    @else
                                        <input type="hidden" name="asignacion_sala_cuna_actual" id="campoAsignacionSalaCunaActualNumeroDeLaSolicitud" value="{{ old('asignacion_sala_cuna_actual',$solicitud->asignacion_sala_cuna_actual) }}">
                                    @endif

                                    <div class="form-group" style="display: none;">
                                        <label for="campoCampoViaticoActualDeLaSolicitud">Viatico</label>
                                        <input type="text" class="form-control" id="campoCampoViaticoActualDeLaSolicitud" name="viatico_actual_con_formato" value="{{ old('viatico_actual_con_formato',formatoMenedaSegunTipoDeMonedaOC($solicitud->viatico_actual,"CLP")) }}" readonly="true">
                                        <div class="invalid-feedback" id="validacionCampoViaticoActualDeLaSolicitud">
    
                                        </div>
                                    </div>
                                    @if (strpos(number_format($solicitud->viatico_actual,2), '.00') !== false)
                                        <input type="hidden" name="viatico_actual" id="campoViaticoActualNumeroDeLaSolicitud" value="{{ old('viatico_actual',str_replace(',', '',number_format($solicitud->viatico_actual,0))) }}">
                                    @else
                                        <input type="hidden" name="viatico_actual" id="campoViaticoActualNumeroDeLaSolicitud" value="{{ old('viatico_actual',$solicitud->viatico_actual) }}">
                                    @endif
                                </div>

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

                            <div class="contenedorDosCamposPorFilaEnLosFormulario">
                                <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")) }}" readonly="true">
                                    <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")) }}" readonly="true">
                                    <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")) }}" readonly="true">
                                    <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")) }}" readonly="true">
                                    <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")) }}" readonly="true">
                                    <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>

                            <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">
                                        @if (count($bonosDeLaResolucion)>0)
                                            @php
                                                $indexBono=0;
                                            @endphp
                                            @foreach ($bonosDeLaResolucion as $bono)
                                                @php
                                                    $mapaAcentos = array(
                                                        'á' => 'a', 'é' => 'e', 'í' => 'i', 'ó' => 'o', 'ú' => 'u',
                                                        'Á' => 'A', 'É' => 'E', 'Í' => 'I', 'Ó' => 'O', 'Ú' => 'U',
                                                        'ü' => 'u', 'Ü' => 'U', 'ñ' => 'n', 'Ñ' => 'N'
                                                    );
                                                    $bonosEnMinusculaConGuionBajo = strtolower(str_replace(' ', '_', $bono->bono));
                                                    $bonosEnMinusculaConGuionBajo =preg_replace_callback('/[áéíóúÁÉÍÓÚüÜñÑ]/u', function ($match) use ($mapaAcentos) {
                                                        return $mapaAcentos[$match[0]] ?? $match[0];
                                                    }, $bonosEnMinusculaConGuionBajo);
                                                    $indexBono++;
                                                @endphp
                                                <tr>
                                                    <td class="tabla-tipo-otros-bonos" style="display:none;">{{$bonosEnMinusculaConGuionBajo}}</td>
                                                    @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
                                        @else    
                                            <tr id="otrosBonosNoDisponibleEnLaTabla">
                                                <td colspan="5" class="text-center">No hay otros bonos disponibles en la tabla</td>
                                            </tr>
                                        @endif
                                    </tbody>
                                </table>
                            </div>

                            <div class="contenedorDosCamposPorFilaEnLosFormulario">
                                <div class="form-group">
                                    <label for="campoTotalHaberesDeLaSolicitud">Total Haberes Por Presupuesto</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) }}" readonly="true">
                                    <div class="invalid-feedback" id="validacionCampoPerfilCobroDeLaSolicitud">
    
                                    </div>
                                </div>
    
                                <div class="form-group">
                                    <label for="campoTotalHaberesEdpDeLaSolicitud">Total Haberes <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")) }}" readonly="true">
                                    <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

                                @isset($solicitud->id_usuario)
                                    <div class="form-group">
                                        <label for="campoSolicitanteDeLaSolicitud">Solicitante</label>
                                        <input type="text" class="form-control" id="campoSolicitanteDeLaSolicitud" name="id_usuario" value="{{ old('id_usuario',$solicitud->solicitante->name) }}" readonly="true">
                                    </div>
                                @endisset

                                <div class="form-group">
                                    <label>Fecha de Modificación de Contrato</label>
                                    <input type="text" class="form-control" name="fecha_modificacion_contrato" value="{{ old('fecha_modificacion_contrato',$solicitud->fecha_modificacion_contrato) }}" readonly="true">
                                </div>
                            </div>

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

                                </div>
                            </div>

                            <div class="form-group">
                                <label for="campoMotivoDeTraspasoDeLaSolicitud">Motivo de Traspaso</label>
                                <textarea class="form-control" id="campoMotivoDeTraspasoDeLaSolicitud" name="motivo_traspaso" rows="3" readonly="true">{{$solicitud->motivo_traspaso}}</textarea>
                                <div class="invalid-feedback" id="validacionCampoMotivoDeTraspasoDeLaSolicitud">

                                </div>
                            </div> 

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

                            @if ($solicitud->estado_aprobacion == 'Rechazado' || $solicitud->estado_aprobacion_gerente == 'Rechazado')
                                <div class="form-group">
                                    <label style="color:#dc3545">Motivo del Rechazo</label>
                                    <textarea style="background-color:#E8C3C6;" class="form-control" rows="3" readonly="true">{{ $solicitud->observacion_estado_aprobacion }}</textarea>
                                </div>
                            @endif

                            @if ($solicitud->estado_aprobacion == 'Anulada')
                                <div class="form-group">
                                    <label style="color:#17a2b8">Motivo de la Anulación</label>
                                    <textarea style="background-color:#ACF3FE;" class="form-control" rows="3" readonly="true">{{ $solicitud->observacion_estado_aprobacion }}</textarea>
                                </div>
                            @endif
                        </div>

                        <div class="card-footer">
                            @if ($usuarioPuederEditar==true)
                                <a href="{{ route('solicitud-traslado-trabajador.edit', $solicitud) }}" role="button" class="btn btn-warning mt-1"><i class="fas fa-edit" style="margin-right: 2px;"></i> Editar Solicitud de Traslado</a> 
                            @endif
                            @if ($adcDestinoPuedeAprobar==true)
                                @if ($solicitud->estado_aprobacion=="Pendiente" && $solicitud->estado_cierre=="Abierta")
                                    <button onclick="aprobarSolicitudDeTrasladoPorAdcDestino()" id="botonAprobacionAdcDestino" type="button" class="btn btn-success"><i class="fas fa-award" style="margin-right: 2px;"></i> Aprobar Solicitud de Traslado</button>
                                    <button onclick="abrirModalRechazarSolicitudDeTrasladoPorAdcDestino('{{$solicitud->correlativo}}')" type="button" class="btn btn-danger"><i class="fas fa-award" style="margin-right: 2px;"></i> Rechazar Solicitud de Traslado</button>
                                    <button onclick="abrirModalAnularSolicitudDeTrasladoPorAdcDestino('{{$solicitud->correlativo}}')" type="button" class="btn btn-info"><i class="fas fa-award" style="margin-right: 2px;"></i> Anular Solicitud de Traslado</button>
                                @elseif($solicitud->estado_aprobacion=="Rechazado" && $solicitud->estado_cierre=="Abierta")
                                    <button onclick="aprobarSolicitudDeTrasladoPorAdcDestino()" id="botonAprobacionAdcDestino" type="button" class="btn btn-success"><i class="fas fa-award" style="margin-right: 2px;"></i> Aprobar Solicitud de Traslado</button>
                                    <button onclick="abrirModalAnularSolicitudDeTrasladoPorAdcDestino('{{$solicitud->correlativo}}')" type="button" class="btn btn-info"><i class="fas fa-award" style="margin-right: 2px;"></i> Anular Solicitud de Traslado</button>
                                @endif
                            @endif

                            @if ($gerentePuedeAprobar==true)
                                <button onclick="abrirModalAprobarSolicitudDeTrasladoPorElGerente()" id="botonAprobacionGerente" type="button" class="btn btn-success"><i class="fas fa-award" style="margin-right: 2px;"></i> Aprobar Solicitud de Traslado</button>
                                <button onclick="abrirModalRechazarSolicitudDeTrasladoPorGerente('{{$solicitud->correlativo}}')" type="button" class="btn btn-danger"><i class="fas fa-award" style="margin-right: 2px;"></i> Rechazar Solicitud de Traslado</button>
                            @endif

                            @if ($usuarioPuedeCerrarLaSolicitud==true)
                                <button onclick="abrirModalCerrarSolicitudDeTrasladoPorRRLL()" type="button" class="btn btn-primary"><i class="fas fa-award" style="margin-right: 2px;"></i> Cerrar Solicitud de Traslado</button>
                            @endif
                            <a href="{{ route('solicitud-traslado-trabajador.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>

    <div class="modal fade" id="modalObservacionDeAprobacionDeLaSolicitudDeTraslado" tabindex="-1" aria-labelledby="labelModalRechazoDeRequisicion" aria-hidden="true">
        <form id="formularioModalObservacionDeAprobacionDeLaSolicitudDeTraslado">
            @csrf
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header" style="background-color: #007bff; color:white;">
                        <h5 class="modal-title" id="labelModalObservacionDeAprobacionDeLaSolicitudDeTraslado"></h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close" style="color:white;">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <div class="form-group">
                            <label id="labelCampoMotivoDeAprobacionModalObservacionDeAprobacionDeLaSolicitudDeTraslado"></label>
                            <textarea class="form-control" id="campoMotivoDeAprobacionModalObservacionDeAprobacionDeLaSolicitudDeTraslado" name="motivo" rows="3"></textarea>
                            <div class="invalid-feedback" id="validacionCampoMotivoDeAprobacionModalObservacionDeAprobacionDeLaSolicitudDeTraslado">
    
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
                        <button type="button" class="btn btn-primary" id="botonDeObservacionAprobacion">Rechazar Solicitud de Modificación</button>
                    </div>
                </div>
            </div>
        </form>
    </div>

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

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

    <div class="modal fade" id="modalAprobarDeLaSolicitudDeTrasladoRRLLPorGerente" tabindex="-1" aria-labelledby="labelModalRechazoDeRequisicion" aria-hidden="true">
        <form id="formularioModalAprobarDeLaSolicitudDeTrasladoRRLLPorGerente">
            @csrf
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header" style="background-color: #007bff; color:white;">
                        <h5 class="modal-title" id="labelModalAprobarDeLaSolicitudDeTrasladoRRLLPorGerente">Aprobar Solicitud de Traslado {{ $solicitud->correlativo }}</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close" style="color:white;">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <div class="form-group">
                            <label>Observaciones <span style="font-weight: 700; font-size:11px;">(Opcional)</span></label>
                            <textarea class="form-control" id="campoObservacionesModalAprobarDeLaSolicitudDeTrasladoRRLLPorGerente" name="observaciones" rows="3"></textarea>
                            <div class="invalid-feedback" id="validacionCampoObservacionesModalAprobarDeLaSolicitudDeTrasladoRRLLPorGerente">
    
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
                        <button type="button" class="btn btn-primary" id="botonAprobacionGerente" onclick="aprobarSolicitudDeTrasladoPorGerente()">Aprobar Solicitud de Traslado</button>
                    </div>
                </div>
            </div>
        </form>
    </div>
@stop

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

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


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

    <script>
        function abrirModalAnularSolicitudDeTrasladoPorAdcDestino(correlativo) {
            document.getElementById("labelModalObservacionDeAprobacionDeLaSolicitudDeTraslado").innerHTML = "Anulación de la Solicitud de Traslado "+correlativo;
            document.getElementById("labelCampoMotivoDeAprobacionModalObservacionDeAprobacionDeLaSolicitudDeTraslado").innerHTML = "Motivo de Anulación";
            document.getElementById("campoMotivoDeAprobacionModalObservacionDeAprobacionDeLaSolicitudDeTraslado").value = "";
            document.getElementById("validacionCampoMotivoDeAprobacionModalObservacionDeAprobacionDeLaSolicitudDeTraslado").innerHTML = "";
            document.getElementById("campoMotivoDeAprobacionModalObservacionDeAprobacionDeLaSolicitudDeTraslado").setAttribute("class", "form-control");
            document.getElementById("botonDeObservacionAprobacion").innerHTML="Anular Solicitud de Traslado";

            $('#botonDeObservacionAprobacion').off('click');
            $('#botonDeObservacionAprobacion').on('click', function() {
                anularSolicitudDeTrasladoPorAdcDestino();
            });
            
            $("#modalObservacionDeAprobacionDeLaSolicitudDeTraslado").modal("show");
        }

        function anularSolicitudDeTrasladoPorAdcDestino(){
            document.getElementById("botonDeObservacionAprobacion").setAttribute("disabled", true);
            if(document.getElementById("campoMotivoDeAprobacionModalObservacionDeAprobacionDeLaSolicitudDeTraslado").value.trim().length > 0){
                Swal.fire({
                    title: '¿Esta seguro?',
                    text: "La solicitud de traslado cambiará su estado ha anulado",
                    icon: 'warning',
                    showCancelButton: true,
                    confirmButtonColor: '#3085d6',
                    cancelButtonColor: '#d33',
                    confirmButtonText: '¡Si, anular!',
                    cancelButtonText: 'Cancelar'
                }).then((result) => {
                    if (result.isConfirmed) {
                        generarLoading('{{ asset('img/logo.png') }}')
                        let datosFormulario = $("#formularioModalObservacionDeAprobacionDeLaSolicitudDeTraslado").serialize();
                        $.ajax({
                            type: 'POST',
                            datatype: 'json',
                            url: '{{ route('solicitud-traslado-trabajador.anular-adc-destino', $solicitud) }}',
                            data: datosFormulario,
                            success: function(data) {
                                Swal.fire({
                                    icon: 'success',
                                    title: '¡Solicitud de Traspaso Anulado!',
                                    text: 'La solicitud de traspaso ' + data.correlativo + ' cambio de estado ha anulado',
                                    confirmButtonColor: "#448aff",
                                    confirmButtonText: "Confirmar"
                                }).then((result) => {
                                    location.reload();
                                })
                                .catch((error) => {
                                    location.reload();
                                });
                                eliminarLoading()
                            },
                            error: function(data) {
                                console.log(data)
                                eliminarLoading()
                                document.getElementById("botonDeObservacionAprobacion").removeAttribute("disabled");
                            }
                        })
                    } else {
                        document.getElementById("botonDeObservacionAprobacion").removeAttribute("disabled");
                    }
                })
            }else{
                document.getElementById("campoMotivoDeAprobacionModalObservacionDeAprobacionDeLaSolicitudDeTraslado").setAttribute("class", "form-control is-invalid");
                document.getElementById("validacionCampoMotivoDeAprobacionModalObservacionDeAprobacionDeLaSolicitudDeTraslado").innerHTML = "El campo motivo de anulación es obligatorio.";
                document.getElementById("botonDeObservacionAprobacion").removeAttribute("disabled");
            }
        }

        function abrirModalRechazarSolicitudDeTrasladoPorAdcDestino(correlativo) {
            document.getElementById("labelModalObservacionDeAprobacionDeLaSolicitudDeTraslado").innerHTML = "Rechazo de la Solicitud de Traslado "+correlativo;
            document.getElementById("labelCampoMotivoDeAprobacionModalObservacionDeAprobacionDeLaSolicitudDeTraslado").innerHTML = "Motivo de Rechazo";
            document.getElementById("campoMotivoDeAprobacionModalObservacionDeAprobacionDeLaSolicitudDeTraslado").value = "";
            document.getElementById("validacionCampoMotivoDeAprobacionModalObservacionDeAprobacionDeLaSolicitudDeTraslado").innerHTML = "";
            document.getElementById("campoMotivoDeAprobacionModalObservacionDeAprobacionDeLaSolicitudDeTraslado").setAttribute("class", "form-control");
            document.getElementById("botonDeObservacionAprobacion").innerHTML="Rechazar Solicitud de Traslado";

            $('#botonDeObservacionAprobacion').off('click');
            $('#botonDeObservacionAprobacion').on('click', function() {
                rechazarSolicitudDeTrasladoPorAdcDestino();
            });
            
            $("#modalObservacionDeAprobacionDeLaSolicitudDeTraslado").modal("show");
        }

        function rechazarSolicitudDeTrasladoPorAdcDestino(){
            document.getElementById("botonDeObservacionAprobacion").setAttribute("disabled", true);
            if(document.getElementById("campoMotivoDeAprobacionModalObservacionDeAprobacionDeLaSolicitudDeTraslado").value.trim().length > 0){
                Swal.fire({
                    title: '¿Esta seguro?',
                    text: "La solicitud de traslado cambiará su estado ha rechazado",
                    icon: 'warning',
                    showCancelButton: true,
                    confirmButtonColor: '#3085d6',
                    cancelButtonColor: '#d33',
                    confirmButtonText: '¡Si, rechazar!',
                    cancelButtonText: 'Cancelar'
                }).then((result) => {
                    if (result.isConfirmed) {
                        generarLoading('{{ asset('img/logo.png') }}')
                        let datosFormulario = $("#formularioModalObservacionDeAprobacionDeLaSolicitudDeTraslado").serialize();
                        $.ajax({
                            type: 'POST',
                            datatype: 'json',
                            url: '{{ route('solicitud-traslado-trabajador.rechazar-adc-destino', $solicitud) }}',
                            data: datosFormulario,
                            success: function(data) {
                                Swal.fire({
                                    icon: 'success',
                                    title: '¡Solicitud de Traspaso Rechazado!',
                                    text: 'La solicitud de traspaso ' + data.correlativo + ' cambio de estado ha rechazado',
                                    confirmButtonColor: "#448aff",
                                    confirmButtonText: "Confirmar"
                                }).then((result) => {
                                    location.reload();
                                })
                                .catch((error) => {
                                    location.reload();
                                });
                                eliminarLoading()
                            },
                            error: function(data) {
                                console.log(data)
                                eliminarLoading()
                                document.getElementById("botonDeObservacionAprobacion").removeAttribute("disabled");
                            }
                        })
                    } else {
                        document.getElementById("botonDeObservacionAprobacion").removeAttribute("disabled");
                    }
                })
            }else{
                document.getElementById("campoMotivoDeAprobacionModalObservacionDeAprobacionDeLaSolicitudDeTraslado").setAttribute("class", "form-control is-invalid");
                document.getElementById("validacionCampoMotivoDeAprobacionModalObservacionDeAprobacionDeLaSolicitudDeTraslado").innerHTML = "El campo motivo de rechazo es obligatorio.";
                document.getElementById("botonDeObservacionAprobacion").removeAttribute("disabled");
            }
        }

        function aprobarSolicitudDeTrasladoPorAdcDestino(){
            document.getElementById("botonAprobacionAdcDestino").setAttribute("disabled", true);
            Swal.fire({
                title: '¿Esta seguro?',
                text: "La solicitud de traslado cambiará su estado ha aprobado",
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: '¡Si, aprobar!',
                cancelButtonText: 'Cancelar'
            }).then((result) => {
                if (result.isConfirmed) {
                    generarLoading('{{ asset('img/logo.png') }}')
                    let csrf = '{{ csrf_token() }}';
                    $.ajax({
                        type: 'POST',
                        datatype: 'json',
                        url: '{{ route('solicitud-traslado-trabajador.aprobar-adc-destino', $solicitud) }}',
                        headers: {
                            'X-CSRF-TOKEN': csrf
                        },
                        success: function(data) {
                            Swal.fire({
                                icon: 'success',
                                title: '¡Solicitud de Traspaso Aprobado!',
                                text: 'La solicitud de traspaso ' + data.correlativo + ' cambio de estado ha aprobado',
                                confirmButtonColor: "#448aff",
                                confirmButtonText: "Confirmar"
                            }).then((result) => {
                                location.reload();
                            })
                            .catch((error) => {
                                location.reload();
                            });
                            eliminarLoading()
                        },
                        error: function(data) {
                            console.log(data)
                            eliminarLoading()
                            document.getElementById("botonAprobacionAdcDestino").removeAttribute("disabled");
                        }
                    })
                } else {
                    document.getElementById("botonAprobacionAdcDestino").removeAttribute("disabled");
                }
            })
        }
    </script>

    <script>
        function abrirModalRechazarSolicitudDeTrasladoPorGerente(correlativo) {
            document.getElementById("labelModalObservacionDeAprobacionDeLaSolicitudDeTraslado").innerHTML = "Rechazo de la Solicitud de Traslado "+correlativo;
            document.getElementById("labelCampoMotivoDeAprobacionModalObservacionDeAprobacionDeLaSolicitudDeTraslado").innerHTML = "Motivo de Rechazo";
            document.getElementById("campoMotivoDeAprobacionModalObservacionDeAprobacionDeLaSolicitudDeTraslado").value = "";
            document.getElementById("validacionCampoMotivoDeAprobacionModalObservacionDeAprobacionDeLaSolicitudDeTraslado").innerHTML = "";
            document.getElementById("campoMotivoDeAprobacionModalObservacionDeAprobacionDeLaSolicitudDeTraslado").setAttribute("class", "form-control");
            document.getElementById("botonDeObservacionAprobacion").innerHTML="Rechazar Solicitud de Traslado";

            $('#botonDeObservacionAprobacion').off('click');
            $('#botonDeObservacionAprobacion').on('click', function() {
                rechazarSolicitudDeTrasladoPorGerente();
            });
            
            $("#modalObservacionDeAprobacionDeLaSolicitudDeTraslado").modal("show");
        }

        function rechazarSolicitudDeTrasladoPorGerente(){
            document.getElementById("botonDeObservacionAprobacion").setAttribute("disabled", true);
            if(document.getElementById("campoMotivoDeAprobacionModalObservacionDeAprobacionDeLaSolicitudDeTraslado").value.trim().length > 0){
                Swal.fire({
                    title: '¿Esta seguro?',
                    text: "La solicitud de traslado cambiará su estado ha rechazado",
                    icon: 'warning',
                    showCancelButton: true,
                    confirmButtonColor: '#3085d6',
                    cancelButtonColor: '#d33',
                    confirmButtonText: '¡Si, rechazar!',
                    cancelButtonText: 'Cancelar'
                }).then((result) => {
                    if (result.isConfirmed) {
                        generarLoading('{{ asset('img/logo.png') }}')
                        let datosFormulario = $("#formularioModalObservacionDeAprobacionDeLaSolicitudDeTraslado").serialize();
                        $.ajax({
                            type: 'POST',
                            datatype: 'json',
                            url: '{{ route('solicitud-traslado-trabajador.rechazar-gerente', $solicitud) }}',
                            data: datosFormulario,
                            success: function(data) {
                                Swal.fire({
                                    icon: 'success',
                                    title: '¡Solicitud de Traspaso Rechazado!',
                                    text: 'La solicitud de traspaso ' + data.correlativo + ' cambio de estado ha rechazado',
                                    confirmButtonColor: "#448aff",
                                    confirmButtonText: "Confirmar"
                                }).then((result) => {
                                    location.reload();
                                })
                                .catch((error) => {
                                    location.reload();
                                });
                                eliminarLoading()
                            },
                            error: function(data) {
                                console.log(data)
                                eliminarLoading()
                                document.getElementById("botonDeObservacionAprobacion").removeAttribute("disabled");
                            }
                        })
                    } else {
                        document.getElementById("botonDeObservacionAprobacion").removeAttribute("disabled");
                    }
                })
            }else{
                document.getElementById("campoMotivoDeAprobacionModalObservacionDeAprobacionDeLaSolicitudDeTraslado").setAttribute("class", "form-control is-invalid");
                document.getElementById("validacionCampoMotivoDeAprobacionModalObservacionDeAprobacionDeLaSolicitudDeTraslado").innerHTML = "El campo motivo de rechazo es obligatorio.";
                document.getElementById("botonDeObservacionAprobacion").removeAttribute("disabled");
            }
        }

        function abrirModalAprobarSolicitudDeTrasladoPorElGerente() {
            document.getElementById("campoObservacionesModalAprobarDeLaSolicitudDeTrasladoRRLLPorGerente").value = "";
            document.getElementById("validacionCampoObservacionesModalAprobarDeLaSolicitudDeTrasladoRRLLPorGerente").innerHTML = "";
            document.getElementById("campoObservacionesModalAprobarDeLaSolicitudDeTrasladoRRLLPorGerente").setAttribute("class", "form-control");
            $("#modalAprobarDeLaSolicitudDeTrasladoRRLLPorGerente").modal("show");
        }

        function aprobarSolicitudDeTrasladoPorGerente(){
            document.getElementById("botonAprobacionGerente").setAttribute("disabled", true);
            Swal.fire({
                title: '¿Esta seguro?',
                text: "La solicitud de traslado cambiará su estado ha aprobado",
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: '¡Si, aprobar!',
                cancelButtonText: 'Cancelar'
            }).then((result) => {
                if (result.isConfirmed) {
                    generarLoading('{{ asset('img/logo.png') }}')
                    let csrf = '{{ csrf_token() }}';
                    let datosFormulario = $("#formularioModalAprobarDeLaSolicitudDeTrasladoRRLLPorGerente").serialize();

                    $.ajax({
                        type: 'POST',
                        datatype: 'json',
                        url: '{{ route('solicitud-traslado-trabajador.aprobar-gerente', $solicitud) }}',
                        data: datosFormulario,
                        headers: {
                            'X-CSRF-TOKEN': csrf
                        },
                        success: function(data) {
                            Swal.fire({
                                icon: 'success',
                                title: '¡Solicitud de Traspaso Aprobado!',
                                text: 'La solicitud de traspaso ' + data.correlativo + ' cambio de estado ha aprobado',
                                confirmButtonColor: "#448aff",
                                confirmButtonText: "Confirmar"
                            }).then((result) => {
                                location.reload();
                            })
                            .catch((error) => {
                                location.reload();
                            });
                            eliminarLoading()
                        },
                        error: function(data) {
                            console.log(data)
                            eliminarLoading()
                            document.getElementById("botonAprobacionGerente").removeAttribute("disabled");
                        }
                    })
                } else {
                    document.getElementById("botonAprobacionGerente").removeAttribute("disabled");
                }
            })
        }
    </script>

    <script>
        function abrirModalCerrarSolicitudDeTrasladoPorRRLL() {
            document.getElementById("campoFechaDeModificacionDeLaSolicitudDeTraslado").value = "{{$solicitud->fecha_modificacion_contrato}}";
            document.getElementById("validacionCampoFechaDeModificacionDeLaSolicitudDeTraslado").innerHTML = "";
            document.getElementById("campoFechaDeModificacionDeLaSolicitudDeTraslado").setAttribute("class", "form-control");
            
            $("#modalCerrarSolicitudDeTraslado").modal("show");
        }

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

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

                Swal.fire({
                    icon: 'error',
                    title: '¡Errores en el Formulario!',
                    text: 'Revise los campos del formulario. Hay campos incompletos o que no cumple con los requisitos establecidos. Asegurase de completar todos los campos obligatorios y de corregir cualquier error señalado.',
                    confirmButtonColor: "#448aff",
                    confirmButtonText: "Confirmar"
                })

                document.getElementById("botonDeCerrar").removeAttribute("disabled");
            }
        }

    </script>
@stop