@if(backpack_user()->can('clone',$entry))
    <a href="javascript:void(0)"
       class="btn btn-circle-clone btn-xs btn-default"
       onclick="QuotationClone(this)"
       data-route="{{ url($crud->route.'/'.$entry->getKey().'/clone?quotation_inquiry_id='.$entry->quotation_inquiry_id) }}"
       data-button-type="clone"
       data-programme-name="{{$entry->programme_name}}"
       data-quotation-id="{{ $entry->getKey() }}">
        <i class="la la-clone"></i>
    </a>
@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>
    if (typeof QuotationClone != 'function') {
        var isQuotationCloneLoading = false;
        $("[data-button-type=clone]").unbind('click');

        function QuotationClone(_button) {
            // ask for confirmation before deleting an item
            // e.preventDefault();
            let button = $(_button);
            let route = button.attr('data-route');
            let model_pop = $('#QuotationClone');
            model_pop.attr("data-quotation-route", route);
            model_pop.on('shown.bs.modal', function (e) {
                initializeFieldsWithJavascript("#QuotationClone", button.attr('data-quotation-id'));
            })

            model_pop.find('.modal-body .row').html("<div class=\'col\'>是否{{ trans('backpack::quotation.button.clone') }}" + button.data('programme-name') + "?</div>");
            model_pop.modal('show');
            setTimeout(function () {
                model_pop.removeAttr("tabindex");
            }, 500)
        }
    }

    function ajaxQuotationClone(){

        if (isQuotationCloneLoading) {
            return;
        }
        isQuotationCloneLoading = true;

        callAjax($('#clone_button'), {
            'type': 'put',
            'url': $('#QuotationClone').data('quotation-route'),
        }, function(response){
            location.reload();
        }, function(response){
            console.log(isQuotationCloneLoading);
            isQuotationCloneLoading = 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