@extends('adminlte::page')

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

@section('title', 'Intranet | Buscar 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

                        <div class="card-body">
                            <div class="contenedorDosCamposPorFilaEnLosFormulario">
                                <div class="form-group">
                                    <label for="campoRutDelTrabajador">Rut del Trabajador</label>
                                    <div class="input-group">
                                        <input type="text" class="form-control" id="campoRutDelTrabajador" name="rut_trabajador" value="{{ old('rut_trabajador') }}">
                                        <span class="input-group-append">
                                            <button type="button" class="btn btn-primary" onclick="buscarTrabajadorEnTalanaPorRut()">Buscar</button>
                                        </span>
                                        <div class="invalid-feedback" id="validacionCampoRutDelTrabajador">
    
                                        </div>
                                    </div>
                                </div>
                                <input type="hidden" id="campoIdTrabajadorDeTalana" name="id_trabajador_talana">
    
                                <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') }}" 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') }}" 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') }}" readonly="true">
                                    <div class="invalid-feedback" id="validacionCampoApellidoMaternoDelTrabajador">
    
                                    </div>
                                </div>

                                <div class="form-group" id="contenedorDelCampoFuturasContrataciones" style="display: none;">
                                    <label for="campoNoContratable">Recomendable Para Futuras Contrataciones</label>
                                    <select class="form-control listaDespegableConBuscador"
                                        id="contenedorDelCampoFuturasContratacionesVal" name="no_contratable">
                                        <option value="">Seleccionar Opcion</option>
                                        <option value="NO">No</option>
                                        <option value="No Irrevocable">No (IRREVOCABLE)</option>
                                    </select>
                                    <div class="invalid-feedback" id="validacionCampoFuturasContrataciones">
    
                                    </div>
                                </div>
                            </div>


                            <div class="form-group" id="contenedorDelCampoMotivo" style="display: none;">
                                <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') }}</textarea>
                                <div class="invalid-feedback" id="validacionCampoMotivoDeLaAgregacion">

                                </div>
                            </div>

                            <button type="button" class="btn btn-danger mb-3" id="botonDeLimpiarDatos" onclick="limpiarDatosDelTrabajador()"><i class="fas fa-broom" style="margin-right: 2px;"></i> Limpiar Datos del Trabajador</button>

                            <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">
                                        <tr id="solitidesDeDesvinculacionesNoDisponibleEnLaTabla">
                                            <td colspan="10" class="text-center">No hay solicitudes de desvinculaciones disponibles en la tabla</td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>

                        <div class=" card-footer">
                            <button type="button" class="btn btn-primary" id="botonDeCreacion" onclick="agregarTrabajadorALaListaNegra()"><i class="fas fa-plus-circle" style="margin-right: 2px;"></i>Agregar Trabajador a 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,
        });

        function buscarTrabajadorEnTalanaPorRut(){
            let rut=document.getElementById("campoRutDelTrabajador").value.trim();
            if(rut.length>0){
                let formData = new FormData();
                formData.append('rut', rut.replace(/\./g, ''));
                let csrf = '{{ csrf_token() }}';

                $.ajax({
                    url: '{{ route('lista-negra-trabajadores.obtener-trabajador-talana') }}',
                    method: 'POST',
                    data: formData,
                    contentType: false,
                    processData: false,
                    dataType: 'json',
                    headers: {
                        'X-CSRF-TOKEN': csrf
                    },
                    success: function(data) {
                        eliminarLoading()
                        if(data.estado=="con_datos"){
                            document.getElementById("campoIdTrabajadorDeTalana").value=data.datos.id;

                            document.getElementById("campoNombreDelTrabajador").value=data.datos.nombre;
                            document.getElementById("campoApellidoPaternoDelTrabajador").value=data.datos.apellido_paterno;
                            document.getElementById("campoApellidoMaternoDelTrabajador").value=data.datos.apellido_materno;
                            document.getElementById("campoRutDelTrabajador").setAttribute("readonly","true");
                            document.getElementById("validacionCampoRutDelTrabajador").innerHTML = "";
                            document.getElementById("campoRutDelTrabajador").setAttribute("class", "form-control");

                            document.getElementById("contenedorDelCampoFuturasContrataciones").style.display ="block";
                            document.getElementById("contenedorDelCampoFuturasContratacionesVal").value = "";
                            document.getElementById("validacionCampoFuturasContrataciones").innerHTML = "";
                            document.getElementById("contenedorDelCampoFuturasContratacionesVal").setAttribute("class", "form-control");

                            document.getElementById("contenedorDelCampoMotivo").style.display="block";
                            document.getElementById("campoMotivoDeLaAgregacion").value="";
                            document.getElementById("validacionCampoMotivoDeLaAgregacion").innerHTML = "";
                            document.getElementById("campoMotivoDeLaAgregacion").setAttribute("class", "form-control");

                            console.log(data.solicitudes.length)
                            if(data.solicitudes.length>0){
                                document.getElementById("solitidesDeDesvinculacionesNoDisponibleEnLaTabla").innerHTML="";
                                data.solicitudes.forEach((elemento) => {
                                    let cartaEfectiva=null;
                                    let estadoDeCierre=null;
                                    if(elemento.carta_efectiva==true){
                                        cartaEfectiva="La carta se hizo efectiva";
                                    }else{
                                        cartaEfectiva="La carta no se hizo efectiva";
                                    }

                                    if(elemento.estado_cierre=="Cerrada"){
                                        estadoDeCierre='<td> <span class="badge badge-success">' +elemento.estado_cierre+ '</span></td>';
                                    }else{
                                        estadoDeCierre='<td> <span class="badge badge-danger">' +elemento.estado_cierre+ '</span></td>';
                                    }

                                    let urlDetalle='{{ route('finiquito.show', [':idSolicitud']) }}';
                                    urlDetalle = urlDetalle.replace(':idSolicitud', elemento.id);
                                    
                                    document.getElementById("solitidesDeDesvinculacionesNoDisponibleEnLaTabla").innerHTML+=
                                    '<tr>'+
                                        '<td class="text-center"><a target="_blank" href="'+urlDetalle+'" role="button" class="btn btn-secondary"><i class="fas fa-eye" style="margin-right: 2px;"></i> Ver Detalle</a></td>'+
                                        '<td>'+elemento.correlativo+'</td>'+
                                        '<td>'+elemento.cargo_trabajador+'</td>'+
                                        '<td>'+elemento.tipo_contrato_trabajador+'</td>'+
                                        '<td>'+elemento.fecha_termino_trabajador+'</td>'+
                                        '<td>'+elemento.centro_de_costo.centro_costo+'</td>'+
                                        '<td>'+elemento.motivo_desvinculacion.motivo+'</td>'+
                                        '<td>'+elemento.recomendable_futura_contratacion+'</td>'+
                                        '<td>'+cartaEfectiva+'</td>'+
                                        estadoDeCierre+
                                    '</tr>';
                                });
                            }else{
                                document.getElementById("solitidesDeDesvinculacionesNoDisponibleEnLaTabla").innerHTML=
                                '<tr id="solitidesDeDesvinculacionesNoDisponibleEnLaTabla">'+
                                    '<td colspan="10" class="text-center">No hay solicitudes de desvinculaciones disponibles en la tabla</td>'+
                                '</tr>';
                            }
                        }else if(data.estado=="sin_datos"){
                            document.getElementById("campoRutDelTrabajador").setAttribute("class", "form-control is-invalid");
                            document.getElementById("validacionCampoRutDelTrabajador").innerHTML = "El trabajador no existe en la nómina.";
                        }
                    },
                    error: function(data) {
                        console.log(data)
                        eliminarLoading()
                    }
                })
            }else{
                document.getElementById("campoRutDelTrabajador").setAttribute("class", "form-control is-invalid");
                document.getElementById("validacionCampoRutDelTrabajador").innerHTML = "El campo rut del trabajador es obligatorio.";
            }
        }
        
        function limpiarDatosDelTrabajador(){
            document.getElementById("campoIdTrabajadorDeTalana").value="";
            document.getElementById("campoNombreDelTrabajador").value = "";
            document.getElementById("validacionCampoNombreDelTrabajador").innerHTML = "";
            document.getElementById("campoNombreDelTrabajador").setAttribute("class", "form-control");
    
            document.getElementById("campoRutDelTrabajador").value = "";
            document.getElementById("validacionCampoRutDelTrabajador").innerHTML = "";
            document.getElementById("campoRutDelTrabajador").setAttribute("class", "form-control");
            document.getElementById("campoRutDelTrabajador").removeAttribute("readonly")
    
            document.getElementById("campoApellidoPaternoDelTrabajador").value = "";
            document.getElementById("validacionCampoApellidoPaternoDelTrabajador").innerHTML = "";
            document.getElementById("campoApellidoPaternoDelTrabajador").setAttribute("class", "form-control");
    
            document.getElementById("campoApellidoMaternoDelTrabajador").value = "";
            document.getElementById("validacionCampoApellidoMaternoDelTrabajador").innerHTML = "";
            document.getElementById("campoApellidoMaternoDelTrabajador").setAttribute("class", "form-control");

            document.getElementById("contenedorDelCampoFuturasContrataciones").style.display = "none";
            document.getElementById("contenedorDelCampoFuturasContratacionesVal").value = "";
            document.getElementById("validacionCampoFuturasContrataciones").innerHTML = "";
            document.getElementById("contenedorDelCampoFuturasContratacionesVal").setAttribute("class", "form-control");

            document.getElementById("contenedorDelCampoMotivo").style.display="none";
            document.getElementById("campoMotivoDeLaAgregacion").value="";
            document.getElementById("validacionCampoMotivoDeLaAgregacion").innerHTML = "";
            document.getElementById("campoMotivoDeLaAgregacion").setAttribute("class", "form-control");

            document.getElementById("solitidesDeDesvinculacionesNoDisponibleEnLaTabla").innerHTML=
            '<tr id="solitidesDeDesvinculacionesNoDisponibleEnLaTabla">'+
                '<td colspan="10" class="text-center">No hay solicitudes de desvinculaciones disponibles en la tabla</td>'+
            '</tr>';
        }
    </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 agregarTrabajadorALaListaNegra(){
            document.getElementById("botonDeCreacion").setAttribute("disabled", true);
            Swal.fire({
                title: '¿Esta seguro?',
                text: "Se agregará este trabajador a la lista negra",
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: '¡Si, agregar!',
                cancelButtonText: 'Cancelar'
            }).then((result) => {
                if (result.isConfirmed) {
                    generarLoading('{{ asset('img/logo.png') }}')
                    var datosFormulario = $("#formularioDeBuscarTrabajador").serialize();
                    let csrf = '{{ csrf_token() }}';

                    $.ajax({
                        type: 'POST',
                        datatype: 'json',
                        url: '{{ route('lista-negra-trabajadores.store') }}',
                        data: datosFormulario,
                        headers: {
                            'X-CSRF-TOKEN': csrf
                        },
                        success: function(data) {
                            if(data.estado=="existe"){
                                Swal.fire({
                                    icon: 'error',
                                    title: '¡No Agregado!',
                                    text: 'No es posible agregar este trabajador a la lista negra, el motivo es que ya se encuentra agregado',
                                    confirmButtonColor: "#448aff",
                                    confirmButtonText: "Confirmar"
                                })
                            }else if(data.estado=="registrado"){
                                Swal.fire({
                                    icon: 'success',
                                    title: '¡Agregado!',
                                    text: 'El trabajador ' + data.datos.nombre_trabajador+' '+ data.datos.apellido_paterno_trabajador + ' fue agregado a la lista de negra de la empresa',
                                    confirmButtonColor: "#448aff",
                                    confirmButtonText: "Confirmar"
                                }).then((result) => {
                                    location.href = "{{route('lista-negra-trabajadores.index')}}";
                                })
                                .catch((error) => {
                                    location.href = "{{route('lista-negra-trabajadores.index')}}";
                                });
                            }
                            eliminarLoading()
                        },
                        error: function(data) {
                            console.log(data)
                            validarFormularioDeBuscarTrabajador(data);
                            Swal.fire({
                                icon: 'error',
                                title: '¡Errores en el Formulario!',
                                text: 'Revise los campos del formulario. Hay campos incompletos o que no cumple con los requisitos establecidos. Asegurase de completar todos los campos obligatorios y de corregir cualquier error señalado.',
                                confirmButtonColor: "#448aff",
                                confirmButtonText: "Confirmar"
                            })
                            document.getElementById("botonDeCreacion").removeAttribute("disabled");
                            eliminarLoading()
                        }
                    })
                } else {
                    document.getElementById("botonDeCreacion").removeAttribute("disabled");
                }
            });
        }
    </script>
@stop