@extends('adminlte::page')

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

@section('title', 'Intranet | Editar Trabajador')

@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-9">

                <div class="card card-primary">
                    <div class="card-header">
                        <h3 class="card-title">Buscar Trabajador</h3>
                    </div>

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

                        <div class="card-body">
                            <div class="contenedorDosCamposPorFilaEnLosFormulario">
                                <div class="form-group">
                                    <label for="campoRutDelTrabajador">Rut del Trabajador</label>
                                    <input type="text" class="form-control" id="campoRutDelTrabajador" name="rut_trabajador" value="{{ old('rut_trabajador',$listaNegraDeTrabajador->rut_trabajador) }}" readonly="true">
                                    <div class="invalid-feedback" id="validacionCampoRutDelTrabajador">
    
                                    </div>
                                </div>
    
                                <div class="form-group">
                                    <label for="campoNombreDelTrabajador">Nombre del Trabajador</label>
                                    <input type="text" class="form-control" id="campoNombreDelTrabajador" name="nombre_trabajador" value="{{ old('nombre_trabajador',$listaNegraDeTrabajador->nombre_trabajador) }}" readonly="true">
                                    <div class="invalid-feedback" id="validacionCampoNombreDelTrabajador">
    
                                    </div>
                                </div>
    
                                <div class="form-group">
                                    <label for="campoApellidoPaternoDelTrabajador">Apellido Paterno del Trabajador</label>
                                    <input type="text" class="form-control" id="campoApellidoPaternoDelTrabajador" name="apellido_paterno_trabajador" value="{{ old('apellido_paterno_trabajador',$listaNegraDeTrabajador->apellido_paterno_trabajador) }}" readonly="true">
                                    <div class="invalid-feedback" id="validacionCampoApellidoPaternoDelTrabajador">
    
                                    </div>
                                </div>
    
                                <div class="form-group">
                                    <label for="campoApellidoMaternoDelTrabajador">Apellido Materno del Trabajador</label>
                                    <input type="text" class="form-control" id="campoApellidoMaternoDelTrabajador" name="apellido_materno_trabajador" value="{{ old('apellido_materno_trabajador',$listaNegraDeTrabajador->apellido_materno_trabajador) }}" readonly="true">
                                    <div class="invalid-feedback" id="validacionCampoApellidoMaternoDelTrabajador">
    
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label for="campoNoContratable">Recomendable Para Futuras Contrataciones</label>
                                    <select class="form-control listaDespegableConBuscador"
                                        id="contenedorDelCampoFuturasContratacionesVal" name="no_contratable">
                                        @if ($listaNegraDeTrabajador->recomendable_para_futuras_contrataciones=="NO")
                                            <option value="">Seleccionar Opcion</option>
                                            <option value="NO" selected>No</option>
                                            <option value="No Irrevocable">No (IRREVOCABLE)</option>
                                        @elseif($listaNegraDeTrabajador->recomendable_para_futuras_contrataciones=="NO (IRREVOCABLE)")
                                            <option value="">Seleccionar Opcion</option>
                                            <option value="NO">No</option>
                                            <option value="No Irrevocable" selected>No (IRREVOCABLE)</option>
                                        @else
                                            <option value="">Seleccionar Opcion</option>
                                            <option value="NO">No</option>
                                            <option value="No Irrevocable">No (IRREVOCABLE)</option>
                                        @endif
                                    </select>
                                    <div class="invalid-feedback" id="validacionCampoFuturasContrataciones">
    
                                    </div>
                                </div>
                            </div>


                            <div class="form-group">
                                <label for="campoMotivoDeLaAgregacion">Motivo por la Agregación a la Lista Negra</label>
                                <textarea class="form-control" id="campoMotivoDeLaAgregacion" name="motivo_lista_negra" rows="3">{{ old('motivo_lista_negra',$listaNegraDeTrabajador->motivo_lista_negra) }}</textarea>
                                <div class="invalid-feedback" id="validacionCampoMotivoDeLaAgregacion">

                                </div>
                            </div>

                            <div class="dt-responsive table-responsive">
                                <table class="table table-bordered" role="grid" aria-describedby="base-style_info" id="tabla-solicitudes-desvinculaciones">
                                    <thead>
                                        <tr role="row">
                                            <th class="text-center celda-color-azul">Acción</th>
                                            <th class="text-center celda-color-azul">Correlativo</th>
                                            <th class="text-center celda-color-azul">Cargo Trabajador</th>
                                            <th class="text-center celda-color-azul">Tipo de Contrato Trabajador</th>
                                            <th class="text-center celda-color-azul">Fecha Termino de Contrato Trabajador</th>
                                            <th class="text-center celda-color-azul">Centro de Costo Trabajador</th>
                                            <th class="text-center celda-color-azul">Motivo de la Desvinculación</th>
                                            <th class="text-center celda-color-azul">Recomendable Para Futuras Contrataciones</th>
                                            <th class="text-center celda-color-azul">Carta Efectiva</th>
                                            <th class="text-center celda-color-azul">Estado de Cierre</th>
                                        </tr>
                                    </thead>
                                    <tbody id="registroDeSolitidesDeDesvinculaciones">
                                        @if (count($solicitudesDeDesvinculaciones)>0)
                                            @foreach ($solicitudesDeDesvinculaciones as $solicitud)
                                                @php
                                                    if($solicitud->carta_efectiva==true){
                                                        $cartaEfetiva="La carta se hizo efectiva";
                                                    }else{
                                                        $cartaEfetiva="La carta no se hizo efectiva";
                                                    }
                                                @endphp
                                                <tr>
                                                    <td>
                                                        <a target="_blank" href="{{ route('finiquito.show',$solicitud) }}" role="button" class="btn btn-secondary"><i class="fas fa-eye" style="margin-right: 2px;"></i> Ver Detalle</a>
                                                    </td>
                                                    <td>{{$solicitud->correlativo}}</td>
                                                    <td>{{$solicitud->cargo_trabajador}}</td>
                                                    <td>{{$solicitud->tipo_contrato_trabajador}}</td>
                                                    <td>{{fechaConFormatoDeChile($solicitud->fecha_termino_trabajador)}}</td>
                                                    <td>{{$solicitud->centroDeCosto->centro_costo}}</td>
                                                    <td>{{$solicitud->motivoDesvinculacion->motivo}}</td>
                                                    <td>{{$solicitud->recomendable_futura_contratacion}}</td>
                                                    <td>{{$cartaEfetiva}}</td>
                                                    @if ($solicitud->estado_cierre=="Cerrada")
                                                        <td> <span class="badge badge-success">{{$solicitud->estado_cierre}}</span></td>
                                                    @else
                                                        <td> <span class="badge badge-danger">{{$solicitud->estado_cierre}}</span></td>
                                                    @endif
                                                </tr>
                                            @endforeach
                                        @else
                                            <tr id="solitidesDeDesvinculacionesNoDisponibleEnLaTabla">
                                                <td colspan="10" class="text-center">No hay solicitudes de desvinculaciones disponibles en la tabla</td>
                                            </tr>
                                        @endif
                                    </tbody>
                                </table>
                            </div>
                        </div>

                        <div class=" card-footer">
                            <button type="button" class="btn btn-primary" id="botonDeEdicion" onclick="editarTrabajadorDeLaListaNegra()"><i class="fas fa-plus-circle" style="margin-right: 2px;"></i>Editar Trabajador de la Lista Negra</button>
                            <a href="{{ route('lista-negra-trabajadores.index') }}" role="button" class="btn btn-secondary"><i class="fas fa-arrow-alt-circle-left" style="margin-right: 2px;"></i> Volver</a>
                        </div>
                    </form>
                </div>

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

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

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

        .celda-color-gris {
            background-color: #C0BDB4;
        }
    </style>
