@push('after_scripts')
    @php
        $config = [
             'button_id'             => "#btn-quotation-void",
             'title'                 => trans('backpack::quotation.message.action_question', ['action' => trans('backpack::quotation_inquiry.button.void')]),
             'buttons_confirm_label' => __('backpack::quotation_inquiry.button.void'),
             'buttons_cancel_label'  => __('backpack::crud.cancel'),
             'action_url'            => route('admin.quotation_inquiry.void', ['quotation_inquiry_id' => $crud->entry->getKey()]),
             'method'                => "PUT",
             'action_type'           => "api",
             'bootbox_type'          => "prompt",
             'action_include'        => "backpack::crud.buttons.quotation.inquiry.void.void_button_action",
         ];
    @endphp

    <script>
        $("#btn-quotation-void").click(function() {
            @include('backpack::crud.buttons.active_script.button_action_script', ['config' => $config])

            bootbox_dialog.init(function() {
                bootbox_dialog.removeAttr("tabindex");

                quotationVoidAddReason(bootbox_dialog);
                quotationVoidAddUnit(bootbox_dialog);
                quotationVoidAddHint(bootbox_dialog);
            })
        });

        function quotationVoidAddUnit(bootbox) {
            // Add select unit
            let html = '';
            html += '<p class="text-size-s">如有多於一個單位參與此報價工作，在您取消報價工作後並不會影響其他參與的單位繼續新增或修改此報價工作為學校提供服務。</p>'
            html += '<div class="mb-3">';
            html += '   <select class="void-select-unit mb-1" name="unit_selector">';
            html += '   </select>';
            html += '</div>';

            bootbox.find(".bootbox-form").prepend(html);
            bootbox.find(".bootbox-form .void-select-unit").select2({
                theme: "bootstrap",
                placeholder: "請選擇單位",
                ajax: {
                    url: '{{ route('admin.quotation_inquiry.void_allow_unit', ['quotation_inquiry_id' => $crud->entry->getKey()]) }}',
                    dataType: 'json'
                    // Additional AJAX parameters go here; see the end of this chapter for the full code of this example
                }
            });
        }

        function quotationVoidAddReason(bootbox) {
            let html = '';
            html = '<div class="mb-3">';
            html += '   <select class="void-select-reason mb-1" name="unit_void_reason">';
            html += '       <option disabled selected>請選擇原因</option>';
            html += '       <option value="本單位沒有提供此服務">本單位沒有提供此服務</option>';
            html += '       <option value="報價工作重複">報價工作重複</option>';
            html += '       <option value="其他單位較合適此報價工作">其他單位較合適此報價工作</option>';
            html += '       <option value="與學校未能就報價內容能到共識">與學校未能就報價內容能到共識</option>';
            html += '       <option value="學校已另外購買服務">學校已另外購買服務</option>';
            html += '       <option value="當天未有足夠導師或同事應付服務需要">當天未有足夠導師或同事應付服務需要</option>';
            html += '       <option value="">其他(請註明原因)</option>';
            html += '   </select>';
            html += '</div>';

            bootbox.find(".bootbox-form").prepend(html);
            let reasonSelect2 = bootbox.find(".bootbox-form .void-select-reason").select2({
                theme: "bootstrap",
            }).on('change', function (event) {
                bootbox.find(".bootbox-input").val($(event.target).val());
            });
        }

        function quotationVoidAddHint(bootbox) {
            let html = '';
            html += '<div class="mt-2">';
            html += '    <p class="mb-0">* 取消原因會發送到老師電郵中</p>';
            html += '</div>';

            bootbox.find(".bootbox-form").append(html);
        }
    </script>
@endpush