@extends('adminlte::page')

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

@section('title', 'Intranet | Detalle de la Solicitud de Bono de Reemplazo')

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

    </div>
@stop

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

                <div class="card card-primary">
                    @if ($bonoDeReemplazo->estado_aprobacion == 'Pendiente')
                        <div class="ribbon-wrapper ribbon-lg">
                            <div class="ribbon bg-secondary" id="estadoDeLaOrdenDeCompra">
                                {{ $bonoDeReemplazo->estado_aprobacion }}
                            </div>
                        </div>
                    @endif
    
                    @if ($bonoDeReemplazo->estado_aprobacion == 'Aprobado')
                        <div class="ribbon-wrapper ribbon-lg">
                            <div class="ribbon bg-success" id="estadoDeLaOrdenDeCompra">
                                {{ $bonoDeReemplazo->estado_aprobacion }}
                            </div>
                        </div>
                    @endif
    
                    @if ($bonoDeReemplazo->estado_aprobacion == 'Rechazado')
                        <div class="ribbon-wrapper ribbon-lg">
                            <div class="ribbon bg-danger" id="estadoDeLaOrdenDeCompra">
                                {{ $bonoDeReemplazo->estado_aprobacion }}
                            </div>
                        </div>
                    @endif
    
                    @if ($bonoDeReemplazo->estado_aprobacion == 'Anulado')
                        <div class="ribbon-wrapper ribbon-lg">
                            <div class="ribbon bg-info" id="estadoDeLaOrdenDeCompra">
                                {{ $bonoDeReemplazo->estado_aprobacion }}
                            </div>
                        </div>
                    @endif

                    <div class="card-header">
                        <h3 class="card-title">Detalle de la Solicitud de Bono de Reemplazo</h3>
                    </div>

                    <form id="formularioDeBonoDeReemplazo">
                        @csrf

                        <div class="card-body">
                            <fieldset class="fieldset-color-azul" id="fieldsetArticulo">
                                <legend class="titulo-fieldset-color-azul" id="legendArticulo">Datos del Trabajador que Ejecuta el Reemplazo</legend>

                                <div class="contenedorDosCamposPorFilaEnLosFormulario">
                                    <div class="form-group">
                                        <label for="campoNombreDelTrabajadorQueEjecutaElReemplazo">Nombre</label>
                                        <input type="text" class="form-control" id="campoNombreDelTrabajadorQueEjecutaElReemplazo" name="nombre_trabajador_quien_hace_reemplazado" value="{{ old('nombre_trabajador_quien_hace_reemplazado',$bonoDeReemplazo->nombre_trabajador_quien_hace_reemplazado) }}" readonly="true">
                                        <div class="invalid-feedback" id="validacionCampoNombreDelTrabajadorQueEjecutaElReemplazo">
    
                                        </div>
                                    </div>
    
                                    <div class="form-group">
                                        <label for="campoRutDelTrabajadorQueEjecutaElReemplazo">Rut</label>
                                        <input type="text" class="form-control" id="campoRutDelTrabajadorQueEjecutaElReemplazo" name="rut_trabajador_quien_hace_reemplazado" value="{{ old('rut_trabajador_quien_hace_reemplazado',$bonoDeReemplazo->rut_trabajador_quien_hace_reemplazado) }}" readonly="true">
                                        <div class="invalid-feedback" id="validacionCampoRutDelTrabajadorQueEjecutaElReemplazo">
    
                                        </div>
                                    </div>
    
                                    <div class="form-group">
                                        <label for="campoCampoCargoDelTrabajadorQueEjecutaElReemplazo">Cargo</label>
                                        <input type="text" class="form-control" id="campoCampoCargoDelTrabajadorQueEjecutaElReemplazo" name="cargo_trabajador_quien_hace_reemplazado" value="{{ old('cargo_trabajador_quien_hace_reemplazado',$bonoDeReemplazo->cargo_trabajador_quien_hace_reemplazado) }}" readonly="true">
                                        <div class="invalid-feedback" id="validacionCampoCampoCargoDelTrabajadorQueEjecutaElReemplazo">
    
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label for="campoCampoCentroDeCostoDelTrabajadorQueEjecutaElReemplazo">Centro de Costo</label>
                                        <input type="text" class="form-control" id="campoCampoCentroDeCostoDelTrabajadorQueEjecutaElReemplazo" name="centro_costo_quien_hace_reemplazado" value="{{ old('centro_costo_quien_hace_reemplazado',$bonoDeReemplazo->centroDeCostoDelQuiHaceElReemplazo->centro_costo) }}" readonly="true">
                                        <div class="invalid-feedback" id="validacionCampoCampoCentroDeCostoDelTrabajadorQueEjecutaElReemplazo">
    
                                        </div>
                                    </div>
                                </div>
                            </fieldset>

                            <fieldset class="fieldset-color-azul" id="fieldsetArticulo">
                                <legend class="titulo-fieldset-color-azul" id="legendArticulo">Datos del Trabajador al Cual Se Reemplazará</legend>

                                <div class="contenedorDosCamposPorFilaEnLosFormulario">
                                    <div class="form-group">
                                        <label for="campoNombreDelTrabajadorAlCualSeReemplazara">Nombre</label>
                                        <input type="text" class="form-control" id="campoNombreDelTrabajadorAlCualSeReemplazara" name="nombre_trabajador_quien_se_reemplaza" value="{{ old('nombre_trabajador_quien_se_reemplaza',$bonoDeReemplazo->nombre_trabajador_quien_se_reemplaza) }}" readonly="true">
                                        <div class="invalid-feedback" id="validacionCampoNombreDelTrabajadorAlCualSeReemplazara">
    
                                        </div>
                                    </div>
    
                                    <div class="form-group">
                                        <label for="campoRutDelTrabajadorAlCualSeReemplazara">Rut</label>
                                        <input type="text" class="form-control" id="campoRutDelTrabajadorAlCualSeReemplazara" name="rut_trabajador_quien_se_reemplaza" value="{{ old('rut_trabajador_quien_se_reemplaza',$bonoDeReemplazo->rut_trabajador_quien_se_reemplaza) }}" readonly="true">
                                        <div class="invalid-feedback" id="validacionCampoRutDelTrabajadorAlCualSeReemplazara">
    
                                        </div>
                                    </div>
    
                                    <div class="form-group">
                                        <label for="campoCampoCargoDelTrabajadorAlCualSeReemplazara">Cargo</label>
                                        <input type="text" class="form-control" id="campoCampoCargoDelTrabajadorAlCualSeReemplazara" name="cargo_trabajador_quien_se_reemplaza" value="{{ old('cargo_trabajador_quien_se_reemplaza',$bonoDeReemplazo->cargo_trabajador_quien_se_reemplaza) }}" readonly="true">
                                        <div class="invalid-feedback" id="validacionCampoCampoCargoDelTrabajadorAlCualSeReemplazara">
    
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label for="campoCampoCentroDeCostoDelTrabajadorAlCualSeReemplazara">Centro de Costo</label>
                                        <input type="text" class="form-control" id="campoCampoCentroDeCostoDelTrabajadorAlCualSeReemplazara" name="centro_costo_quien_se_reemplaza" value="{{ old('centro_costo_quien_se_reemplaza',$bonoDeReemplazo->centroDeCostoAQuienSeReemplaza->centro_costo) }}" readonly="true">
                                        <div class="invalid-feedback" id="validacionCampoCampoCentroDeCostoDelTrabajadorAlCualSeReemplazara">
    
                                        </div>
                                    </div>
                                </div>
                            </fieldset>

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

                                @isset($bonoDeReemplazo->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',$bonoDeReemplazo->encargadoDeCerrarLaSolicitud->name) }}" readonly="true">
                                    </div>
                                @endisset

                                @isset($bonoDeReemplazo->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',$bonoDeReemplazo->usuarioQueRechazoLaSolicitud->name) }}" readonly="true">
                                    </div>
                                @endisset

                                @isset($bonoDeReemplazo->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($bonoDeReemplazo->fecha_aprobacion)) }}" readonly="true">
                                    </div>
                                @endisset

                                @isset($bonoDeReemplazo->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($bonoDeReemplazo->fecha_cierre)) }}" readonly="true">
                                    </div>
                                @endisset
                            </div>

                            <div class="form-group">
                                <label for="campoMotivoDelReempazoDelBonoDeReemplazo">Motivo Del Reemplazo</label>
                                <textarea class="form-control" id="campoMotivoDelReempazoDelBonoDeReemplazo" name="motivo_reemplazo" rows="3" readonly="true">{{ old('motivo_reemplazo',$bonoDeReemplazo->motivo_reemplazo) }}</textarea>
                                <div class="invalid-feedback" id="validacionCampoMotivoDelReempazoDelBonoDeReemplazo">

                                </div>
                            </div>

                            <div class="contenedorDosCamposPorFilaEnLosFormulario">
                                <div class="form-group">
                                    <label for="campoFechaDeInicioDelBonoDeReemplazo">Fecha de Inicio</label>
                                    <input type="date" class="form-control" id="campoFechaDeInicioDelBonoDeReemplazo" name="fecha_inicio" value="{{ old('fecha_inicio',$bonoDeReemplazo->fecha_inicio) }}" readonly="true">
                                    <div class="invalid-feedback" id="validacionCampoFechaDeInicioDelBonoDeReemplazo">

                                    </div>
                                </div>

                                <div class="form-group">
                                    <label for="campoFechaDeTerminoDelBonoDeReemplazo">Fecha de Termino</label>
                                    <input type="date" class="form-control" id="campoFechaDeTerminoDelBonoDeReemplazo" name="fecha_termino" value="{{ old('fecha_termino',$bonoDeReemplazo->fecha_termino) }}" readonly="true">
                                    <div class="invalid-feedback" id="validacionCampoFechaDeTerminoDelBonoDeReemplazo">

                                    </div>
                                </div>

                                <div class="form-group">
                                    <label for="campoDiasDePagoDelBonoDeReemplazo">Cantidad de Dias a Pagar Como Reemplazo</label>
                                    <input type="text" class="form-control" id="campoDiasDePagoDelBonoDeReemplazo" name="dias_pagar" value="{{ old('dias_pagar',$bonoDeReemplazo->dias_pagar) }}" readonly="true" readonly="true">
                                    <div class="invalid-feedback" id="validacionCampoDiasDePagoDelBonoDeReemplazo">

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

                            <fieldset class="fieldset-color-azul" id="fieldsetArticulo">
                                <legend class="titulo-fieldset-color-azul" id="legendArticulo">Información de Conceptos de Sueldos de Cada Trabajador (Solo Montos Fijos)</legend>

                                <div class="dt-responsive table-responsive">
                                    <table class="table table-bordered" role="grid" aria-describedby="base-style_info" id="tabla-valores-monetarios-trabajadores">
                                        <thead>
                                            <tr role="row" style="">
                                                <th colspan="2" style="background-color: #007bff; color: white;">SUELDO DE QUIEN HACE EL REEMPLAZO</th>
                                                <th colspan="2" style="background-color: #007bff; color: white;">SUELDO A QUIEN SE REEMPLAZA</th>
                                            </tr>
                                            <tr role="row">
                                                <th style="background-color: #007bff; color: white;">Conceptos</th>
                                                <th style="background-color: #007bff; color: white;">Valores</th>
                                                <th style="background-color: #007bff; color: white;" >Conceptos</th>
                                                <th style="background-color: #007bff; color: white;">Valores</th>
                                            </tr>
                                        </thead>
                                        <tbody id="registroDeValoresMonetariosDeTrabajadore">
                                            @php
                                                $totalQuienHaceElReemplazo=0;
                                                $totalQuienSeReemplaza=0;
                                            @endphp
                                            @foreach ($bonoDeReemplazo->conceptosDeSueldos as $concepto)
                                                @php
                                                    $totalQuienHaceElReemplazo+=$concepto->monto_quien_hace_reemplazado;
                                                    $totalQuienSeReemplaza+=$concepto->monto_quien_se_reemplaza;
                                                @endphp
                                                <tr>
                                                <td style="display: none;" class="tabla-tipo-valor-monetario-bono-reemplazo">{{$concepto->tipo}}</td>
                                                <td style="display: none;" class="tabla-valor-monetario-formato-numero-bono-reemplazo-quien-hace-el-reemplazo">{{$concepto->monto_quien_hace_reemplazado}}</td>
                                                <td style="display: none;" class="tabla-valor-monetario-formato-numero-bono-reemplazo-quien-se-reemplaza">{{$concepto->monto_quien_se_reemplaza}}</td>
                                                <td class="tabla-concepto-bono-reemplazo-quien-hace-el-reemplazo">{{$concepto->concepto}}</td>
                                                <td class="tabla-valor-monetario-formato-texto-bono-reemplazo-quien-hace-el-reemplazo">{{formatoMenedaSegunTipoDeMonedaOC($concepto->monto_quien_hace_reemplazado,"CLP")}}</td>
                                                <td class="tabla-concepto-bono-reemplazo-quien-se-reemplaza">{{$concepto->concepto}}</td>
                                                <td class="tabla-valor-monetario-formato-texto-bono-reemplazo-quien-se-reemplaza">{{formatoMenedaSegunTipoDeMonedaOC($concepto->monto_quien_se_reemplaza,"CLP")}}</td>
                                                </tr>
                                            @endforeach
                                        </tbody>
                                        <tfoot>
                                            <tr>
                                                <td style="display: none;" id="totalQuienHaceElReemplazoFormatoNumero">{{$totalQuienHaceElReemplazo}}</td>
                                                <td style="display: none;" id="totalQuienSeReemplazaFormatoNumero">{{$totalQuienSeReemplaza}}</td>
                                                <td style="font-weight: 700;">Total</td>
                                                <td style="font-weight: 700;" id="totalQuienHaceElReemplazoFormatoTexto">{{formatoMenedaSegunTipoDeMonedaOC($totalQuienHaceElReemplazo,"CLP")}}</td>
                                                <td style="font-weight: 700;">Total</td>
                                                <td style="font-weight: 700;" id="totalQuienSeReemplazaFormatoTexto">{{formatoMenedaSegunTipoDeMonedaOC($totalQuienSeReemplaza,"CLP")}}</td>
                                            </tr>
                                            <tr>
                                                <td style="display: none;" id="diferenciaDeSueldoFormatoNumero">{{$bonoDeReemplazo->diferencias_sueldos}}</td>
                                                <td style="display: none;" id="valorBonoDeReemplazoFormatoNumero">{{$bonoDeReemplazo->valor_bono_reemplazo}}</td>
                                                <td style="font-weight: 700;">Diferencias De Sueldos</td>
                                                <td style="font-weight: 700;" id="diferenciaDeSueldoFormatoTexto">{{formatoMenedaSegunTipoDeMonedaOC($bonoDeReemplazo->diferencias_sueldos,"CLP")}}</td>
                                                <td style="font-weight: 700;">Valor Bono de Reemplazo</td>
                                                <td style="font-weight: 700;" id="valorBonoDeReemplazoFormatoTexto">{{formatoMenedaSegunTipoDeMonedaOC($bonoDeReemplazo->valor_bono_reemplazo,"CLP")}}</td>
                                            </tr>
                                        </tfoot>
                                    </table>
                                </div>
                            </fieldset>

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

                                </div>
                            </div>

                            <div class="contenedorDosCamposPorFilaEnLosFormulario">
                                <div class="form-group">
                                    <label >Estado de Pago</label>
                                    <input type="text" class="form-control" name="estado_pago" value="{{ old('estado_pago',$bonoDeReemplazo->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',$bonoDeReemplazo->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',$bonoDeReemplazo->ano_pago) }}" readonly="true">
                                </div>
                                
                                <div class="form-group">
                                    <label >Fecha de Cierre RRLL</label>
                                    <input type="text" class="form-control" name="fecha_cierre_rrll" value="{{ old('fecha_cierre_rrll',fechaConFormatoDeChile($bonoDeReemplazo->fecha_cierre_rrll)) }}" readonly="true">
                                </div>
                            </div>

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

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

                        <div class=" card-footer">
                            @if ($bonoDeReemplazo->estado_aprobacion=="Pendiente" && $bonoDeReemplazo->estado_cierre=="Abierta")
                                @if ($usuarioPuederEditar==true)
                                    <a href="{{ route('bono-reemplazo.edit', $bonoDeReemplazo) }}" role="button" class="btn btn-warning mt-1"><i class="fas fa-edit" style="margin-right: 2px;"></i> Editar Solicitud de Bono de Reemplazo</a> 
                                @endif

                                @if ($gerentePuedeAprobarLaSolicitud==true)
                                    <button onclick="abrirModalAprobarBonoDeReemplazoPorElGerente()" type="button" class="btn btn-success"><i class="fas fa-award" style="margin-right: 2px;"></i> Aprobar Solicitud de Bono de Reemplazo</button>
                                    <button onclick="abrirModalRechazarBonoDeReemplazoPorElGerente()" type="button" class="btn btn-danger"><i class="fas fa-award" style="margin-right: 2px;"></i> Rechazar Solicitud de Bono de Reemplazo</button>
                                @endif 
                            @elseif($bonoDeReemplazo->estado_aprobacion=="Aprobado" && $bonoDeReemplazo->estado_cierre=="Abierta")  
                                @if (Gate::check('bono-reemplazo.cerrar'))
                                    <button type="button" class="btn btn-primary" onclick="abrirModalCerrarBonoDeReemplazoPorRRLL()"><i class="fas fa-award" style="margin-right: 2px;"></i> Cerrar Solicitud de Bono de Reemplazo</button>
                                    <button onclick="abrirModalRechazarBonoDeReemplazoPorRRLL()" type="button" class="btn btn-danger"><i class="fas fa-award" style="margin-right: 2px;"></i> Rechazar Solicitud de Bono de Reemplazo</button>
                                @endif
                            @endif
                            <a href="{{ route('bono-reemplazo.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="modalRechazoDelBonoDeReemplazoGerente" tabindex="-1" aria-labelledby="labelModalRechazoDeRequisicion" aria-hidden="true">
        <form id="formularioModalRechazoDelBonoDeReemplazoGerente">
            @csrf
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header" style="background-color: #007bff; color:white;">
                        <h5 class="modal-title" id="labelModalRechazoDelBonoDeReemplazoGerente">Rechazar Solicitud de Bono de Reemplazo {{ $bonoDeReemplazo->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="campoMotivoDelRechazoModalRechazoDelBonoDeReemplazoGerente" name="motivo_rechazo" rows="3"></textarea>
                            <div class="invalid-feedback" id="validacionCampoMotivoDelRechazoModalRechazoDelBonoDeReemplazoGerente">
    
                            </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="rechazarBonoDeReemplazoPorElGerente()">Rechazar Solicitud de Bono de Reemplazo</button>
                    </div>
                </div>
            </div>
        </form>
    </div>

    <div class="modal fade" id="modalRechazoDelBonoDeReemplazoRRLL" tabindex="-1" aria-labelledby="labelModalRechazoDeRequisicion" aria-hidden="true">
        <form id="formularioModalRechazoDelBonoDeReemplazoRRLL">
            @csrf
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header" style="background-color: #007bff; color:white;">
                        <h5 class="modal-title" id="labelModalRechazoDelBonoDeReemplazoRRLL">Rechazar Solicitud de Bono de Reemplazo {{ $bonoDeReemplazo->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="campoMotivoDelRechazoModalRechazoDelBonoDeReemplazoRRLL" name="motivo_rechazo" rows="3"></textarea>
                            <div class="invalid-feedback" id="validacionCampoMotivoDelRechazoModalRechazoDelBonoDeReemplazoRRLL">
    
                            </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="rechazarBonoDeReemplazoPorRRLL()">Rechazar Solicitud de Bono de Reemplazo</button>
                    </div>
                </div>
            </div>
        </form>
    </div>

    <div class="modal fade" id="modalCerrarBonoDeReemplazoRRLL" tabindex="-1" aria-labelledby="labelModalRechazoDeRequisicion" aria-hidden="true">
        <form id="formularioModalCerrarBonoDeReemplazoRRLL">
            @csrf
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header" style="background-color: #007bff; color:white;">
                        <h5 class="modal-title" id="labelModalCerrarBonoDeReemplazoRRLL">Cerrar Solicitud de Bono de Reemplazo {{ $bonoDeReemplazo->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="campoFechaDeCierreBonoDeReemplazoRRLL">Fecha de Cierre RRLL</label>
                            <input type="date" class="form-control" id="campoFechaDeCierreBonoDeReemplazoRRLL" name="fecha_cierre_rrll" value="{{ old('fecha_cierre_rrll') }}">
                            <div class="invalid-feedback" id="validacionCampoFechaDeCierreBonoDeReemplazoRRLL">

                            </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="cerrarBonoDeReemplazoPorRRLL()">Cerrar Solicitud de Contratació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="modalAprobarDelaBonoDeReemplazoRRLLPorGerente" tabindex="-1" aria-labelledby="labelModalRechazoDeRequisicion" aria-hidden="true">
        <form id="formularioModalAprobarDelBonoDeReemplazoRRLLPorGerente">
            @csrf
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header" style="background-color: #007bff; color:white;">
                        <h5 class="modal-title" id="labelModalAprobarDelBonoDeReemplazoRRLLPorGerente">Aprobar Solicitud de Bono de Reemplazo {{ $bonoDeReemplazo->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="campoObservacionesModalAprobarDelBonoDeReemplazoRRLLPorGerente" name="observaciones" rows="3"></textarea>
                            <div class="invalid-feedback" id="validacionCampoObservacionesModalAprobarDelBonoDeReemplazoRRLLPorGerente">
    
                            </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="aprobarBonoDeReemplazoPorElGerente()">Aprobar Solicitud de Bono de Reemplazo</button>
                    </div>
                </div>
            </div>
        </form>
    </div>
@stop

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

@section('css')
    <link rel="stylesheet" href="{{ asset('css/estilo-generico.css') }}">
    <style>
        .error-rojo {
            font-weight: 700;
            color: #dc3545;
        }

        .error-verde {
            font-weight: 700;
            color: #28a745;
        }

        .error-amarillo {
            font-weight: 700;
            color: #ffc107;
        }
    </style>
@stop

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

    <script>
        function abrirModalAprobarBonoDeReemplazoPorElGerente(){
            document.getElementById("campoObservacionesModalAprobarDelBonoDeReemplazoRRLLPorGerente").value = "";
            document.getElementById("validacionCampoObservacionesModalAprobarDelBonoDeReemplazoRRLLPorGerente").innerHTML = "";
            document.getElementById("campoObservacionesModalAprobarDelBonoDeReemplazoRRLLPorGerente").setAttribute("class", "form-control");
            $("#modalAprobarDelaBonoDeReemplazoRRLLPorGerente").modal("show");
        }

        function aprobarBonoDeReemplazoPorElGerente(){
            document.getElementById("botonDeAprobacion").setAttribute("disabled", true);
            Swal.fire({
                title: '¿Esta seguro?',
                text: "Aprobara la solicitud de bono de reemplazo,si todos los gerentes aprobaron la solicitud de bono de reemplazo 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 = $("#formularioModalAprobarDelBonoDeReemplazoRRLLPorGerente").serialize();
    
                    $.ajax({
                        type: 'POST',
                        datatype: 'json',
                        url: '{{ route('bono-reemplazo.aprobar-gerente', $bonoDeReemplazo) }}',
                        data: datosFormulario,
                        headers: {
                            'X-CSRF-TOKEN': csrf
                        },
                        success: function(data) {
                            if(data.solicitudSeAprobo==true){
                                Swal.fire({
                                    icon: 'success',
                                    title: '¡Solicitud de Bono de Reemplazo!',
                                    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 Bono de Reemplazo!',
                                    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 abrirModalRechazarBonoDeReemplazoPorElGerente(){
            document.getElementById("campoMotivoDelRechazoModalRechazoDelBonoDeReemplazoGerente").value = "";
            document.getElementById("validacionCampoMotivoDelRechazoModalRechazoDelBonoDeReemplazoGerente").innerHTML = "";
            document.getElementById("campoMotivoDelRechazoModalRechazoDelBonoDeReemplazoGerente").setAttribute("class", "form-control");
            $("#modalRechazoDelBonoDeReemplazoGerente").modal("show");
        }

        function rechazarBonoDeReemplazoPorElGerente(){
            document.getElementById("botonDeRechazoGerente").setAttribute("disabled", true);
            if(document.getElementById("campoMotivoDelRechazoModalRechazoDelBonoDeReemplazoGerente").value.trim().length > 0){
                Swal.fire({
                    title: '¿Esta seguro?',
                    text: "La solicitud de bono de reemplazo 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 = $("#formularioModalRechazoDelBonoDeReemplazoGerente").serialize();
                        $.ajax({
                            type: 'POST',
                            datatype: 'json',
                            url: '{{ route('bono-reemplazo.rechazar-gerente', $bonoDeReemplazo) }}',
                            data: datosFormulario,
                            success: function(data) {
                                Swal.fire({
                                    icon: 'success',
                                    title: '¡Solicitud de Bono de Reemplazo Rechazada!',
                                    text: 'La solicitud de bono de reemplazo ' + data.correlativo + ' cambio de estado ha rechazado',
                                    confirmButtonColor: "#448aff",
                                    confirmButtonText: "Confirmar"
                                }).then((result) => {
                                    location.reload();
                                })
                                .catch((error) => {
                                    location.reload();
                                });
                                eliminarLoading()
                            },
                            error: function(data) {
                                console.log(data)
                                eliminarLoading()
                                document.getElementById("botonDeRechazoGerente").removeAttribute("disabled");
                            }
                        })
                    } else {
                        document.getElementById("botonDeRechazoGerente").removeAttribute("disabled");
                    }
                })
            }else{
                document.getElementById("campoMotivoDelRechazoModalRechazoDelBonoDeReemplazoGerente").setAttribute("class", "form-control is-invalid");
                document.getElementById("validacionCampoMotivoDelRechazoModalRechazoDelBonoDeReemplazoGerente").innerHTML = "El campo motivo de rechazo es obligatorio.";
                document.getElementById("botonDeRechazoGerente").removeAttribute("disabled");
            }
        }
    </script>

    <script>
        function abrirModalRechazarBonoDeReemplazoPorRRLL() {
            document.getElementById("campoMotivoDelRechazoModalRechazoDelBonoDeReemplazoRRLL").value = "";
            document.getElementById("validacionCampoMotivoDelRechazoModalRechazoDelBonoDeReemplazoRRLL").innerHTML = "";
            document.getElementById("campoMotivoDelRechazoModalRechazoDelBonoDeReemplazoRRLL").setAttribute("class", "form-control");
            $("#modalRechazoDelBonoDeReemplazoRRLL").modal("show");
        }
    
        function rechazarBonoDeReemplazoPorRRLL(){
            document.getElementById("botonDeRechazoRRLL").setAttribute("disabled", true);
            if(document.getElementById("campoMotivoDelRechazoModalRechazoDelBonoDeReemplazoRRLL").value.trim().length > 0){
                Swal.fire({
                    title: '¿Esta seguro?',
                    text: "La solicitud de bono de reemplazo 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 = $("#formularioModalRechazoDelBonoDeReemplazoRRLL").serialize();
                        $.ajax({
                            type: 'POST',
                            datatype: 'json',
                            url: '{{ route('bono-reemplazo.rechazar-rrll', $bonoDeReemplazo) }}',
                            data: datosFormulario,
                            success: function(data) {
                                Swal.fire({
                                    icon: 'success',
                                    title: '¡Solicitud de Bono de reemplazo Rechazado!',
                                    text: 'La solicitud de bono de reemplazo con correlativo ' + data.correlativo + ' cambio de estado ha rechazado',
                                    confirmButtonColor: "#448aff",
                                    confirmButtonText: "Confirmar"
                                }).then((result) => {
                                    location.reload();
                                })
                                .catch((error) => {
                                    location.reload();
                                });
                                eliminarLoading()
                            },
                            error: function(data) {
                                console.log(data)
                                eliminarLoading()
                                document.getElementById("botonDeRechazoRRLL").removeAttribute("disabled");
                            }
                        })
                    } else {
                        document.getElementById("botonDeRechazoRRLL").removeAttribute("disabled");
                    }
                })
            }else{
                document.getElementById("campoMotivoDelRechazoModalRechazoDelBonoDeReemplazoRRLL").setAttribute("class", "form-control is-invalid");
                document.getElementById("validacionCampoMotivoDelRechazoModalRechazoDelBonoDeReemplazoRRLL").innerHTML = "El campo motivo de rechazo es obligatorio.";
                document.getElementById("botonDeRechazoRRLL").removeAttribute("disabled");
            }
        }

        function abrirModalCerrarBonoDeReemplazoPorRRLL() {
            document.getElementById("campoFechaDeCierreBonoDeReemplazoRRLL").value = "{{$bonoDeReemplazo->fecha_cierre_rrll}}";
            document.getElementById("validacionCampoFechaDeCierreBonoDeReemplazoRRLL").innerHTML = "";
            document.getElementById("campoFechaDeCierreBonoDeReemplazoRRLL").setAttribute("class", "form-control");
            
            $("#modalCerrarBonoDeReemplazoRRLL").modal("show");
        }

        function cerrarBonoDeReemplazoPorRRLL(){
            document.getElementById("botonDeCerrar").setAttribute("disabled", true);
            let fechaDeCierreRRLL=document.getElementById("campoFechaDeCierreBonoDeReemplazoRRLL").value.trim();
            if(fechaDeCierreRRLL.length > 0){
                Swal.fire({
                    title: '¿Esta seguro?',
                    text: "La solicitud de bono de reemplazo 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 = $("#formularioModalCerrarBonoDeReemplazoRRLL").serialize();
    
                        $.ajax({
                            type: 'POST',
                            datatype: 'json',
                            url: '{{ route('bono-reemplazo.aprobar-rrll', $bonoDeReemplazo) }}',
                            data: datosFormulario,
                            success: function(data) {
                                Swal.fire({
                                    icon: 'success',
                                    title: '¡Solicitud de Bono de Reemplazo Cerrada!',
                                    text: 'La solicitud de bono de reemplazo ' + 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("botonDeCerrar").removeAttribute("disabled");
                                eliminarLoading()
                            }
                        })
                    } else {
                        document.getElementById("botonDeCerrar").removeAttribute("disabled");
                    }
                });
            }else{
                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"
                })

                if (fechaDeCierreRRLL.trim().length == 0) {
                    document.getElementById("campoFechaDeCierreBonoDeReemplazoRRLL").setAttribute("class", "form-control is-invalid");
                    document.getElementById("validacionCampoFechaDeCierreBonoDeReemplazoRRLL").innerHTML = "El campo fecha de cierre rrll es obligatorio.";
                } else {
                    document.getElementById("validacionCampoFechaDeCierreBonoDeReemplazoRRLL").innerHTML = "";
                    document.getElementById("campoFechaDeCierreBonoDeReemplazoRRLL").setAttribute("class", "form-control is-valid");
                }
                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 bono de reemplazo",
                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 = $("#formularioModalCerrarBonoDeReemplazoRRLL").serialize();
                    $.ajax({
                        type: 'POST',
                        datatype: 'json',
                        url: '{{ route('bono-reemplazo.guardar-informacion-cierre-rrll', $bonoDeReemplazo) }}',
                        data: datosFormulario,
                        success: function(data) {
                            Swal.fire({
                                icon: 'success',
                                title: '¡Fecha de la Solicitud de Bono de Reemplazo Guardada!',
                                text: 'La información de las fecha correspondiente al cierre solicitud de bono de reemplazo ' + 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