@php
    $actionRoute = url($baseRoute);
@endphp

<a href="javascript:void(0)" onclick="bulkCfpSelectEntries(this)" data-action-route="{{ $actionRoute }}"
    class="btn btn-sm btn-success bulk-button bulk-cfp-selection-button" style="display:none" data-action-route="">Ajouter
    à "{{ $selection->title }}"</a>

@push('after_scripts')
    <script>
        if (typeof bulkCfpSelectEntries != 'function') {
            function bulkCfpSelectEntries(button) {
                var tableId = $(button).parents('[data-target-table]').data('target-table');
                var actionRoute = $(button).data('action-route');
                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 message = ("{!! trans('cfp.bulk_cfp_select') !!}").replace(":number", currentTable.checkedItems.length);
                var button = $(this);

                // show confirm message
                swal({
                    title: "{!! trans('backpack::base.warning') !!}",
                    text: message,
                    icon: "info",
                    buttons: {
                        cancel: {
                            text: "{!! trans('backpack::crud.cancel') !!}",
                            value: null,
                            visible: true,
                            className: "bg-secondary",
                            closeModal: true,
                        },
                        delete: {
                            text: "{!! trans('backpack::crud.add') !!}",
                            value: true,
                            visible: true,
                            className: "bg-primary",
                        }
                    },
                }).then((value) => {
                    if (value) {
                        // Create a new form element
                        const form = document.createElement('form');
                        form.method = 'POST';
                        form.action = actionRoute;

                        // Get CSRF token from meta tag
                        const csrfToken = document.querySelector('meta[name="csrf-token"]').getAttribute('content');
                        const csrfInput = document.createElement('input');
                        csrfInput.type = 'hidden';
                        csrfInput.name = '_token';
                        csrfInput.value = csrfToken;
                        form.appendChild(csrfInput);

                        const entriesInput = document.createElement('input');
                        entriesInput.type = 'hidden';
                        entriesInput.name = "entries";
                        entriesInput.value = currentTable.checkedItems;
                        form.appendChild(entriesInput);

                        // Append the form to the body and submit it
                        document.body.appendChild(form);
                        form.submit();
                    }
                });
            }
        }
    </script>
@endpush