@if(backpack_user()->can('clone', $entry))
    <a href="javascript:void(0)" id="button_inline_clone" class="btn btn-circle-clone btn-xs btn-default" onclick="EmailCampaignClone(this)"
       data-button-type="clone" data-title="{{$entry->title}}" data-model-id="{{$entry->getKey()}}">
        <i class="la la-clone"></i>
    </a>

    <div id="EmailCampaignClone" class="modal fade" tabindex="-1" role="dialog" style="background-color: rgba(9,11,8,0.5);">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">複製推廣電郵</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="card" style="background: none; box-shadow: none;">
                        <div class="row">
                            <form class="EmailCampaignCloneForm" style="width: 100%;">
                                <input type="hidden" name="email_campaign_id" class="email_campaign_id">
                            </form>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default btn-normal-cancel" data-dismiss="modal">
                        {{ trans("backpack::common/button.cancel.name") }}
                    </button>
                    <button type="button" id="clone_button" class="btn btn-normal-create" onclick="ajaxEmailCampaignClone()">
                        {{ trans("backpack::common/button.clone.name") }}
                    </button>
                </div>
            </div>
        </div>
    </div>
@endif

{{-- Button Javascript --}}{{-- - used right away in AJAX operations (ex: List) --}}{{-- - pushed to the end of the page, after jQuery is loaded, for non-AJAX operations (ex: Show) --}}
@push('after_scripts') @if (request()->ajax()) @endpush @endif
<script>

    var email_campaign_id = '';
    if (typeof EmailCampaignClone != 'function') {
        var isEmailCampaignCloneLoading = false;
        $("[data-button-type=clone]").unbind('click');

        function EmailCampaignClone(_button) {
            // ask for confirmation before deleting an item
            // e.preventDefault();
            let button = $(_button);
            let route = button.data('route');
            let model_pop = $('#EmailCampaignClone');
            model_pop.data("email-campaign-route", route);
            model_pop.find('.modal-body .row').html("<div class='col' style='font-size: 16px'>是否複製推廣電郵" + button.data('title') + "?</div>");
            model_pop.modal('show');

            $('.modal-backdrop').hide();

            setTimeout(function () {
                model_pop.removeAttr("tabindex");
            }, 500)

            email_campaign_id = button.data('model-id');
        }
    }

    function ajaxEmailCampaignClone() {
        if (isEmailCampaignCloneLoading) {
            return;
        }
        isEmailCampaignCloneLoading = true;

        $.ajax({
            'url': "{{route('admin.email_campaign.clone')}}",
            'type': 'put',
            'data': {
                'email_campaign_id': email_campaign_id
            },
            'success': function (response) {
                location.reload();
            },
            'error': function (response) {
                isEmailCampaignCloneLoading = false;

                // Show an alert with the result
                new Noty({
                    type: "warning",
                    text: "<strong>複製失敗。</strong><br>無法複製{{$crud->entity_name}}，請稍後再試。"
                }).show();

                $.each(JSON.parse(response.responseText)['errors'], function (key, error) {
                    new Noty({
                        text: error,
                        type: 'error'
                    }).show();
                });
            }
        })
    }

    // make it so that the function above is run after each DataTable draw event
    // crud.addFunctionToDataTablesDrawEventQueue('cloneEntry');
</script>
@if (!request()->ajax()) @endpush @endif