@push('css')
    <link href="{{asset('cms/assets/plugins/custom/datatables/datatables.bundle.css')}}" rel="stylesheet"
          type="text/css"/>
@endpush
<div id="kt_app_toolbar" class="app-toolbar py-3 py-lg-6">
    <div id="kt_app_content" class="app-content flex-column-fluid">
        <!--begin::Content container-->
        <div id="kt_app_content_gallery" class="app-container container-xxl">
            <div class="card card-flush">
                <!--begin::Card body-->
                <div class="card-body">
                    <x-multi-file-upload
                        :original-size="$originalSize"
                        :multi-lang="$multiLang"
                        :action="route('api.multi-file-upload',['locale' => form_locale() ])"
                        :remove="route('api.multi-file-delete')"
                        :model="$model"
                        {{--                            :files="$about->file??[]"--}}
                        params='{
                                    "count" : "10",
                                    "label" : "cms.upload_files",
                                    "name" : "file",
                                    "path" : "{{$model->getFilePath()}}"

                                }'>

                    </x-multi-file-upload>

                    <table id="kt_datatable_file"
                           data-action="{{route('api.gallery.datatable',[ 'model_morph' => $model->getMorphClass() , 'model_id' => $model->id, 'locale' => form_locale()])}}"
                           data-change-main="{{route('api.gallery.change-main-image')}}"
                           data-sort="{{route('api.gallery.sort')}}"
                           class="table align-middle table-row-dashed fs-6 gy-5">
                        <thead>
                        <tr class="text-start text-gray-400 fw-bold fs-7 text-uppercase gs-0">
                            <th class="w-10px pe-2">
                            </th>
                            <th>{{__('cms.file')}}</th>
                            <th>{{__('cms.lang')}}</th>

                            <th>{{__('cms.file_name')}}</th>
                            <th>{{__('cms.order')}}</th>
                            <th>{{__('cms.status')}}</th>
                            <th class="text-end min-w-100px">{{__('cms.actions')}}</th>
                        </tr>
                        </thead>
                        <tbody class="text-gray-600 fw-semibold">
                        </tbody>
                    </table>
                </div>
                <!--end::Card body-->
            </div>
        </div>
    </div>
</div>
@push('tools')
    @include('widgetsGallery::modals.file-edit')
@endpush

@push('scripts')
    <script defer src="{{asset('cms/assets/plugins/custom/datatables/datatables.bundle.js')}}"></script>
@endpush