@php
    if (!isset($baseRoute)) {
        $route = url($crud->route . '/');
    } else {
        $route = url($baseRoute);
    }
@endphp

<a href="javascript:void(0)" onclick="bulkAddToSelection(this)"
    class="btn btn-sm btn-success bulk-button me-4"
   data-action-route="{{ $route }}"
    style="display:none">{{ $title }}</a>

@push('after_scripts')
    <script>
        if (typeof bulkAddToSelection != 'function') {
            function bulkAddToSelection(button) {
                var tableId = $(button).parents('[data-target-table]').data('target-table');
                var currentTable = window.crud.tables[tableId];
                if (typeof currentTable.checkedItems === 'undefined' || currentTable.checkedItems.length == 0) {
                    new Noty({
                        type: "warning",
                        theme: "bootstrap-v4",
                        timeout: 1000,
                        text: "<strong>{!! trans('backpack::crud.bulk_no_entries_selected_title') !!}</strong><br>{!! trans('backpack::crud.bulk_no_entries_selected_message') !!}"
                    }).show();

                    return;
                }

                var actionRoute = $(button).data('action-route');

                // submit an AJAX delete call
                $.ajax({
                    url: actionRoute,
                    type: 'POST',
                    data: {
                        entries: currentTable.checkedItems
                    },
                    success: function(result) {
                        if (Array.isArray(result)) {
                            // Show a success notification bubble
                            new Noty({
                                type: "success",
                                theme: "bootstrap-v4",
                                timeout: 1000,
                                text: "<strong>{!! trans('cfp.bulk_add_to_selection_title') !!}</strong><br>" +
                                    currentTable.checkedItems.length +
                                    "{!! trans('cfp.bulk_add_to_selection_success_message') !!}"
                            }).show();
                        } else {
                            // if the result is an array, it means
                            // we have notification bubbles to show
                            if (result instanceof Object) {
                                // trigger one or more bubble notifications
                                Object.entries(result).forEach(function(entry, index) {
                                    var type = entry[0];
                                    entry[1].forEach(function(message, i) {
                                        new Noty({
                                            type: type,
                                            theme: "bootstrap-v4",
                                            timeout: 1000,
                                            text: message
                                        }).show();
                                    });
                                });
                            } else {
                                // Show a warning notification bubble
                                new Noty({
                                    type: "warning",
                                    theme: "bootstrap-v4",
                                    timeout: 1000,
                                    text: "<strong>{!! trans('cfp.bulk_add_to_selection_error_title') !!}</strong><br>{!! trans('cfp.bulk_add_to_selection_error_message') !!}"
                                }).show();
                            }
                        }

                        currentTable?.dt?.draw(false);
                        currentTable.checkedItems = [];
                    },
                    error: function(result) {
                        // Show an alert with the result
                        new Noty({
                            type: "warning",
                            theme: "bootstrap-v4",
                            timeout: 1000,
                            text: "<strong>{!! trans('cfp.bulk_add_to_selection_error_title') !!}</strong><br>{!! trans('cfp.bulk_add_to_selection_error_message') !!}"
                        }).show();
                    }
                });
            }
        }
    </script>
@endpush