@php
    $url = isset($url) ? $url : '';
@endphp

<div class="modal fade gino-modal" id="downloadExportedFileModal" tabindex="-1" role="dialog"
    aria-labelledby="downloadExportedFileModalLabel" aria-hidden="true" data-backdrop="static" data-keyboard="false">
    <div class="modal-dialog" role="document">
        <div class="modal-content custom-modal-content">
            <div class="modal-header bg-light border-0">
                <h6 class="modal-title" id="downloadExportedFileModalLabel">
                    {{ trans('label.download_file') }}
                </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>

            <div class="modal-body p-20">
                <div class="row">
                    <div>
                        <file-list :file="exportedFile" :show_delete_button="false"></file-list>
                    </div>
                </div>
            </div>
            <div class="modal-footer justify-content-end gap-2 border-0 p-3 pt-0">
                <div v-if="createLoading">
                    <div class="spinner-border">
                        <span class="visually-hidden">Loading...</span>
                    </div>
                </div>
                <a :href="`{{ route('view.file.download') }}/` + exportedFile.file_id" class="btn btn-primary">
                    {{ trans('label.download') }}
                </a>
                <div class="btn btn-light" data-bs-dismiss="modal" aria-hidden="true">
                    {{ trans('label.close') }}
                </div>
                {{-- <button type="submit" class="btn btn-primary ">
                        {{ trans('label.save') }}
                </button> --}}
            </div>
        </div>
    </div>
</div>

@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="document">

        <form class="modal-content custom-modal-content" :action="`{{ $url }}/` + exportFileType"
            method="post" enctype="multipart/form-data">
            @csrf
            <input type="hidden" name="selected" :value="JSON.stringify(selected)">
            <input type="hidden" name="columns" :value="JSON.stringify(exportColumns)">
            <div class="modal-header bg-light border-0 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>
            <div class="modal-body p-20">
                <div class="d-flex flex-column p-3">
                    <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 align-self-start ms-auto">
                            <label :for="`exportcol${key}`" class="user-select-none">
                                (( item.str_val1 ))
                            </label>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer justify-content-end gap-2">
                <div v-if="createLoading">
                    <div class="spinner-border">
                        <span class="visually-hidden">Loading...</span>
                    </div>
                </div>
                <button type="submit" class="btn btn-primary">
                    {{ trans('label.save') }}
                </button>
                <div class="btn btn-light" data-bs-dismiss="modal" aria-hidden="true">
                    {{ trans('label.cancel') }}
                </div>
            </div>
        </form>
    </div>
</div>