@php 
    $label_form_no = isset($label_form_no) ? $label_form_no : '';
@endphp
<div class="modal fade gino-modal" id="exportModal" tabindex="-1" role="dialog" aria-labelledby="exportModalLabel"
    aria-hidden="true">
    <div class="modal-dialog " role="file">
        <div class="modal-content custom-modal-content">
            <div class="modal-header border-0  bg-light p-3">
                <h6 class="modal-title" id="exportModalLabel">
                    <span v-if=" this.exportFileType == 'csv'">
                        {{$label_form_no}}{{ trans('label.output_csv') }}
                    </span>
                    <span v-else>
                        {{$label_form_no}}{{ trans('label.output_excel') }}
                    </span>
                </h6>
                    <button type="button" class="btn btn-sm btn-maximize"><svg xmlns="http://www.w3.org/2000/svg" class="full-screen-open full-screen-icon header-link-icon" height="24px" viewBox="0 0 24 24" width="24px" fill="currentColor">
                         <path d="M0 0h24v24H0V0z" fill="none"></path>
                         <path d="M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z"></path>
                     </svg>
                     <svg xmlns="http://www.w3.org/2000/svg" class="full-screen-close full-screen-icon header-link-icon d-none" fill="currentColor" height="24" viewBox="0 -960 960 960" width="24">
                         <path d="M320-200v-120H200v-80h200v200h-80Zm240 0v-200h200v80H640v120h-80ZM200-560v-80h120v-120h80v200H200Zm360 0v-200h80v120h120v80H560Z"></path>
                     </svg></button>
                <button type="button" class="btn-close btn-close-black " data-bs-dismiss="modal" aria-label="{{ trans('label.close') }}"><span aria-hidden="true">&times;</span>
                </button>
            </div>
            <form @submit.prevent="exportFormSubmit" ref="exportForm" id="exportForm" method="post"
                enctype="multipart/form-data">
                <div class="modal-body p-20">
                    <div class="d-flex p-3 flex-column">
                        <div class="row">
                            <div v-for="(item,key) in exportColumns" class="col-6 mb-3">
                                <input type="checkbox" :id="`exportcol${key}`" v-model="item.num_val1"
                                    class="gino-checkbox form-check-input ms-auto align-self-start">
                                <label :for="`exportcol${key}`" class="user-select-none">
                                    (( item.str_val1 ))
                                </label>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer border-0 p-3 pt-0 gap-2 justify-content-end">
                    <div v-if="createLoading">
                        <div class="spinner-border">
                            <span class="visually-hidden">Loading...</span>
                        </div>
                    </div>
                    <div class="btn btn-light" data-bs-dismiss="modal" aria-hidden="true">
                        {{ trans('label.cancel') }}
                    </div>
                    <button type="submit" class="btn btn-primary ">
                        {{ trans('label.save') }}
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>