@extends('adminlte::page')

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

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

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

    </div>
@stop

@section('content')
    <div class="card card-primary">
        <div class="card-header">
            <h3 class="card-title">Creación de Solicitud de Desvinculación Masivo</h3>
        </div>
        <div class="card-body">
            <div class="contenedorTresCamposPorFilaEnLosFormulario">
                <div class="form-group" >
                    <select class="form-control listaDespegableConBuscador" id="campoCentroDeCosto" data-live-search="true" onchange="obtenerTrabajadoresDeTalanaPorCentroDeCosto(this)">
                        <option value="">--Seleccionar Centro de Costo--</option>
                        @foreach ($centrosDeCostos as $cc)
                            <option value="{{ $cc->id }}">{{ $cc->centro_costo }}</option>
                        @endforeach
                    </select>
                    <div class="invalid-feedback" id="valicacionCampoCentroDeCosto">
    
                    </div>
                </div>
            </div>

            <div class="table-responsive">
                <table class="table  table-bordered" id="datatable">
                    <thead>
                        <tr>
                            <th>Selección</th>
                            <th>Rut</th>
                            <th>Nombre</th>
                            <th>Apellido Paterno</th>
                            <th>Apellido Materno</th>
                            <th>Cargo</th>
                            <th>Tipo de Contrato</th>
                            <th>Centro de Costo</th>
                            <th>Fecha Inicio de Contrato</th>
                            <th>Fecha Termino de Contrato</th>
                            <th>Motivo de la Desvinculación</th>
                            <th>Calidad del Trabajo</th>
                            <th>Trabajo en Equipo</th>
                            <th>Desempeño de Seguridad</th>
                            <th>Valores y Actitudes</th>
                            <th>Recomendable Futuras Contrataciones</th>
                            <th>Observaciones</th>
                        </tr>
                    </thead>
                    <tbody id="registrosDeTrabajadores">
                        <tr id="trabajadoresNoDisponibleEnLaTabla">
                            <td colspan="17" class="text-center">No hay otros trabajadores disponibles en la tabla</td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
        <!-- /.card-body -->
        <div class=" card-footer">
            <button type="button" class="btn btn-primary" id="botonDeCreacion" onclick="registrarSolicitudes()"><i class="fas fa-plus-circle" style="margin-right: 2px;"></i> Crear Solicitudes </button>
            <a href="{{ route('finiquito.index') }}" role="button" class="btn btn-secondary"><i class="fas fa-arrow-alt-circle-left" style="margin-right: 2px;"></i> Volver</a>
        </div>
    </div>

    <div class="modal fade" id="modalVisualizacionDeErroresDeTrabajadores" tabindex="-1" aria-labelledby="labelModalRechazoDeRequisicion" aria-hidden="true">
        <div class="modal-dialog modal-xl">
            <div class="modal-content">
                <div class="modal-header" style="background-color: #007bff; color:white;">
                    <h5 class="modal-title" id="labelModalVisualizacionDeErroresDeTrabajadores">Visualización de los Trabajadores con Campos por Completar</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="table-responsive">
                        <table class="table  table-bordered" id="tabla-errores-trabajadores">
                            <thead>
                                <tr>
                                    <th>Rut</th>
                                    <th>Nombre</th>
                                    <th>Apellido Paterno</th>
                                    <th>Apellido Materno</th>
                                    <th>Cargo</th>
                                    <th>Tipo de Contrato</th>
                                    <th>Centro de Costo</th>
                                    <th>Fecha Inicio de Contrato</th>
                                    <th>Fecha Termino de Contrato</th>
                                    <th>Motivo de la Desvinculación</th>
                                    <th>Calidad del Trabajo</th>
                                    <th>Trabajo en Equipo</th>
                                    <th>Desempeño de Seguridad</th>
                                    <th>Valores y Actitudes</th>
                                    <th>Recomendable Futuras Contrataciones</th>
                                    <th>Observaciones</th>
                                </tr>
                            </thead>
                            <tbody id="registrosDeErroresDeTrabajadores">

                            </tbody>
                        </table>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
                </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') }}">
@stop

