@extends('adminlte::page')

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

@section('title', 'Intranet | Detalle de la Solicitud de Modificació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 card-tabs">
                    @if ($solicitud->estado_aprobacion == 'Pendiente')
                        <div class="ribbon-wrapper ribbon-lg">
                            <div class="ribbon bg-secondary" id="estadoDeLaOrdenDeCompra">
                                {{ $solicitud->estado_aprobacion }}
                            </div>
                        </div>
                    @endif
    
                    @if ($solicitud->estado_aprobacion == 'Aprobado')
                        <div class="ribbon-wrapper ribbon-lg">
                            <div class="ribbon bg-success" id="estadoDeLaOrdenDeCompra">
                                {{ $solicitud->estado_aprobacion }}
                            </div>
                        </div>
                    @endif
    
                    @if ($solicitud->estado_aprobacion == 'Rechazado')
                        <div class="ribbon-wrapper ribbon-lg">
                            <div class="ribbon bg-danger" id="estadoDeLaOrdenDeCompra">
                                {{ $solicitud->estado_aprobacion }}
                            </div>
                        </div>
                    @endif
    
                    @if ($solicitud->estado_aprobacion == 'Anulado')
                        <div class="ribbon-wrapper ribbon-lg">
                            <div class="ribbon bg-info" id="estadoDeLaOrdenDeCompra">
                                {{ $solicitud->estado_aprobacion }}
                            </div>
                        </div>
                    @endif

                    <div class="card-header p-0 pt-1">
                        <ul class="nav nav-tabs" id="custom-tabs-one-tab" role="tablist">
                            <li class="nav-item">
                                <a class="nav-link active" id="custom-tabs-one-home-tab" data-toggle="pill" href="#custom-tabs-one-home" role="tab" aria-controls="custom-tabs-one-home" aria-selected="true">Solicitud de Modificación</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" id="custom-tabs-one-profile-tab" data-toggle="pill" href="#custom-tabs-one-profile" role="tab" aria-controls="custom-tabs-one-profile" aria-selected="false">Bonos</a>
                            </li>
                        </ul>
                    </div>

                    <form id="formularioDeSolicitudDeModificacion">
                        @csrf
                        <div class="card-body">
                            <div class="tab-content" id="custom-tabs-one-tabContent">
                                <div class="tab-pane fade show active" id="custom-tabs-one-home" role="tabpanel" aria-labelledby="custom-tabs-one-home-tab">
                                    <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="campoTipoDeSolicitud">Tipo de Solicitud</label>
                                            <input type="text" class="form-control" id="campoTipoDeSolicitud" name="nombre" value="{{ old('tipo',$solicitud->tipo) }}" readonly="true">
                                        </div>
                                    </div>

                                    <fieldset class="fieldset-color-azul" id="fieldsetArticulo">
                                        <legend class="titulo-fieldset-color-azul" id="legendArticulo">Datos del Trabajador Antes de la Solicitud</legend>  
                                    
                                        <div class="contenedorDosCamposPorFilaEnLosFormulario">
                                            @isset($solicitud->nombre)
                                                <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>
                                            @endisset
    
                                            @isset($solicitud->rut)
                                                <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>
                                            @endisset
    
                                            @isset($solicitud->cargo_actual)
                                                <div class="form-group">
                                                    <label for="campoCargoAntesDeLaSolicitud">Cargo Antes de la Solicitud</label>
                                                    <input type="text" class="form-control" id="campoCargoAntesDeLaSolicitud" name="cargo_actual" value="{{ old('cargo_actual',$solicitud->cargo_actual) }}" readonly="true">
                                                </div>
                                            @endisset
        
                                            @if (isset($solicitud->id_centro_costo_actual))
                                                <div class="form-group">
                                                    <label for="campoCentroDeCostoAntesDeLaSolicitud">Centro De Costo Antes de la Solicitud</label>
                                                    <input type="text" class="form-control" id="campoCentroDeCostoAntesDeLaSolicitud" name="id_centro_costo_actual" value="{{ old('id_centro_costo_actual',$solicitud->centroDeCostoActual->centro_costo) }}" readonly="true">
                                                </div>
    
                                                @if ($solicitud->centroDeCostoActual->gerencia_1!=null)
                                                    <div class="form-group">
                                                        <label for="campoCampoGerenciaActualDeLaSolicitud">Gerencia Antes de la Solicitud</label>
                                                        <input type="text" class="form-control" id="campoCampoGerenciaActualDeLaSolicitud" name="id_centro_costo_actual" value="{{ old('id_centro_costo_actual',$solicitud->centroDeCostoActual->gerencia_1) }}" readonly="true">
                                                    </div>
                                                @else
                                                    <div class="form-group">
                                                        <label for="campoCampoGerenciaActualDeLaSolicitud">Gerencia Antes de la Solicitud</label>
                                                        <input type="text" class="form-control" id="campoCampoGerenciaActualDeLaSolicitud" name="gerencia_actual" value="{{ old('gerencia_actual') }}" readonly="true">
                                                    </div>
                                                @endif
                                            @endif

                                            @if (isset($solicitud->sueldo_base_actual) && !empty($solicitud->sueldo_base_actual))
                                                <div class="form-group" @if ($solicitud->tipo=="cargo-jornada") style="display:none;" @endif>
                                                    <label for="campoSueldoBaseActualDeLaSolicitud">Sueldo Base Antes de la Solicitud</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>
                                            @else
                                                <div class="form-group" @if ($solicitud->tipo=="cargo-jornada") style="display:none;" @endif>
                                                    <label for="campoSueldoBaseActualDeLaSolicitud">Sueldo Base Antes de la Solicitud</label>
                                                    <input type="text" class="form-control" id="campoSueldoBaseActualDeLaSolicitud" name="sueldo_base_actual_con_formato" value="{{ old('sueldo_base_actual_con_formato', 'CLP $ 0') }}" readonly="true">
                                                    <div class="invalid-feedback" id="validacionCampoSueldoBaseActualDeLaSolicitud">
                
                                                    </div>
                                                </div>
                                            @endif

                                            @if (isset($solicitud->asignacion_movilizacion_actual) && !empty($solicitud->asignacion_movilizacion_actual))
                                                <div class="form-group" @if ($solicitud->tipo=="cargo-jornada") style="display:none;" @endif>
                                                    <label for="campoAsignacionMovilizacionActualDeLaSolicitud">Asignación de Movilización Antes de la Solicitud</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>
                                            @else
                                                <div class="form-group" @if ($solicitud->tipo=="cargo-jornada") style="display:none;" @endif>
                                                    <label for="campoAsignacionMovilizacionActualDeLaSolicitud">Asignación de Movilización Antes de la Solicitud</label>
                                                    <input type="text" class="form-control" id="campoAsignacionMovilizacionActualDeLaSolicitud" name="asignacion_movilizacion_actual_con_formato" value="{{ old('asignacion_movilizacion_actual_con_formato','CLP $ 0') }}" readonly="true">
                                                    <div class="invalid-feedback" id="validacionCampoAsignacionMovilizacionActualDeLaSolicitud">
                
                                                    </div>
                                                </div>
                                            @endif

                                            @if (isset($solicitud->asignacion_colacion_actual) && !empty($solicitud->asignacion_colacion_actual))
                                                <div class="form-group" @if ($solicitud->tipo=="cargo-jornada") style="display:none;" @endif>
                                                    <label for="campoAsignacionColacionActualDeLaSolicitud">Asignación de Colación Antes de la Solicitud</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>
                                            @else
                                                <div class="form-group" @if ($solicitud->tipo=="cargo-jornada") style="display:none;" @endif>
                                                    <label for="campoAsignacionColacionActualDeLaSolicitud">Asignación de Colación Antes de la Solicitud</label>
                                                    <input type="text" class="form-control" id="campoAsignacionColacionActualDeLaSolicitud" name="asignacion_colacion_actual_con_formato" value="{{ old('asignacion_colacion_actual_con_formato','CLP $ 0') }}" readonly="true">
                                                    <div class="invalid-feedback" id="validacionCampoAsignacionColacionActualDeLaSolicitud">
                
                                                    </div>
                                                </div>
                                            @endif

                                            @if (isset($solicitud->asignacion_sala_cuna_actual) && !empty($solicitud->asignacion_sala_cuna_actual))
                                                <div class="form-group" @if ($solicitud->tipo=="cargo-jornada") style="display:none;" @endif>
                                                    <label for="campoAsignacionSalaCunaActualDeLaSolicitud">Asignación de Sala Cuna Antes de la Solicitud</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>
                                            @else
                                                <div class="form-group" @if ($solicitud->tipo=="cargo-jornada") style="display:none;" @endif>
                                                    <label for="campoAsignacionSalaCunaActualDeLaSolicitud">Asignación de Sala Cuna Antes de la Solicitud</label>
                                                    <input type="text" class="form-control" id="campoAsignacionSalaCunaActualDeLaSolicitud" name="asignacion_sala_cuna_actual_con_formato" value="{{ old('asignacion_sala_cuna_actual_con_formato','CLP $ 0') }}" readonly="true">
                                                    <div class="invalid-feedback" id="validacionCampoAsignacionSalaCunaActualDeLaSolicitud">
                
                                                    </div>
                                                </div>
                                            @endif

                                            @if (isset($solicitud->viatico_actual) && !empty($solicitud->viatico_actual))
                                                <div class="form-group" @if ($solicitud->tipo=="cargo-jornada") style="display:none;" @endif>
                                                    <label for="campoCampoViaticoActualDeLaSolicitud">Viatico Antes de la Solicitud</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>
                                            @else
                                                <div class="form-group" @if ($solicitud->tipo=="cargo-jornada") style="display:none;" @endif>
                                                    <label for="campoCampoViaticoActualDeLaSolicitud">Viatico Antes de la Solicitud</label>
                                                    <input type="text" class="form-control" id="campoCampoViaticoActualDeLaSolicitud" name="viatico_actual_con_formato" value="{{ old('viatico_actual_con_formato','CLP $ 0') }}" readonly="true">
                                                    <div class="invalid-feedback" id="validacionCampoViaticoActualDeLaSolicitud">
                
                                                    </div>
                                                </div>
                                            @endif
                                        </div>

                                        <div class="dt-responsive table-responsive" @if ($solicitud->tipo=="cargo-jornada") style="display:none;" @endif>
                                            <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">
                                        @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

                                        @isset($solicitud->id_usuario_cierre)
                                            <div class="form-group">
                                                <label for="campoUsuarioEncargadoDeCerrarLaSolicitud">Usuario Encargado de Cerrar la Solicitud</label>
                                                <input type="text" class="form-control" id="campoUsuarioEncargadoDeCerrarLaSolicitud" name="id_usuario_cierre" value="{{ old('id_usuario_cierre',$solicitud->encargadoDeCerrarLaSolicitud->name) }}" readonly="true">
                                            </div>
                                        @endisset

                                        @isset($solicitud->id_usuario_rechazo )
                                            <div class="form-group">
                                                <label for="campoUsuarioQueRechazaLaSolicitud">Usuario Que Rechaza la Solicitud</label>
                                                <input type="text" class="form-control" id="campoUsuarioQueRechazaLaSolicitud" name="id_usuario_rechazo" value="{{ old('id_usuario_rechazo',$solicitud->usuarioQueRechazoLaSolicitud->name) }}" readonly="true">
                                            </div>
                                        @endisset

                                        @isset($solicitud->fecha_aprobacion)
                                            <div class="form-group">
                                                <label for="campoFechaAprobacionDeLaSolicitud">Fecha de Aprobación (Apruebo/Rechazo)</label>
                                                <input type="text" class="form-control" id="campoFechaAprobacionDeLaSolicitud" name="fecha_aprobacion" value="{{ old('fecha_aprobacion',fechaConFormatoDeChile($solicitud->fecha_aprobacion)) }}" readonly="true">
                                            </div>
                                        @endisset

                                        @isset($solicitud->fecha_cierre)
                                            <div class="form-group">
                                                <label for="campoFechaCierreDeLaSolicitud">Fecha de Cierre</label>
                                                <input type="text" class="form-control" id="campoFechaCierreDeLaSolicitud" name="fecha_cierre" value="{{ old('fecha_cierre',fechaConFormatoDeChile($solicitud->fecha_cierre)) }}" readonly="true">
                                            </div>
                                        @endisset

                                        @isset($solicitud->estado_cierre)
                                            <div class="form-group">
                                                <label for="campoEstadoDeCierreDeLaSolicitud">Estado de Cierre</label>
                                                <input type="text" class="form-control" id="campoEstadoDeCierreDeLaSolicitud" name="estado_cierre" value="{{ old('estado_cierre',$solicitud->estado_cierre) }}" readonly="true">
                                            </div>
                                        @endisset
        
                                        @isset($solicitud->sueldo_base)
                                            <div class="form-group">
                                                <label for="campoSueldoBaseDeLaSolicitud">Sueldo Base</label>
                                                <input type="text" class="form-control" id="campoSueldoBaseDeLaSolicitud" name="sueldo_base_con_formato" value="{{ old('sueldo_base_con_formato',formatoMenedaSegunTipoDeMonedaOC($solicitud->sueldo_base,"CLP")) }}" readonly="true">
                                            </div>
                                        @endisset

                                        @isset($solicitud->gratificacion)
                                            <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>
                                        @endisset

                                        @isset($solicitud->asignacion_movilizacion)
                                            <div class="form-group">
                                                <label for="campoAsignacionMovilizacionDeLaSolicitud">Asignación de Movilización</label>
                                                <input type="text" class="form-control" id="campoAsignacionMovilizacionDeLaSolicitud" name="asignacion_movilizacion_con_formato" value="{{ old('asignacion_movilizacion_con_formato',formatoMenedaSegunTipoDeMonedaOC($solicitud->asignacion_movilizacion,"CLP")) }}" readonly="true">
                                            </div>
                                        @endisset

                                        @isset($solicitud->asignacion_colacion)
                                            <div class="form-group">
                                                <label for="campoAsignacionColacionDeLaSolicitud">Asignación de Colación</label>
                                                <input type="text" class="form-control" id="campoAsignacionColacionDeLaSolicitud" name="asignacion_colacion_con_formato" value="{{ old('asignacion_colacion_con_formato',formatoMenedaSegunTipoDeMonedaOC($solicitud->asignacion_colacion,"CLP")) }}" readonly="true">
                                            </div>
                                        @endisset

                                        @isset($solicitud->asignacion_sala_cuna)
                                            <div class="form-group">
                                                <label for="campoAsignacionSalaCunaDeLaSolicitud">Asignación de Sala Cuna</label>
                                                <input type="text" class="form-control" id="campoAsignacionSalaCunaDeLaSolicitud" name="asignacion_sala_cuna_con_formato" value="{{ old('asignacion_sala_cuna_con_formato',formatoMenedaSegunTipoDeMonedaOC($solicitud->asignacion_sala_cuna,"CLP")) }}" readonly="true">
                                            </div>
                                        @endisset

                                        @isset($solicitud->viatico)
                                            <div class="form-group">
                                                <label for="campoViaticoDeLaSolicitud">Viatico </label>
                                                <input type="text" class="form-control" id="campoViaticoDeLaSolicitud" name="viatico_con_formato" value="{{ old('viatico_con_formato',formatoMenedaSegunTipoDeMonedaOC($solicitud->viatico,"CLP")) }}" readonly="true">
                                            </div> 
                                        @endisset

                                        @isset($solicitud->total_haberes)
                                            <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>
                                        @endisset
        
                                        @isset($solicitud->perfil_cobro)
                                            <div class="form-group">
                                                <label for="campoPerfilCobroDeLaSolicitud">Perfil de Cobro</label>
                                                <input type="text" class="form-control" id="campoPerfilCobroDeLaSolicitud" name="perfil_cobro_con_formato" value="{{ old('perfil_cobro_con_formato',$solicitud->perfil_cobro) }}" readonly="true">
                                            </div>
                                        @endisset
        
                                        @isset($solicitud->total_haberes_edp)
                                            <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" name="total_haberes_edp_con_formato" value="{{ old('total_haberes_edp_con_formato',formatoMenedaSegunTipoDeMonedaOC($solicitud->total_haberes_edp,"CLP")) }}" readonly="true">
                                            </div>
                                        @endisset

                                        @isset($solicitud->id_area_trabajo)
                                            <div class="form-group">
                                                <label for="campoAreaDeTrabajoDeLaSolicitud">Area de Trabajo</label>
                                                <input type="text" class="form-control" id="campoAreaDeTrabajoDeLaSolicitud" name="area_trabajo" value="{{ old('area_trabajo',$solicitud->areaDeTrabajo->area_trabajo) }}" readonly="true">
                                            </div> 
                                        @endisset

                                        @isset($solicitud->fecha_inicio)
                                            <div class="form-group">
                                                <label for="campoFechaDeInicioDeLaSolicitud">Fecha de Inicio</label>
                                                <input type="date" class="form-control" id="campoFechaDeInicioDeLaSolicitud" name="fecha_inicio" value="{{ old('fecha_inicio',$solicitud->fecha_inicio) }}" readonly="true">
                                            </div> 
                                        @endisset

                                        @isset($solicitud->fecha_termino)
                                            <div class="form-group">
                                                <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) }}" readonly="true">
                                            </div> 
                                        @endisset

                                        @if (isset($solicitud->id_centro_costo))
                                            <div class="form-group">
                                                <label for="campoCentroDeCostoDeLaSolicitud">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>
                                            
                                            @if (isset($solicitud->centroDeCosto->gerencia_1))
                                                <div class="form-group">
                                                    <label for="campoCampoGerenciaDeLaSolicitud">Gerencia</label>
                                                    <input type="text" class="form-control" id="campoCampoGerenciaDeLaSolicitud" name="gerencia" value="{{ old('gerencia',$solicitud->centroDeCosto->gerencia_1) }}" readonly="true">
                                                </div>
                                            @else
                                                <div class="form-group">
                                                    <label for="campoCampoGerenciaDeLaSolicitud">Gerencia</label>
                                                    <input type="text" class="form-control" id="campoCampoGerenciaDeLaSolicitud" name="gerencia" value="{{ old('gerencia') }}" readonly="true">
                                                </div>
                                            @endif
                                        @endif
        
                                        @isset($solicitud->contratoComercial)
                                            <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',$solicitud->contratoComercial->numero_contrato) }}" readonly="true">
                                            </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',$solicitud->contratoComercial->contrato) }}" readonly="true">
                                            </div>
                                        @endisset

                                        @isset($solicitud->resolucion)
                                            @if ($solicitud->resolucion->tipo=="Excepcional")
                                                <div class="form-group">
                                                    <label for="campoCargoOcuparDeLaSolicitud">Cargo a Ocupar</label>
                                                    <input type="text" class="form-control" id="campoCargoOcuparDeLaSolicitud" name="id_cargo_resolucion" value="{{ old('id_cargo_resolucion',$solicitud->cargoDeLaResolucion->cargo) }}" readonly="true">
                                                </div>
        
                                                <div class="form-group">
                                                    <label for="campoJornadaDeTrabajoDeLaSolicitud">Jornada de Trabajo</label>
                                                    <input type="text" class="form-control" id="campoJornadaDeTrabajoDeLaSolicitud" name="numero_contrato" value="{{ old('jornada_trabajo',$solicitud->resolucion->jornadaDeTrabajo->jornada) }}" readonly="true">
                                                </div>
        
                                                <div class="form-group">
                                                    <label for="campoHorarioDeTrabajoDeLaSolicitud">Horario de Trabajo</label>
                                                    <input type="text" class="form-control" id="campoHorarioDeTrabajoDeLaSolicitud" name="horario_trabajo" value="{{ old('horario_trabajo',$solicitud->resolucion->horario) }}" readonly="true">
                                                </div>
                
                                                <div class="form-group">
                                                    <label for="campoNumeroDeResolucionDeLaSolicitud">Número de Resolución</label>
                                                    <input type="text" class="form-control" id="campoNumeroDeResolucionDeLaSolicitud" name="id_resolucion" value="{{ old('id_resolucion',$solicitud->resolucion->resolucion) }}" readonly="true">
                                                </div>
                                            @else
                                                <div class="form-group">
                                                    <label for="campoCargoOcuparDeLaSolicitud">Cargo a Ocupar</label>
                                                    <input type="text" class="form-control" id="campoCargoOcuparDeLaSolicitud" name="id_cargo_resolucion" value="{{ old('id_cargo_resolucion',$solicitud->nuevo_cargo) }}" readonly="true">
                                                </div>
        
                                                <div class="form-group">
                                                    <label for="campoDeResolucionEspecial">Resolución</label>
                                                    <input type="text" class="form-control" id="campoDeResolucionEspecial" name="resolucion_especial" value="{{ old('resolucion_especial',$solicitud->resolucion->tipo) }}" readonly="true">
                                                </div>
        
                                                <div class="form-group">
                                                    <label for="campoJornadaDeTrabajoDeLaSolicitud">Jornada de Trabajo</label>
                                                    <input type="text" class="form-control" id="campoJornadaDeTrabajoDeLaSolicitud" name="numero_contrato" value="{{ old('jornada_trabajo',$solicitud->resolucion->jornadaDeTrabajo->jornada) }}" readonly="true">
                                                </div>
        
                                                <div class="form-group">
                                                    <label for="campoHorarioDeTrabajoDeLaSolicitud">Horario de Trabajo</label>
                                                    <input type="text" class="form-control" id="campoHorarioDeTrabajoDeLaSolicitud" name="horario_trabajo" value="{{ old('horario_trabajo',$solicitud->resolucion->horario) }}" readonly="true">
                                                </div>
                                            @endif
                                        @endisset

                                        @isset($solicitud->viatico_excepcional)
                                            <div class="form-group">
                                                <label for="campoViaticoExcepcionalDeLaSolicitud">Viatico Excepcional</label>
                                                <input type="text" class="form-control" id="campoViaticoExcepcionalDeLaSolicitud" name="viatico_excepcional" value="{{ old('viatico_excepcional',formatoMenedaSegunTipoDeMonedaOC($solicitud->viatico_excepcional,"CLP")) }}" readonly="true">
                                            </div>

                                            <div class="form-group">
                                                <label>Monto Reembolsable</label>
                                                <div class="icheck-primary">
                                                    <input type="radio" id="CampoMontoReembolsableSi" name="reembolsable" value="Si" @if ($solicitud->reembolsable==true) checked  @endif disabled="true">
                                                    <label for="CampoMontoReembolsableSi">Si</label>
                                                </div>
                                                <div class="icheck-primary">
                                                    <input type="radio" id="CampoMontoReembolsableNo" name="reembolsable" value="No" @if ($solicitud->reembolsable==false) checked  @endif disabled="true">
                                                    <label for="CampoMontoReembolsableNo">No</label>
                                                </div>
                                                <div class="invalid-feedback" id="validacionCampoMontoReembolsableDelBonoDeReemplazo">
                
                                                </div>
                                            </div>

                                            <div class="form-group">
                                                <label >Estado de Pago</label>
                                                <input type="text" class="form-control" name="estado_pago" value="{{ old('estado_pago',$solicitud->estado_pago) }}" readonly="true">
                                            </div>
            
                                            <div class="form-group">
                                                <label >Periodo de Pago</label>
                                                <input type="text" class="form-control" name="periodo_pago" value="{{ old('periodo_pago',$solicitud->periodo_pago) }}" readonly="true">
                                            </div>
            
                                            <div class="form-group">
                                                <label >Año de Pago</label>
                                                <input type="text" class="form-control" name="ano_pago" value="{{ old('ano_pago',$solicitud->ano_pago) }}" readonly="true">
                                            </div>
                                        @endisset

                                        @isset($solicitud->bono_gestion)
                                            <div class="form-group">
                                                <label for="campoBonoDeGestionDeLaSolicitud">Bono de Gestión Único</label>
                                                <input type="text" class="form-control" id="campoBonoDeGestionDeLaSolicitud" name="bono_gestion" value="{{ old('bono_gestion',formatoMenedaSegunTipoDeMonedaOC($solicitud->bono_gestion,"CLP")) }}" readonly="true">
                                            </div>

                                            <div class="form-group">
                                                <label>Monto Reembolsable</label>
                                                <div class="icheck-primary">
                                                    <input type="radio" id="CampoMontoReembolsableSi" name="reembolsable" value="Si" @if ($solicitud->reembolsable==true) checked  @endif disabled="true">
                                                    <label for="CampoMontoReembolsableSi">Si</label>
                                                </div>
                                                <div class="icheck-primary">
                                                    <input type="radio" id="CampoMontoReembolsableNo" name="reembolsable" value="No" @if ($solicitud->reembolsable==false) checked  @endif disabled="true">
                                                    <label for="CampoMontoReembolsableNo">No</label>
                                                </div>
                                                <div class="invalid-feedback" id="validacionCampoMontoReembolsableDelBonoDeReemplazo">
                
                                                </div>
                                            </div>

                                            <div class="form-group">
                                                <label >Estado de Pago</label>
                                                <input type="text" class="form-control" name="estado_pago" value="{{ old('estado_pago',$solicitud->estado_pago) }}" readonly="true">
                                            </div>
            
                                            <div class="form-group">
                                                <label >Periodo de Pago</label>
                                                <input type="text" class="form-control" name="periodo_pago" value="{{ old('periodo_pago',$solicitud->periodo_pago) }}" readonly="true">
                                            </div>
            
                                            <div class="form-group">
                                                <label >Año de Pago</label>
                                                <input type="text" class="form-control" name="ano_pago" value="{{ old('ano_pago',$solicitud->ano_pago) }}" readonly="true">
                                            </div>
                                        @endisset

                                        @isset($solicitud->teletrabajo)
                                            @if ($solicitud->teletrabajo==true)
                                                <div class="form-group">
                                                    <label for="campoTeletrabajoDeLaSolicitud">¿Teletrabajo?</label>
                                                    <input type="text" class="form-control" id="campoTeletrabajoDeLaSolicitud" name="teletrabajo" value="{{ old('teletrabajo','Si') }}" readonly="true">
                                                </div>
                                            @else
                                                <div class="form-group">
                                                    <label for="campoTeletrabajoDeLaSolicitud">¿Teletrabajo?</label>
                                                    <input type="text" class="form-control" id="campoTeletrabajoDeLaSolicitud" name="teletrabajo" value="{{ old('teletrabajo','No') }}" readonly="true">
                                                </div>
                                            @endif
                                        @endisset
                                    </div>

                                    @isset($solicitud->resolucion)
                                        <div class="dt-responsive table-responsive">
                                            <table class="table table-striped table-bordered" role="grid" aria-describedby="base-style_info" id="tabla-archivos">
                                                <thead>
                                                    <tr role="row">
                                                        <th colspan="4" class="text-center">DESCRIPTOR DEL CARGO</th>
                                                    </tr>
                                                    <tr role="row">
                                                        <th>Acción</th>
                                                        <th>Archivo</th>
                                                        <th>Extensión</th>
                                                    </tr>
                                                </thead>
                                                <tbody id="registroDeArchivos">
                                                    @if (count($solicitud->descriptoresDeCargos)>0)
                                                        @foreach ($solicitud->descriptoresDeCargos as $archivo)
                                                            <tr>
                                                                <td>
                                                                    <div class="btn-group ">
                                                                        <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                                            Acciones
                                                                        </button>
                                                                        <div class="dropdown-menu">
                                                                            @if (validarSiElArchivoSePuedeVisualizar(strtolower($archivo->extension))==true)
                                                                                <a class="dropdown-item" href="#" onclick="visualizarArchivoRegistradoDeLaSolicitudDeModificacion('{{ $archivo->nombre_archivo }}', '{{ strtolower(retornaTextoExtensionSegunExtensionDelArchivo($archivo->extension)) }}','{{ $archivo->id_solicitud_modificacion  }}')"><i class="fas fa-eye" aria-hidden="true"></i> Visualizar Archivo</a>
                                                                            @endif
                                                                            <a class="dropdown-item" href="{{ route('solicitud-modificacion.descargar-archivo', $archivo) }}" target="_blank"><i class="fas fa-download" aria-hidden="true"></i> Descargar Archivo</a>
                                                                        </div>
                                                                    </div>
                                                                </td>
                                                                <td>{{$archivo->nombre_archivo}}</td>
                                                                <td>{{ retornaTextoExtensionSegunExtensionDelArchivo($archivo->extension) }}</td>
                                                            </tr>
                                                        @endforeach
                                                    @else
                                                        <tr id="archivosNoDisponibleEnLaTabla">
                                                            <td colspan="4" class="text-center">No hay archivos disponibles en la tabla</td>
                                                        </tr>
                                                    @endif
                                                </tbody>
                                            </table>
                                        </div>
                                    @endisset

                                    @if ($solicitud->tipo!="cargo-jornada")
                                        <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>
                                    @endif

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

                                    @if ($solicitud->tipo=="viatico-excepcional" || $solicitud->tipo=="bono-gestion-unico")
                                        <div class="form-group">
                                            <label for="campoObservacionDeLaSolicitud">Justificación</label>
                                            <textarea class="form-control" id="campoObservacionDeLaSolicitud" name="observacion" rows="3" readonly="true">{{$solicitud->observacion}}</textarea>
                                        </div>
                                    @else
                                        <div class="form-group">
                                            <label for="campoObservacionDeLaSolicitud">Observación</label>
                                            <textarea class="form-control" id="campoObservacionDeLaSolicitud" name="observacion" rows="3" readonly="true">{{$solicitud->observacion}}</textarea>
                                        </div>
                                    @endif

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

                                <div class="tab-pane fade" id="custom-tabs-one-profile" role="tabpanel" aria-labelledby="custom-tabs-one-profile-tab">
                                    <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>
                                                </tr>
                                            </thead>
                                            <tbody id="registroDeOtrosBonos">
                                                @if (count($bonosDeLaResolucion)>0)
                                                    @php
                                                        $indexBono=0;
                                                    @endphp
                                                    @foreach ($bonosDeLaResolucion as $bono)
                                                        @php
                                                            $indexBono++;
                                                        @endphp
                                                        <tr>
                                                            <td>{{$indexBono}}</td>
                                                            <td>{{$bono->bono}}</td>
                                                            <td>{{formatoMenedaSegunTipoDeMonedaOC($bono->monto,"CLP")}}</td>
                                                            <td>{{$bono->observacion}}</td>
                                                        </tr>
                                                    @endforeach
                                                @else
                                                    <tr id="otrosBonosNoDisponibleEnLaTabla">
                                                        <td colspan="4" class="text-center">No hay otros bonos disponibles en la tabla</td>
                                                    </tr>
                                                @endif
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class=" card-footer">
                            @if ($solicitud->tipo=="cargo-jornada")
                                @if ($solicitud->estado_aprobacion=="Pendiente" && $solicitud->estado_cierre=="Abierta")
                                    @if ($usuarioPuederEditar==true)
                                        <a href="{{ route('solicitud-modificacion.edit', $solicitud) }}" role="button" class="btn btn-warning mt-1"><i class="fas fa-edit" style="margin-right: 2px;"></i> Editar Solicitud de Modificación</a> 
                                    @endif

                                    @if (Gate::check('solicitud-modificacion.cerrar'))
                                        <button onclick="abrirModalCerrarSolicitudDeContratacionPorRRLL()" type="button" class="btn btn-primary"><i class="fas fa-award" style="margin-right: 2px;"></i> Cerrar Solicitud de Modificación</button>
                                        <button onclick="abrirModalRechazarSolicitudDeModificacionPorRRLL()" type="button" class="btn btn-danger"><i class="fas fa-award" style="margin-right: 2px;"></i> Rechazar Solicitud de Modificación</button>
                                    @endif
                                @endif
                            @else
                                @if ($solicitud->estado_aprobacion=="Pendiente" && $solicitud->estado_cierre=="Abierta")
                                    @if ($usuarioPuederEditar==true)
                                        <a href="{{ route('solicitud-modificacion.edit', $solicitud) }}" role="button" class="btn btn-warning mt-1"><i class="fas fa-edit" style="margin-right: 2px;"></i> Editar Solicitud de Modificación</a> 
                                    @endif

                                    @if ($gerentePuedeAprobarLaSolicitud==true)
                                        <button onclick="abrirModalAprobarSolicitudDeModificacionPorElGerente()" type="button" class="btn btn-success"><i class="fas fa-award" style="margin-right: 2px;"></i> Aprobar Solicitud de Modificación</button>
                                        <button onclick="abrirModalRechazarSolicitudDeModificacionPorElGerente()" type="button" class="btn btn-danger"><i class="fas fa-award" style="margin-right: 2px;"></i> Rechazar Solicitud de Modificación</button>
                                    @endif 
                                @elseif($solicitud->estado_aprobacion=="Aprobado" && $solicitud->estado_cierre=="Abierta") 
                                    @if (Gate::check('solicitud-modificacion.cerrar'))
                                        <button onclick="abrirModalCerrarSolicitudDeContratacionPorRRLL()" type="button" class="btn btn-primary"><i class="fas fa-award" style="margin-right: 2px;"></i> Cerrar Solicitud de Modificación</button>
                                        <button onclick="abrirModalRechazarSolicitudDeModificacionPorRRLL()" type="button" class="btn btn-danger"><i class="fas fa-award" style="margin-right: 2px;"></i> Rechazar Solicitud de Modificación</button>
                                    @endif
                                @endif
                            @endif
                            <a href="{{ route('solicitud-modificacion.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="modalRechazoDeLaSolicitudDeModificacionRRLL" tabindex="-1" aria-labelledby="labelModalRechazoDeRequisicion" aria-hidden="true">
        <form id="formularioModalRechazoDeLaSolicitudDeModificacionRRLL">
            @csrf
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header" style="background-color: #007bff; color:white;">
                        <h5 class="modal-title" id="labelModalRechazoDeLaSolicitudDeModificacionRRLL">Rechazar Solicitud de Modificación {{ $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>Motivo del Rechazo</label>
                            <textarea class="form-control" id="campoMotivoDelRechazoModalRechazoDeLaSolicitudDeModificacionRRLL" name="motivo_rechazo" rows="3"></textarea>
                            <div class="invalid-feedback" id="validacionCampoMotivoDelRechazoModalRechazoDeLaSolicitudDeModificacionRRLL">
    
                            </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="botonDeRechazoRRLL" onclick="rechazarSolicitudDeModificacionPorRRLL()">Rechazar Solicitud de Modificación</button>
                    </div>
                </div>
            </div>
        </form>
    </div>

    <div class="modal fade" id="modalRechazoDeLaSolicitudDeModificacionGerente" tabindex="-1" aria-labelledby="labelModalRechazoDeRequisicion" aria-hidden="true">
        <form id="formularioModalRechazoDeLaSolicitudDeModificacionGerente">
            @csrf
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header" style="background-color: #007bff; color:white;">
                        <h5 class="modal-title" id="labelModalRechazoDeLaSolicitudDeModificacionGerente">Rechazar Solicitud de Modificación {{ $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>Motivo del Rechazo</label>
                            <textarea class="form-control" id="campoMotivoDelRechazoModalRechazoDeLaSolicitudDeModificacionGerente" name="motivo_rechazo" rows="3"></textarea>
                            <div class="invalid-feedback" id="validacionCampoMotivoDelRechazoModalRechazoDeLaSolicitudDeModificacionGerente">
    
                            </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="botonDeRechazoGerente" onclick="rechazarSolicitudDeModificacionPorElGerente()">Rechazar Solicitud de Modificación</button>
                    </div>
                </div>
            </div>
        </form>
    </div>

    <div class="modal fade" id="modalCerrarSolicitudDeModificacionRRLL" tabindex="-1" aria-labelledby="labelModalRechazoDeRequisicion" aria-hidden="true">
        <form id="formularioModalCerrarSolicitudDeModificacionRRLL">
            @csrf
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header" style="background-color: #007bff; color:white;">
                        <h5 class="modal-title" id="labelModalCerrarSolicitudDeModificacionRRLL">Cerrar Solicitud de Modificación {{ $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="campoFechaDeGeneracionDeModificacionDeLaSolicitud">Fecha de Generación de Modificación</label>
                            <input type="date" class="form-control" id="campoFechaDeGeneracionDeModificacionDeLaSolicitud" name="fecha_ingreso_generacion_modificacion" value="{{ old('fecha_ingreso_generacion_modificacion') }}">
                            <div class="invalid-feedback" id="validacionCampoFechaDeGeneracionDeModificacionDeLaSolicitud">

                            </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="cerrarSolicitudDeModificacionPorRRLL()">Cerrar Solicitud de Modificación</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="modalVisualizarArchivo" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <form>
            <div class="modal-dialog modal-xl">
                <div class="modal-content">
                    <div class="modal-header" style="background-color: #007bff; color:white;">
                        <h5 class="modal-title" id="modalTituloVisualizarArchivo"></h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close" style="color:white;">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <div id="modalContenidoModalVisualizarArchivo" style="text-align: center;">
    
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
                    </div>
                </div>
            </div>
        </form>
    </div>

    <div class="modal fade" id="modalAprobarDeLaSolicitudDeModificacionPorGerente" tabindex="-1" aria-labelledby="labelModalRechazoDeRequisicion" aria-hidden="true">
        <form id="formularioModalAprobarDeLaSolicitudDeModificacionPorGerente">
            @csrf
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header" style="background-color: #007bff; color:white;">
                        <h5 class="modal-title" id="labelModalAprobarDeLaSolicitudDeModificacionPorGerente">Aprobar Solicitud de Modificación {{ $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="campoObservacionesModalAprobarDeLaSolicitudDeModificacionPorGerente" name="observaciones" rows="3"></textarea>
                            <div class="invalid-feedback" id="validacionCampoObservacionesModalAprobarDeLaSolicitudDeModificacionPorGerente">
    
                            </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="botonDeAprobacion" onclick="aprobarSolicitudDeModificacionPorElGerente()">Aprobar Solicitud de Modificación</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 visualizarArchivoRegistradoDeLaSolicitudDeModificacion(nombreArchivo, tipo, idSolicitudDeModificacion) {
            let rutaUrl = 'storage/solicitud-modificacion-descriptor-cargo/' + idSolicitudDeModificacion + '/' + nombreArchivo;
            let url = '{{ asset('') }}';
            url = url + rutaUrl;

            if (tipo.toLowerCase() == "imagen") {
                document.getElementById("modalContenidoModalVisualizarArchivo").innerHTML =
                '<img src="' + url + '" style="max-width: 100%;">';
            }else if(tipo == "pdf"){
                document.getElementById("modalContenidoModalVisualizarArchivo").innerHTML =
                    '<iframe src="' + url + '" style="width:95%; height:600px;"></iframe>';
            }else if(tipo == "archivo de texto"){
                document.getElementById("modalContenidoModalVisualizarArchivo").innerHTML =
                    '<iframe src="' + url + '" style="width:95%; height:600px;"></iframe>';
            }

            document.getElementById("modalTituloVisualizarArchivo").innerHTML = nombreArchivo;
            $("#modalVisualizarArchivo").modal("show");
        }
    </script>

    <script>
        function abrirModalAprobarSolicitudDeModificacionPorElGerente() {
            document.getElementById("campoObservacionesModalAprobarDeLaSolicitudDeModificacionPorGerente").value = "";
            document.getElementById("validacionCampoObservacionesModalAprobarDeLaSolicitudDeModificacionPorGerente").innerHTML = "";
            document.getElementById("campoObservacionesModalAprobarDeLaSolicitudDeModificacionPorGerente").setAttribute("class", "form-control");
            $("#modalAprobarDeLaSolicitudDeModificacionPorGerente").modal("show");
        }

        function aprobarSolicitudDeModificacionPorElGerente(){
            document.getElementById("botonDeAprobacion").setAttribute("disabled", true);
                Swal.fire({
                    title: '¿Esta seguro?',
                    text: "Aprobara la solicitud de modificación,si todos los gerentes aprobaron la solicitud de modificación 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 = $("#formularioModalAprobarDeLaSolicitudDeModificacionPorGerente").serialize();
    
                        $.ajax({
                            type: 'POST',
                            datatype: 'json',
                            url: '{{ route('solicitud-modificacion.aprobar-gerente', $solicitud) }}',
                            data: datosFormulario,
                            headers: {
                                'X-CSRF-TOKEN': csrf
                            },
                            success: function(data) {
                                if(data.solicitudSeAprobo==true){
                                    Swal.fire({
                                        icon: 'success',
                                        title: '¡Solicitud de Modificación!',
                                        text: data.mensajePrincipal,
                                        footer: '<span style="color:red;">'+data.mensajeFooter+'</span>',
                                        confirmButtonColor: "#448aff",
                                        confirmButtonText: "Confirmar"
                                    }).then((result) => {
                                        location.reload();
                                    })
                                    .catch((error) => {
                                        location.reload();
                                    });
                                }else{
                                    Swal.fire({
                                        icon: 'success',
                                        title: '¡Solicitud de Modificación!',
                                        text: data.mensajePrincipal,
                                        confirmButtonColor: "#448aff",
                                        confirmButtonText: "Confirmar"
                                    }).then((result) => {
                                        location.reload();
                                    })
                                    .catch((error) => {
                                        location.reload();
                                    });
                                }
                                eliminarLoading()
                            },
                            error: function(data) {
                                console.log(data)
                                document.getElementById("botonDeAprobacion").removeAttribute("disabled");
                                eliminarLoading()
                            }
                        })
                    } else {
                        document.getElementById("botonDeAprobacion").removeAttribute("disabled");
                    }
                });
        }
    
        function abrirModalRechazarSolicitudDeModificacionPorElGerente() {
            document.getElementById("campoMotivoDelRechazoModalRechazoDeLaSolicitudDeModificacionGerente").value = "";
            document.getElementById("validacionCampoMotivoDelRechazoModalRechazoDeLaSolicitudDeModificacionGerente").innerHTML = "";
            document.getElementById("campoMotivoDelRechazoModalRechazoDeLaSolicitudDeModificacionGerente").setAttribute("class", "form-control");
            $("#modalRechazoDeLaSolicitudDeModificacionGerente").modal("show");
        }
    
        function rechazarSolicitudDeModificacionPorElGerente(){
            document.getElementById("botonDeRechazoGerente").setAttribute("disabled", true);
            if(document.getElementById("campoMotivoDelRechazoModalRechazoDeLaSolicitudDeModificacionGerente").value.trim().length > 0){
                Swal.fire({
                    title: '¿Esta seguro?',
                    text: "La solicitud de modificación cambiará su estado ha rechazada",
                    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 = $("#formularioModalRechazoDeLaSolicitudDeModificacionGerente").serialize();
                        $.ajax({
                            type: 'POST',
                            datatype: 'json',
                            url: '{{ route('solicitud-modificacion.rechazar-gerente', $solicitud) }}',
                            data: datosFormulario,
                            success: function(data) {
                                Swal.fire({
                                    icon: 'success',
                                    title: '¡Solicitud de modificación Rechazada!',
                                    text: 'La solicitud de modificación ' + data.correlativo + ' cambio de estado ha rechazada',
                                    confirmButtonColor: "#448aff",
                                    confirmButtonText: "Confirmar"
                                }).then((result) => {
                                    location.reload();
                                })
                                .catch((error) => {
                                    location.reload();
                                });
                                eliminarLoading()
                            },
                            error: function(data) {
                                console.log(data)
                                eliminarLoading()
                                document.getElementById("botonDeRechazoGerente").removeAttribute("disabled");
                            }
                        })
                    } else {
                        document.getElementById("botonDeRechazoGerente").removeAttribute("disabled");
                    }
                })
            }else{
                document.getElementById("campoMotivoDelRechazoModalRechazoDeLaSolicitudDeModificacionGerente").setAttribute("class", "form-control is-invalid");
                document.getElementById("validacionCampoMotivoDelRechazoModalRechazoDeLaSolicitudDeModificacionGerente").innerHTML = "El campo motivo de rechazo es obligatorio.";
                document.getElementById("botonDeRechazoGerente").removeAttribute("disabled");
            }
        }
    </script>

    <script>
        function abrirModalRechazarSolicitudDeModificacionPorRRLL() {
            document.getElementById("campoMotivoDelRechazoModalRechazoDeLaSolicitudDeModificacionRRLL").value = "";
            document.getElementById("validacionCampoMotivoDelRechazoModalRechazoDeLaSolicitudDeModificacionRRLL").innerHTML = "";
            document.getElementById("campoMotivoDelRechazoModalRechazoDeLaSolicitudDeModificacionRRLL").setAttribute("class", "form-control");
            $("#modalRechazoDeLaSolicitudDeModificacionRRLL").modal("show");
        }
    
        function rechazarSolicitudDeModificacionPorRRLL(){
            document.getElementById("botonDeRechazoRRLL").setAttribute("disabled", true);
            if(document.getElementById("campoMotivoDelRechazoModalRechazoDeLaSolicitudDeModificacionRRLL").value.trim().length > 0){
                Swal.fire({
                    title: '¿Esta seguro?',
                    text: "La solicitud de modificación cambiará su estado ha rechazada",
                    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 = $("#formularioModalRechazoDeLaSolicitudDeModificacionRRLL").serialize();
                        $.ajax({
                            type: 'POST',
                            datatype: 'json',
                            url: '{{ route('solicitud-modificacion.rechazar-rrll', $solicitud) }}',
                            data: datosFormulario,
                            success: function(data) {
                                Swal.fire({
                                    icon: 'success',
                                    title: '¡Solicitud de Modificación Rechazado!',
                                    text: 'La solicitud de modificación ' + data.correlativo + ' cambio de estado ha rechazada',
                                    confirmButtonColor: "#448aff",
                                    confirmButtonText: "Confirmar"
                                }).then((result) => {
                                    location.reload();
                                })
                                .catch((error) => {
                                    location.reload();
                                });
                                eliminarLoading()
                            },
                            error: function(data) {
                                console.log(data)
                                eliminarLoading()
                                document.getElementById("botonDeRechazoRRLL").removeAttribute("disabled");
                            }
                        })
                    } else {
                        document.getElementById("botonDeRechazoRRLL").removeAttribute("disabled");
                    }
                })
            }else{
                document.getElementById("campoMotivoDelRechazoModalRechazoDeLaSolicitudDeModificacionRRLL").setAttribute("class", "form-control is-invalid");
                document.getElementById("validacionCampoMotivoDelRechazoModalRechazoDeLaSolicitudDeModificacionRRLL").innerHTML = "El campo motivo de rechazo es obligatorio.";
                document.getElementById("botonDeRechazoRRLL").removeAttribute("disabled");
            }
        }

        function abrirModalCerrarSolicitudDeContratacionPorRRLL() {
            document.getElementById("campoFechaDeGeneracionDeModificacionDeLaSolicitud").value = "{{$solicitud->fecha_ingreso_generacion_modificacion}}";
            document.getElementById("validacionCampoFechaDeGeneracionDeModificacionDeLaSolicitud").innerHTML = "";
            document.getElementById("campoFechaDeGeneracionDeModificacionDeLaSolicitud").setAttribute("class", "form-control");
            
            $("#modalCerrarSolicitudDeModificacionRRLL").modal("show");
        }
    
        function cerrarSolicitudDeModificacionPorRRLL(){
            document.getElementById("botonDeCerrar").setAttribute("disabled", true);
            let campoFechaDeGeneracionDeModificacionDeLaSolicitud=document.getElementById("campoFechaDeGeneracionDeModificacionDeLaSolicitud").value.trim();
            if(campoFechaDeGeneracionDeModificacionDeLaSolicitud.length > 0){
                Swal.fire({
                    title: '¿Esta seguro?',
                    text: "El solicitud de modificación 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 = $("#formularioModalCerrarSolicitudDeModificacionRRLL").serialize();
    
                        $.ajax({
                            type: 'POST',
                            datatype: 'json',
                            url: '{{ route('solicitud-modificacion.aprobar-rrll', $solicitud) }}',
                            data: datosFormulario,
                            success: function(data) {
                                Swal.fire({
                                    icon: 'success',
                                    title: '¡Solicitud de Modificación Cerrada!',
                                    text: 'La solicitud de modificación ' + data.correlativo + ' fue cerrada',
                                    confirmButtonColor: "#448aff",
                                    confirmButtonText: "Confirmar"
                                }).then((result) => {
                                    location.reload();
                                })
                                .catch((error) => {
                                    location.reload();
                                });
                                eliminarLoading()
                            },
                            error: function(data) {
                                console.log(data)
                                document.getElementById("botonDeCerrado").removeAttribute("disabled");
                                eliminarLoading()
                            }
                        })
                    } else {
                        document.getElementById("botonDeCerrar").removeAttribute("disabled");
                    }
                });
            }else{
                if (campoFechaDeGeneracionDeModificacionDeLaSolicitud.trim().length == 0) {
                    document.getElementById("campoFechaDeGeneracionDeModificacionDeLaSolicitud").setAttribute("class", "form-control is-invalid");
                    document.getElementById("validacionCampoFechaDeGeneracionDeModificacionDeLaSolicitud").innerHTML = "El campo fecha de modificación es obligatorio.";
                } else {
                    document.getElementById("campoFechaDeGeneracionDeModificacionDeLaSolicitud").innerHTML = "";
                    document.getElementById("validacionCampoFechaDeGeneracionDeModificacionDeLaSolicitud").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");
            }
        }

        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 modificación",
                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 = $("#formularioModalCerrarSolicitudDeModificacionRRLL").serialize();
                    $.ajax({
                        type: 'POST',
                        datatype: 'json',
                        url: '{{ route('solicitud-modificacion.guardar-informacion-cierre-rrll', $solicitud) }}',
                        data: datosFormulario,
                        success: function(data) {
                            Swal.fire({
                                icon: 'success',
                                title: '¡Fecha de la Solicitud de Modificación Guardada!',
                                text: 'La información de las fecha correspondiente al cierre solicitud de modificación ' + data.correlativo + ' fue guarda 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");
                }
            })
        }
    </script>
@stop