@extends('adminlte::page')

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

@section('title', 'Intranet | Detalle Solicitud de Desvinculación')

@section('content_header')
    <div class="container-fluid">
        <div class="row justify-content-center">
            <div class="col-lg-10">
                <div class="card card-primary">
                    <div class="card-header">
                        <h3 class="card-title">Detalle Solicitud de Desvinculación</h3>
                    </div>
                    <div class="card-body p-0">
                        <div class="bs-stepper linear">
                            <div class="bs-stepper-header" role="tablist">
                                <div class="step active" data-target="#logins-part">
                                    <button type="button" class="step-trigger" role="tab" aria-controls="logins-part" id="logins-part-trigger" aria-selected="true">
                                        <span class="bs-stepper-circle">1</span>
                                        <span class="bs-stepper-label">Datos Generales</span>
                                    </button>
                                </div>
                                <div class="line"></div>
                                <div class="step" data-target="#finiquito-part">
                                    <button type="button" class="step-trigger" role="tab" aria-controls="finiquito-part" id="finiquito-part-trigger" aria-selected="false" disabled="disabled">
                                        <span class="bs-stepper-circle">2</span>
                                        <span class="bs-stepper-label">Solicitud de Desvinculación</span>
                                    </button>
                                </div>
                            </div>
                            <div class="bs-stepper-content">
                                <div id="logins-part" class="content active dstepper-block" role="tabpanel" aria-labelledby="logins-part-trigger">
                                    <div  class="contenedorDosCamposPorFilaEnLosFormulario">
                                        <div class="form-group">
                                            <label for="campoCorrelativoDeLaSolicitud">Correlativo</label>
                                            <input type="text" class="form-control" id="campoCorrelativoDeLaSolicitud" name="correlativo" value="{{ old('correlativo',$antecedentePersonalFiniquitado->correlativo) }}" readonly="true">
                                        </div>

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

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

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

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

                                        <div class="form-group">
                                            <label for="campoAvisoPrevio30Dias">Tipo de Desvinculación</label>
                                            <input type="text" class="form-control" id="campoAvisoPrevio30Dias" name="aviso_previo" value="{{ old('aviso_previo', $antecedentePersonalFiniquitado->aviso_previo) }}" readonly="true">
                                        </div>

                                        <div class="form-group">
                                            <label for="campoFechaDeTerminoDeLaSolicitud">Fecha de Termino</label>
                                            <input type="date" class="form-control" id="campoFechaDeTerminoDeLaSolicitud" name="fecha_termino_trabajador" value="{{ old('fecha_termino_trabajador',$antecedentePersonalFiniquitado->fecha_termino_trabajador) }}" readonly="true">
                                        </div>

                                        <div class="form-group">
                                            <label for="campoCargoDeLaSolicitud">Cargo</label>
                                            <input type="text" class="form-control" id="campoCargoDeLaSolicitud" name="cargo_trabajador" value="{{ old('cargo_trabajador',$antecedentePersonalFiniquitado->cargo_trabajador) }}" readonly="true">
                                        </div>
    
                                        <div class="form-group">
                                            <label for="campoCentroDeCostoDeLaSolicitud">Centro de Costo</label>
                                            <input type="text" class="form-control" id="campoCentroDeCostoDeLaSolicitud" name="centro_costo" value="{{ old('centro_costo',$antecedentePersonalFiniquitado->centroDeCosto->centro_costo) }}" readonly="true">
                                        </div>

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

                                        <div class="form-group">
                                            <label for="campoEstadoDeAprobacionDeLaSolicitud">Estado de Aprobación</label>
                                            <input type="text" class="form-control" id="campoEstadoDeAprobacionDeLaSolicitud" name="estado_aprobacion" value="{{ old('estado_aprobacion',$antecedentePersonalFiniquitado->estado_aprobacion) }}" readonly="true">
                                        </div>

                                        <div class="form-group">
                                            <label for="campoEstadoDeCierreDeLaSolicitud">Estado de Solicitud</label>
                                            <input type="text" class="form-control" id="campoEstadoDeCierreDeLaSolicitud" name="estado_cierre" value="{{ old('estado_cierre',$antecedentePersonalFiniquitado->estado_cierre) }}" readonly="true">
                                        </div>

                                        @isset($antecedentePersonalFiniquitado->fecha_aprobacion)
                                            <div class="form-group">
                                                <label for="campoFechaDeAprobacionDeLaSolicitud">Fecha de Aprobación</label>
                                                <input type="date" class="form-control" id="campoFechaDeAprobacionDeLaSolicitud" name="fecha_aprobacion" value="{{ old('fecha_aprobacion',fechaConFormatoDeUSA($antecedentePersonalFiniquitado->fecha_aprobacion)) }}" readonly="true">
                                            </div>
                                        @endisset

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

                                        @isset($antecedentePersonalFiniquitado->fecha_rechazo)
                                            <div class="form-group">
                                                <label for="campoFechaDeRechazoDeLaSolicitud">Fecha de Rechazo</label>
                                                <input type="date" class="form-control" id="campoFechaDeRechazoDeLaSolicitud" name="fecha_rechazo" value="{{ old('fecha_rechazo',fechaConFormatoDeUSA($antecedentePersonalFiniquitado->fecha_rechazo)) }}" readonly="true">
                                            </div>
                                        @endisset

                                        @isset($antecedentePersonalFiniquitado->id_usuario_cierre)
                                            <div class="form-group">
                                                <label for="campoUsuarioDeCierreDeLaSolicitud">Encargado de Cierre</label>
                                                <input type="text" class="form-control" id="campUsuarioDeCierreDeLaSolicitud" name="id_usuario_cierre" value="{{ old('id_usuario_cierre',$antecedentePersonalFiniquitado->encargadoDeCerrarLaSolicitud->name) }}" readonly="true">
                                            </div>
                                        @endisset

                                        @isset($antecedentePersonalFiniquitado->id_usuario_rechazo)
                                            <div class="form-group">
                                                <label for="campoUsuarioDeRechazoDeLaSolicitud">Usuario de Rechazo</label>
                                                <input type="text" class="form-control" id="campUsuarioDeRechazoDeLaSolicitud" name="id_usuario_rechazo" value="{{ old('id_usuario_rechazo',$antecedentePersonalFiniquitado->usuarioQueRechazoLaSolicitud->name) }}" readonly="true">
                                            </div>
                                        @endisset

                                        <div class="form-group">
                                            <label>Fecha Envío de la Carta</label>
                                            <input type="text" class="form-control" name="fecha_envio_carta" value="{{ old('fecha_envio_carta',fechaConFormatoDeChile($antecedentePersonalFiniquitado->fecha_envio_carta)) }}" readonly="true">
                                        </div>

                                        <div class="form-group">
                                            <label>Tipo de Notificación</label>
                                            <input type="text" class="form-control" name="notificacion_entrega_carta" value="{{ old('notificacion_entrega_carta',$antecedentePersonalFiniquitado->notificacion_entrega_carta) }}" readonly="true">
                                        </div>

                                        <div class="form-group">
                                            <label>Número Envío de Documento (Número OT)</label>
                                            <input type="text" class="form-control" name="numero_envio_carta" value="{{ old('numero_envio_carta',$antecedentePersonalFiniquitado->numero_envio_carta) }}" readonly="true">
                                        </div>
                                    </div>

                                    @if ($antecedentePersonalFiniquitado->visto_bueno_gerentes==true)
                                        <div class="table-responsive">
                                            <table class="table table-bordered">
                                                <thead>
                                                    <tr>
                                                        <th class='text-center' style="background-color: #007bff; color: white;">#</th>
                                                        <th class='text-center' style="background-color: #007bff; color: white;">Gerente</th>
                                                        <th class='text-center' style="background-color: #007bff; color: white;">Fecha de Aprobación</th>
                                                        <th class='text-center' style="background-color: #007bff; color: white;">Estado de Aprobación</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    @php
                                                        $cantidadAprobacionGerente=0;
                                                    @endphp
                                                    @foreach ($antecedentePersonalFiniquitado->aprobaciones as $aprobacion)
                                                        @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>
                                                            @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>
                                                    @endforeach
                                                </tbody>
                                            </table>
                                        </div>
                                    @endif

                                    @if ($antecedentePersonalFiniquitado->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">{{ $antecedentePersonalFiniquitado->observacion_estado_aprobacion }}</textarea>
                                        </div>
                                    @endif

                                    <button class="btn btn-secondary" onclick="stepper.next()">Siguiente <i class="fas fa-arrow-right"></i></button>
                                </div>
                                <div id="finiquito-part" class="content" role="tabpanel" aria-labelledby="finiquito-part-trigger">
                                    @if (isset($antecedentePersonalFiniquitado->motivoDesvinculacion))
                                        <div class="form-group">
                                            <label for="campoCausalTerminoContratoDeLaSolicitud">Motivo de la Desvinculación</label>
                                            <input type="text" class="form-control" id="campoCausalTerminoContratoDeLaSolicitud" name="causa_termino_contrato" value="{{ old('causa_termino_contrato',$antecedentePersonalFiniquitado->motivoDesvinculacion->motivo) }}" readonly="true">
                                        </div>

                                        <div class="form-group">
                                            <label for="campoDescripcionMotivoDeLaDesvinculacionDeLaSolicitud">Descripción del Motivo de la Desvinculación</label>
                                            <textarea class="form-control" id="campoDescripcionMotivoDeLaDesvinculacionDeLaSolicitud" rows="3" readonly="true">{{$antecedentePersonalFiniquitado->motivoDesvinculacion->descripcion}}</textarea>
                                        </div>

                                        @if ($antecedentePersonalFiniquitado->visto_bueno_gerentes==true)
                                            <div class="form-group">
                                                <label for="campoVbDeLosGerenteSolicitud">Se Aplica el VB de los Gerentes</label>
                                                <input type="text" class="form-control" id="campoVbDeLosGerenteSolicitud" value="Si" readonly="true">
                                            </div>
                                        @else
                                            <div class="form-group">
                                                <label for="campoVbDeLosGerenteSolicitud">Se Aplica el VB de los Gerentes</label>
                                                <input type="text" class="form-control" id="campoVbDeLosGerenteSolicitud" value="No" readonly="true">
                                            </div>
                                        @endif
                                    @else
                                        <div class="form-group">
                                            <label for="campoCausalTerminoContratoDeLaSolicitud">Motivo de la Desvinculación</label>
                                            <input type="text" class="form-control" id="campoCausalTerminoContratoDeLaSolicitud" name="causa_termino_contrato" value="{{ old('causa_termino_contrato','Otro') }}" readonly="true">
                                        </div>

                                        <div class="form-group">
                                            <label for="campoOtroMotivoDeLaDesvinculacionDeLaSolicitud">Otro Motivo de la Desvinculación</label>
                                            <textarea class="form-control" id="campoOtroMotivoDeLaDesvinculacionDeLaSolicitud" rows="3" readonly="true">{{$antecedentePersonalFiniquitado->motivo_desvinculacion_otro}}</textarea>
                                        </div>

                                        <div class="form-group">
                                            <label for="campoVbDeLosGerenteSolicitud">Se Aplica el VB de los Gerentes</label>
                                            <input type="text" class="form-control" id="campoVbDeLosGerenteSolicitud" value="No" readonly="true">
                                        </div>
                                    @endif
    
                                    @isset($antecedentePersonalFiniquitado->causa_termino_contrato_otro)
                                        <div class="form-group">
                                            <label for="campoOtraCausalTerminoContratoDeLaSolicitud">Otro Motivo de la Desvinculación</label>
                                            <textarea class="form-control" id="campoOtraCausalTerminoContratoDeLaSolicitud" name="causa_termino_contrato_otro" rows="3" readonly="true">{{ old('causa_termino_contrato_otro',$antecedentePersonalFiniquitado->causa_termino_contrato_otro) }}</textarea>
                                        </div>
                                    @endisset
    
                                    <div class="form-group">
                                        <label for="campoObservacionesDesvinculacionRenunciaDeLaSolicitud">Observaciones Sobre la Desvinculación y/o Renuncia </label>
                                        <textarea class="form-control" id="campoObservacionesDesvinculacionRenunciaDeLaSolicitud" name="observacion_disvinculacion_renuncia" rows="3" readonly="true">{{ old('observacion_disvinculacion_renuncia',$antecedentePersonalFiniquitado->observacion_disvinculacion_renuncia) }}</textarea>
                                    </div>
    
                                    <div class="form-group">
                                        <label for="campoRecomendableFuturasContratacionesDeLaSolicitud">Recomendable Para Futuras Contrataciones</label>
                                        @if ($antecedentePersonalFiniquitado->recomendable_futura_contratacion=="SI")
                                            <input type="text" class="form-control" id="campoRecomendableFuturasContratacionesDeLaSolicitud" name="recomendable_futura_contratacion" value="{{ old('recomendable_futura_contratacion','Recontratable.') }}" readonly="true">
                                        @elseif($antecedentePersonalFiniquitado->recomendable_futura_contratacion=="NO") 
                                            <input type="text" class="form-control" id="campoRecomendableFuturasContratacionesDeLaSolicitud" name="recomendable_futura_contratacion" value="{{ old('recomendable_futura_contratacion','Sujeto a revisión en caso de requerir su recontratación.') }}" readonly="true">
                                        @elseif($antecedentePersonalFiniquitado->recomendable_futura_contratacion=="NO (IRREVOCABLE)")     
                                            <input type="text" class="form-control" id="campoRecomendableFuturasContratacionesDeLaSolicitud" name="recomendable_futura_contratacion" value="{{ old('recomendable_futura_contratacion','Sin sujeto a revisión en caso de requerir su reincorporación a la empresa.') }}" readonly="true">
                                        @endif
                                    </div>

                                    @isset($antecedentePersonalFiniquitado->observacion)
                                        <div class="form-group">
                                            <label for="campoObservacion">Observación </label>
                                            <textarea class="form-control" id="campoObservacion" name="observacion" rows="3" readonly="true">{{ old('observacion',$antecedentePersonalFiniquitado->observacion) }}</textarea>
                                        </div>
                                    @endisset
    
                                    <div class="dt-responsive table-responsive">
                                        <table class="table table-bordered" role="grid" aria-describedby="base-style_info" id="tabla-desempeno-laboral">
                                            <thead>
                                                <tr role="row">
                                                    <th class="celda-color-azul"></th>
                                                    <th class="text-center celda-color-azul">Muy Deficiente</th>
                                                    <th class="text-center celda-color-azul">Deficiente</th>
                                                    <th class="text-center celda-color-azul">Satisfactorio</th>
                                                    <th class="text-center celda-color-azul">Sobresaliente</th>
                                                </tr>
                                            </thead>
                                            <tbody id="registroDeDesempenoLaboral">
                                                @foreach ($antecedentePersonalFiniquitado->desempeñosLaborales as $desempenoLaboral)
                                                    <tr>
                                                        <td class="celda-color-azul" style="font-weight: 700; vertical-align: middle">{{$desempenoLaboral->desempeno_laboral}}</td>
                                                        @if ($desempenoLaboral->evaluacion=="Muy Deficiente")
                                                            <td><p class="text-center" style="font-size:20px;"><i class="fas fa-check-circle fa-lg" style="color: #dc3545;"></i></p></td>
                                                            <td></td>
                                                            <td></td>
                                                            <td></td>
                                                        @elseif($desempenoLaboral->evaluacion=="Deficiente")
                                                            <td></td>
                                                            <td><p class="text-center" style="font-size:20px;"><i class="fas fa-check-circle fa-lg" style="color: #E03F02;"></i></p></td>
                                                            <td></td>
                                                            <td></td>
                                                        @elseif($desempenoLaboral->evaluacion=="Satisfactorio")
                                                            <td></td>
                                                            <td></td>
                                                            <td><p class="text-center" style="font-size:20px;"><i class="fas fa-check-circle fa-lg" style="color: #ffc107;"></i></p></td>
                                                            <td></td>
                                                        @elseif($desempenoLaboral->evaluacion=="Sobresaliente")
                                                            <td></td>  
                                                            <td></td>
                                                            <td></td>
                                                            <td><p class="text-center" style="font-size:20px;"><i class="fas fa-check-circle fa-lg" style="color: #28a745;"></i></p></td>
                                                        @endif
                                                    </tr>
                                                @endforeach
                                            </tbody>
                                        </table>
                                    </div>
    
                                    <h4>Descripciones</h4>
                                    <div class="dt-responsive table-responsive">
                                        <table class="table table-bordered" role="grid" aria-describedby="base-style_info">
                                            <tbody>
                                                <tr>
                                                    <td style="font-weight: 700; vertical-align: middle; background-color: #dc3545; color:white;">Muy Deficiente</td>
                                                    <td>No satisface todas las expectativas de la competencia evaluada. </td>
                                                </tr>
                                                <tr>
                                                    <td style="font-weight: 700; vertical-align: middle; background-color: #E03F02; color:white;">Deficiente</td>
                                                    <td>Desempeño por debajo de lo esperado. por lo general hace su trabajo pero no satisface todas las expectativas de la competencia evaluada. Necesita un plan de mejoramiento.</td>
                                                </tr>
                                                <tr>
                                                    <td style="font-weight: 700; vertical-align: middle; background-color: #ffc107;">Satisfactorio</td>
                                                    <td>
                                                        Desempeño que cumple con la expectativa de la competencia evaluada. este es un desempeño sólido, que proviene de personas que tiene experiencias y conocimientos necesarios para ejecutar las funciones del cargo.</td>
                                                </tr>
                                                <tr>
                                                    <td style="font-weight: 700; vertical-align: middle; background-color: #28a745; color:white;">Sobresaliente</td>
                                                    <td>Desempeño que consistentemente excede las expectativas de la competencia evaluada y produce resultados más allá de lo esperado. Esta entre los mejores de su área.</td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
    
                                    <button class="btn btn-secondary" onclick="stepper.previous()"><i class="fas fa-arrow-left"></i> Anterior</button>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class=" card-footer">
                        <a href="{{ route('finiquito.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>
                </div>
            </div>
        </div>
    </div>
@stop

@section('content')
@stop

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

@section('css')
    <link rel="stylesheet" href="{{ asset('css/estilo-generico.css') }}">
    <style>
        .celda-color-azul {
            background-color: #007bff;
            color: white;
        }

        .celda-color-gris {
            background-color: #C0BDB4;
        }

        .is-invalid {
            border-color: #dc3545;  
        }

        .invalid-feedback {
            color: #dc3545;  
            display: block; 
        }
    </style>
@stop

@section('js')
    <script src="{{ asset('js/funcionalidades-genericas.js') }}"></script>
    <script>
        document.addEventListener('DOMContentLoaded', function() {
            window.stepper = new Stepper(document.querySelector('.bs-stepper'))
        })        
    </script>
@stop