@section('js')
    <script src="{{ asset('js/funcionalidades-genericas.js') }}"></script>
    <script>
        $('#campoCentroDeCosto').selectpicker({
            dropupAuto: false,
        });

        function obtenerTrabajadoresDeTalanaPorCentroDeCosto(campo){
            let cc=campo.value.trim();
            if(cc.length>0){
                var url = '{{ route('finiquito.obtener-trabajadores-talana-cc', [':idCc']) }}';
                url = url.replace(':idCc', cc);
                var csrf = '{{ csrf_token() }}';
                $.ajax({
                    url: url,
                    method: 'POST',
                    contentType: false,
                    processData: false,
                    dataType: 'json',
                    headers: {
                        'X-CSRF-TOKEN': csrf
                    },
                    success: function(data) {
                        document.getElementById("registrosDeTrabajadores").innerHTML="";
                        data.forEach((elemento) => {
                            let fechaDesde="";
                            if(elemento.fecha_contratacion_hasta!=null && elemento.fecha_contratacion_hasta!=undefined){
                                fechaDesde=elemento.fecha_contratacion_hasta
                            }

                            document.getElementById("registrosDeTrabajadores").innerHTML+=
                            "<tr>"+
                                "<td class='tabla-accion text-center'>"+
                                    "<div class='icheck-primary'>"+
                                        "<input class='radio-button-trabajador' type='checkbox' id='radioButtonTrabajador"+elemento.id+"' name='radioButton_"+elemento.id+"' value='"+elemento.id+"' onchange='seleccionarFilaDeTrabajador(this)'>"+
                                        "<label for='radioButtonTrabajador"+elemento.id+"'></label>"+
                                    "</div>"+   
                                "</td>"+
                                "<td class='tabla-rut'>"+elemento.rut+"</td>"+
                                "<td class='tabla-nombre'>"+elemento.nombre+"</td>"+
                                "<td class='tabla-apellido-paterno'>"+elemento.apellido_paterno+"</td>"+
                                "<td class='tabla-apellido-materno'>"+elemento.apellido_materno+"</td>"+
                                "<td class='tabla-cargo'>"+elemento.cargo+"</td>"+
                                "<td class='tabla-tipo-contrato'>"+elemento.tipo_contrato+"</td>"+
                                "<td class='tabla-id-contro-costo' style='display:none;'>"+elemento.centro_de_costo.id+"</td>"+
                                "<td class='tabla-contro-costo'>"+elemento.centro_de_costo.centro_costo+"</td>"+
                                "<td class='tabla-fecha-desde'>"+elemento.fecha_contratacion_desde+"</td>"+
                                "<td class='tabla-fecha-hasta'>"+fechaDesde+"</td>"+
                                "<td class='tabla-motivo-desvinculacion'>Termino de Proyecto</td>"+
                                "<td class='tabla-calidad-trabajo'></td>"+
                                "<td class='tabla-trabajo-equipo'></td>"+
                                "<td class='tabla-desempeno-seguridad'></td>"+
                                "<td class='tabla-valores-actitudes'></td>"+
                                "<td class='tabla-futuras-contrataciones'></td>"+
                                "<td class='tabla-observaciones'></td>"+
                            "</tr>";
                        });
                        eliminarLoading()
                    },
                    error: function(data) {
                        console.log(data)
                        eliminarLoading()
                    }
                })
            }else{
                document.getElementById("registrosDeTrabajadores").innerHTML=
                '<tr id="trabajadoresNoDisponibleEnLaTabla">'+
                    '<td colspan="17" class="text-center">No hay otros trabajadores disponibles en la tabla</td>'+
                '</tr>';
            }
        }

        function seleccionarFilaDeTrabajador(campo){
            let fila=campo.parentElement.parentElement.parentElement;
            console.log(fila)

            if(campo.checked == true){
                if(fila.querySelector(".tabla-tipo-contrato").innerHTML=="Indefinido"){
                    fila.querySelector(".tabla-fecha-hasta").innerHTML=
                    '<div class="form-group" style="width:130px">'+
                        '<input type="date" class="form-control">'+
                    '</div>';
                }

                fila.querySelector(".tabla-calidad-trabajo").innerHTML=
                '<div class="form-group">'+
                    '<select style="width:120px" class="form-control listaDespegableConBuscador" data-live-search="true">'+
                        '<option value="">--Seleccionar Calidad del Trabajo--</option>'+
                        '<option value="Muy Deficiente">Muy Deficiente</option>'+
                        '<option value="Deficiente">Deficiente</option>'+
                        '<option value="Satisfactorio">Satisfactorio</option>'+
                        '<option value="Sobresaliente">Sobresaliente</option>'+
                    '</select>'+
                '</div>';

                fila.querySelector(".tabla-trabajo-equipo").innerHTML=
                '<div class="form-group">'+
                    '<select style="width:120px" class="form-control listaDespegableConBuscador" data-live-search="true">'+
                        '<option value="">--Seleccionar Trabajo en Equipo--</option>'+
                        '<option value="Muy Deficiente">Muy Deficiente</option>'+
                        '<option value="Deficiente">Deficiente</option>'+
                        '<option value="Satisfactorio">Satisfactorio</option>'+
                        '<option value="Sobresaliente">Sobresaliente</option>'+
                    '</select>'+
                '</div>';

                fila.querySelector(".tabla-desempeno-seguridad").innerHTML=
                '<div class="form-group">'+
                    '<select style="width:120px" class="form-control listaDespegableConBuscador" data-live-search="true">'+
                        '<option value="">--Seleccionar Desempeño en Seguridad--</option>'+
                        '<option value="Muy Deficiente">Muy Deficiente</option>'+
                        '<option value="Deficiente">Deficiente</option>'+
                        '<option value="Satisfactorio">Satisfactorio</option>'+
                        '<option value="Sobresaliente">Sobresaliente</option>'+
                    '</select>'+
                '</div>';

                fila.querySelector(".tabla-valores-actitudes").innerHTML=
                '<div class="form-group">'+
                    '<select style="width:120px" class="form-control listaDespegableConBuscador" data-live-search="true">'+
                        '<option value="">--Seleccionar Valores y Actitudes--</option>'+
                        '<option value="Muy Deficiente">Muy Deficiente</option>'+
                        '<option value="Deficiente">Deficiente</option>'+
                        '<option value="Satisfactorio">Satisfactorio</option>'+
                        '<option value="Sobresaliente">Sobresaliente</option>'+
                    '</select>'+
                '</div>';

                fila.querySelector(".tabla-futuras-contrataciones").innerHTML=
                '<div class="form-group">'+
                    '<select style="width:120px" class="form-control listaDespegableConBuscador" data-live-search="true">'+
                        '<option value="">--Seleccionar Recomendable Futuras Contrataciones--</option>'+
                        '<option value="SI">SI</option>'+
                        '<option value="NO">NO</option>'+
                    '</select>'+
                '</div>';

                fila.querySelector(".tabla-observaciones").innerHTML=
                '<div class="form-group" style="width:350px">'+
                    '<input type="text" class="form-control">'+
                '</div>';
            }else{
                if(fila.querySelector(".tabla-tipo-contrato").innerHTML=="Indefinido"){
                    fila.querySelector(".tabla-fecha-hasta").innerHTML="";
                }
                fila.querySelector(".tabla-calidad-trabajo").innerHTML="";
                fila.querySelector(".tabla-trabajo-equipo").innerHTML="";
                fila.querySelector(".tabla-desempeno-seguridad").innerHTML="";
                fila.querySelector(".tabla-valores-actitudes").innerHTML="";
                fila.querySelector(".tabla-futuras-contrataciones").innerHTML="";
                fila.querySelector(".tabla-observaciones").innerHTML="";
            }
        }

        function validarTrabajadoresObtenerListadoDeTrabajadores(){
            let hayRegistros=false;
            let hayErrores=false;
            let listadoDeTrabajadores=[];
            let listadoDeErrores=[];

            let filasDeTrabajadores = document.getElementById('datatable').tBodies[0].querySelectorAll("tr");
            filasDeTrabajadores.forEach(fila=> {
                if(fila.querySelector(".tabla-rut")){
                    let hayErrorTrabajador=false;
                    let accion = fila.querySelector(".tabla-accion");
                    let rut = fila.querySelector(".tabla-rut").innerHTML.trim();
                    let nombre = fila.querySelector(".tabla-nombre").innerHTML.trim();
                    let apellidoPaterno = fila.querySelector(".tabla-apellido-paterno").innerHTML.trim();
                    let apellidoMaterno = fila.querySelector(".tabla-apellido-materno").innerHTML.trim();
                    let cargo = fila.querySelector(".tabla-cargo").innerHTML.trim();
                    let tipoDeContrato = fila.querySelector(".tabla-tipo-contrato").innerHTML.trim();
                    let idCentroDeCosto = fila.querySelector(".tabla-id-contro-costo").innerHTML.trim();
                    let centroDeCosto = fila.querySelector(".tabla-contro-costo").innerHTML.trim();
                    let fechaDesde = fila.querySelector(".tabla-fecha-desde").innerHTML.trim();
                    let motivoDesvinculacion = fila.querySelector(".tabla-motivo-desvinculacion").innerHTML.trim();

                    if(accion.querySelector("input")){
                        if(accion.querySelector("input").checked){
                            hayRegistros=true;
                            let fechaHasta = fila.querySelector(".tabla-fecha-hasta").innerHTML.trim();
                            if(fila.querySelector(".tabla-tipo-contrato").innerHTML.trim()=="Indefinido"){
                                fechaHasta = fila.querySelector(".tabla-fecha-hasta").querySelector("input").value.trim();
                            }else if(fila.querySelector(".tabla-tipo-contrato").innerHTML.trim()=="Plazo Fijo"){
                                fechaHasta = fila.querySelector(".tabla-fecha-hasta").innerHTML.trim();
                            }
                            let calidadDeTrabajo = fila.querySelector(".tabla-calidad-trabajo").querySelector("select").value.trim();
                            let trabajoEnEquipo = fila.querySelector(".tabla-trabajo-equipo").querySelector("select").value.trim();
                            let desempenoDeSeguridad = fila.querySelector(".tabla-desempeno-seguridad").querySelector("select").value.trim();
                            let valoresActividades = fila.querySelector(".tabla-valores-actitudes").querySelector("select").value.trim();
                            let futurasContrataciones = fila.querySelector(".tabla-futuras-contrataciones").querySelector("select").value.trim();
                            let observaciones = fila.querySelector(".tabla-observaciones").querySelector("input").value.trim();

                            let valorDeFechaDesde = "";
                            let valorDeCalidadDeTrabajo = "";
                            let valorDeTrabajoEnEquipo = "";
                            let valorDeDesempenoDeSeguridad = "";
                            let valorDeValoresActividades = "";
                            let valorDeFuturasContrataciones = "";
                            let valorDeObservaciones = "";

                            let colorValidacionDeFechaDesde="";
                            let colorValidacionDeCalidadDeTrabajo ="";
                            let colorValidacionDeTrabajoEnEquipo="";
                            let colorValidacionDeDesempenoDeSeguridad="";
                            let colorValidacionDeValoresActividades="";
                            let colorValidacionDeFuturasContrataciones="";

                            if(fila.querySelector(".tabla-tipo-contrato").innerHTML.trim()=="Indefinido"){
                                if(fechaHasta.length>0){
                                    colorValidacionDeFechaDesde="style='background-color:#28a745; font-weight: 700; color:white;'";
                                    valorDeFechaHasta = fechaHasta;
                                }else{
                                    colorValidacionDeFechaDesde="style='background-color:#dc3545; font-weight: 700; color:white;'";
                                    valorDeFechaHasta = "El campo debe completarse";
                                    hayErrorTrabajador=true;
                                }
                            }else if(fila.querySelector(".tabla-tipo-contrato").innerHTML.trim()=="Plazo Fijo"){
                                if(fechaHasta.length>0){
                                    valorDeFechaHasta = fechaHasta;
                                }
                            }

                            if(calidadDeTrabajo.length>0){
                                colorValidacionDeCalidadDeTrabajo ="style='background-color:#28a745; font-weight: 700; color:white;'";
                                valorDeCalidadDeTrabajo = calidadDeTrabajo ;
                            }else{
                                colorValidacionDeCalidadDeTrabajo ="style='background-color:#dc3545; font-weight: 700; color:white;'";
                                valorDeCalidadDeTrabajo = "El campo debe completarse";
                                hayErrorTrabajador=true;
                            }

                            if(trabajoEnEquipo.length>0){
                                colorValidacionDeTrabajoEnEquipo="style='background-color:#28a745; font-weight: 700; color:white;'";
                                valorDeTrabajoEnEquipo = trabajoEnEquipo;
                            }else{
                                colorValidacionDeTrabajoEnEquipo="style='background-color:#dc3545; font-weight: 700; color:white;'";
                                valorDeTrabajoEnEquipo = "El campo debe completarse";
                                hayErrorTrabajador=true;
                            }

                            if(desempenoDeSeguridad.length>0){
                                colorValidacionDeDesempenoDeSeguridad="style='background-color:#28a745; font-weight: 700; color:white;'";
                                valorDeDesempenoDeSeguridad=desempenoDeSeguridad;
                            }else{
                                colorValidacionDeDesempenoDeSeguridad="style='background-color:#dc3545; font-weight: 700; color:white;'";
                                valorDeDesempenoDeSeguridad = "El campo debe completarse";
                                hayErrorTrabajador=true;
                            }

                            if(valoresActividades.length>0){
                                colorValidacionDeValoresActividades="style='background-color:#28a745; font-weight: 700; color:white;'";
                                valorDeValoresActividades=valoresActividades;
                            }else{
                                colorValidacionDeValoresActividades="style='background-color:#dc3545; font-weight: 700; color:white;'";
                                valorDeValoresActividades = "El campo debe completarse";
                                hayErrorTrabajador=true;
                            }

                            if(futurasContrataciones.length>0){
                                colorValidacionDeFuturasContrataciones="style='background-color:#28a745; font-weight: 700; color:white;'";
                                valorDeFuturasContrataciones=futurasContrataciones;
                            }else{
                                colorValidacionDeFuturasContrataciones="style='background-color:#dc3545; font-weight: 700; color:white;'";
                                valorDeFuturasContrataciones = "El campo debe completarse";
                                hayErrorTrabajador=true;
                            }

                            if(observaciones.length>0){
                                valorDeObservaciones=observaciones;
                            }

                            let solicitud= {
                                id: accion.querySelector("input").value,
                                rut: rut,
                                nombre: nombre,
                                apellidoPaterno: apellidoPaterno,
                                apellidoMaterno: apellidoMaterno,
                                cargo: cargo,
                                tipoDeContrato: tipoDeContrato,
                                idCentroDeCosto: idCentroDeCosto,
                                centroDeCosto: centroDeCosto,
                                fechaDesde: fechaDesde,
                                fechaHasta: valorDeFechaHasta,
                                motivoDesvinculacion: motivoDesvinculacion,
                                calidadDeTrabajo: valorDeCalidadDeTrabajo,
                                trabajoEnEquipo: valorDeTrabajoEnEquipo,
                                desempenoDeSeguridad: valorDeDesempenoDeSeguridad,
                                valoresActividades: valorDeValoresActividades,
                                futurasContrataciones: valorDeFuturasContrataciones,
                                observaciones: valorDeObservaciones,
                                colorValidacionDeFechaDesde:colorValidacionDeFechaDesde,
                                colorValidacionDeCalidadDeTrabajo:colorValidacionDeCalidadDeTrabajo,
                                colorValidacionDeTrabajoEnEquipo:colorValidacionDeTrabajoEnEquipo,
                                colorValidacionDeDesempenoDeSeguridad:colorValidacionDeDesempenoDeSeguridad,
                                colorValidacionDeValoresActividades:colorValidacionDeValoresActividades,
                                colorValidacionDeFuturasContrataciones:colorValidacionDeFuturasContrataciones
                            };

                            if(hayErrorTrabajador==true){
                                hayErrores=true;
                                listadoDeErrores.push(solicitud);
                            }

                            listadoDeTrabajadores.push(solicitud);
                        }
                    }
                }
            });

            return {
                hayRegistros:hayRegistros,
                hayErrores:hayErrores,
                listadoDeTrabajadores:listadoDeTrabajadores,
                listadoDeErrores:listadoDeErrores
            };
        }

        function registrarSolicitudes(){
            document.getElementById("botonDeCreacion").setAttribute("disabled", true);
            generarLoading('{{ asset('img/logo.png') }}')
            let validacion=validarTrabajadoresObtenerListadoDeTrabajadores();
            if(validacion.hayRegistros==true){
                if(validacion.hayErrores==true){
                    document.getElementById("registrosDeErroresDeTrabajadores").innerHTML="";
                    validacion.listadoDeErrores.forEach((elemento) => {
                        document.getElementById("registrosDeErroresDeTrabajadores").innerHTML+=
                        "<tr>"+
                            "<td class='tabla-rut'>"+elemento.rut+"</td>"+
                            "<td class='tabla-nombre'>"+elemento.nombre+"</td>"+
                            "<td class='tabla-apellido-paterno'>"+elemento.apellidoPaterno+"</td>"+
                            "<td class='tabla-apellido-materno'>"+elemento.apellidoMaterno+"</td>"+
                            "<td class='tabla-cargo'>"+elemento.cargo+"</td>"+
                            "<td class='tabla-tipo-contrato'>"+elemento.tipoDeContrato+"</td>"+
                            "<td class='tabla-id-contro-costo' style='display:none;'>"+elemento.idCentroDeCosto+"</td>"+
                            "<td class='tabla-contro-costo'>"+elemento.centroDeCosto+"</td>"+
                            "<td class='tabla-fecha-desde'>"+elemento.fechaDesde+"</td>"+
                            "<td class='tabla-fecha-hasta' "+elemento.colorValidacionDeFechaDesde+">"+elemento.fechaHasta+"</td>"+
                            "<td class='tabla-motivo-desvinculacion'>"+elemento.motivoDesvinculacion+"</td>"+
                            "<td class='tabla-calidad-trabajo' "+elemento.colorValidacionDeCalidadDeTrabajo+">"+elemento.calidadDeTrabajo+"</td>"+
                            "<td class='tabla-trabajo-equipo' "+elemento.colorValidacionDeTrabajoEnEquipo+">"+elemento.trabajoEnEquipo+"</td>"+
                            "<td class='tabla-desempeno-seguridad' "+elemento.colorValidacionDeDesempenoDeSeguridad+">"+elemento.desempenoDeSeguridad+"</td>"+
                            "<td class='tabla-valores-actitudes' "+elemento.colorValidacionDeValoresActividades+">"+elemento.valoresActividades+"</td>"+
                            "<td class='tabla-futuras-contrataciones' "+elemento.colorValidacionDeFuturasContrataciones+">"+elemento.futurasContrataciones+"</td>"+
                            "<td class='tabla-observaciones' style='background-color:#28a745; font-weight: 700; color:white;'>"+elemento.observaciones+"</td>"+
                        "</tr>";
                    });
                    $("#modalVisualizacionDeErroresDeTrabajadores").modal("show");
                    document.getElementById("botonDeCreacion").removeAttribute("disabled");
                    eliminarLoading()
                }else{
                    let listadoDeTrabajadores=validacion.listadoDeTrabajadores= JSON.stringify(validacion.listadoDeTrabajadores);
                    let formData = new FormData();
                    formData.append('listado_trabajadores', listadoDeTrabajadores);
                    let csrf = '{{ csrf_token() }}';

                    $.ajax({
                        url: '{{ route('finiquito.store-masivo') }}',
                        method: 'POST',
                        data: formData,
                        contentType: false,
                        processData: false,
                        dataType: 'json',
                        headers: {
                            'X-CSRF-TOKEN': csrf
                        },
                        success: function(data) {
                            Swal.fire({
                                icon: 'success',
                                title: '¡Solicitudes de Desvinculaciones Creadas!',
                                text: 'Solicitudes de desvinculaciones creadas con éxito',
                                confirmButtonColor: "#448aff",
                                confirmButtonText: "Confirmar"
                            }).then((result) => {
                                location.reload();
                            })
                            .catch((error) => {
                                location.reload();
                            });
        
                            document.getElementById("botonDeCreacion").removeAttribute("disabled");
                            eliminarLoading()
                        },
                        error: function(data) {
                            console.log(data)
                            document.getElementById("botonDeCreacion").removeAttribute("disabled");
                            eliminarLoading()
                        }
                    })
                }
            }else{
                Swal.fire({
                    icon: 'error',
                    title: '¡Selecciones Trabajadores!',
                    text: 'Debe seleccionar al menos un trabajador para crear solicitudes de desvinculaciones',
                    confirmButtonColor: "#448aff",
                    confirmButtonText: "Confirmar"
                })
                document.getElementById("botonDeCreacion").removeAttribute("disabled");
                eliminarLoading()
            }
        }
    </script>
@stop