$('table{{$tableName? '#'.$tableName:''}} tbody').on('click', '[data-table-action="delete"]', async function(e){
    e.preventDefault();
    const _this = e.currentTarget
    const parent = _this.closest('tr');
    parent.classList.add('table-danger')

    let result = await Swal.fire({
        text: "¿Estás seguro de querer eliminar este registro?",
        icon: "warning",
        showCancelButton: true,
        buttonsStyling: false,
        confirmButtonText: "Sí, eliminalo!",
        cancelButtonText: "No, cancelar",
        customClass: {
            confirmButton: "btn fw-bold btn-danger",
            cancelButton: "btn fw-bold btn-active-light-primary"
        }
    })

    if(result.isConfirmed){
        try {
            const response = await axios({
                method: 'DELETE',
                url: _this.getAttribute('href'),
                headers : {'X-CSRF-Token': document.querySelector('meta[name="csrf-token"]').getAttribute('content'), 'X-Requested-With' : 'XMLHttpRequest'},
            });

            if(response.status == 200){
                Swal.fire({
                    text: "¡El registro se ha eliminado!",
                    icon: "success",
                    buttonsStyling: false,
                    confirmButtonText: "Ok!",
                    customClass: {
                        confirmButton: "btn fw-bold btn-primary",
                    }
                })

                {{$variableName ?? 'dt'}}.ajax.reload(null, false);
            }
        } catch (error) {
            var message = JSON.parse(error.request.response).message
            Swal.fire('Error!', message, 'error');
            parent.classList.remove('table-danger')
        }
    } else {
        parent.classList.remove('table-danger')
        Swal.fire({
            text: "El registro no se ha eliminado.",
            icon: "error",
            buttonsStyling: false,
            confirmButtonText: "Ok!",
            customClass: {
                confirmButton: "btn fw-bold btn-primary",
            }
        });
    }
})

$('table{{$tableName? '#'.$tableName:''}}').on('click', '[data-table-action="ajax"]', async function(e) {
    e.preventDefault();
    var _this = e.currentTarget;
    var _row = _this.closest('tr')
    _row.classList.add('table-warning')

    let result = await Swal.fire({
        title: "¿Estás seguro de realizar esta acción?",
        text: "",
        icon: "warning",
        showCancelButton: true,
        confirmButtonText: "Sí, quiero continuar!",
        cancelButtonText: "No, cancelar!",
        reverseButtons: true
    });

    if(result.isConfirmed){

        try {
            const response = await axios({
                method: 'POST',
                url: _this.getAttribute('href'),
                headers : {'X-CSRF-Token': document.querySelector('meta[name="csrf-token"]').getAttribute('content'), 'X-Requested-With' : 'XMLHttpRequest'},
            });

            if(response.status == 200){
                {{$variableName ?? 'dt'}}.ajax.reload(null, false);
            }
        } catch (error) {
            var message = JSON.parse(error.request.response).message
            _row.classList.remove('table-warning')
            Swal.fire('Error!', message, 'error');
        }
    } else {
        _row.classList.remove('table-warning')
    }
});