@stop

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

    <script>
        $('#contenedorDelCampoFuturasContratacionesVal').selectpicker({
            dropupAuto: false,
        });
    </script>

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

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

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

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

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

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

        function editarTrabajadorDeLaListaNegra(){
            document.getElementById("botonDeEdicion").setAttribute("disabled", true);
            generarLoading('{{ asset('img/logo.png') }}')
            var datosFormulario = $("#formularioDeBuscarTrabajador").serialize();
            let csrf = '{{ csrf_token() }}';

            $.ajax({
                type: 'POST',
                datatype: 'json',
                url: '{{ route('lista-negra-trabajadores.update',$listaNegraDeTrabajador) }}',
                data: datosFormulario,
                headers: {
                    'X-CSRF-TOKEN': csrf
                },
                success: function(data) {
                    Swal.fire({
                        icon: 'success',
                        title: '¡Editado!',
                        text: 'El trabajador de la lista negra se editó con éxito ',
                        confirmButtonColor: "#448aff",
                        confirmButtonText: "Confirmar"
                    })
                    eliminarLoading()
                    document.getElementById("botonDeEdicion").removeAttribute("disabled");
                },
                error: function(data) {
                    console.log(data)
                    validarFormularioDeBuscarTrabajador(data);
                    document.getElementById("botonDeEdicion").removeAttribute("disabled");
                    eliminarLoading()
                }
            })
        }
    </script>
@stop