@php
    if($params->translate ?? false)
        {
            # test transform to test_en
            $params->server_side_name =  $params->server_side_name . '_' . form_locale();
        }
         # test[0][title] transform to test.0.title
         $transformedName = preg_replace('/\[(.*)\]/mU', '.$1', $params->name);

@endphp
@props([
 'label' =>  isset($params->label) && str_starts_with($params->label,'cms.') ? trans($params->label,locale: form_locale()) : $params->label ?? '',
 'count'=>  $params->count??1,
 'value' =>  $params->value ?? old($transformedName) ?? '',
 'required' =>  isset($params->required) ? 'required' : '',
 'hasError' => $errors->has($transformedName) ? 'is-invalid' : '',
  "action" => $params->action,
  "remove" => $params->remove,
  "files" => $params->files ?? [],
  "path" => $params->path ?? "",
  "model" => $params->model ?? "",
  "model_id" => $params->model_id ?? "",
  "uuid" => $params->uuid ?? "",
  'original_size' => $params->original_size ?? false,
    'multiLang' => $params->multi_lang ?? false,
])
<div class="row fv-row mb-7">
    <div class=" d-flex justify-content-between w-100 align-items-center">
        @if($original_size)
            <div class="form-check ms-2">
                <input class="form-check-input" type="checkbox" value="" name="original_size" id="flexCheckDefault"/>
                <label class="form-check-label" for="flexCheckDefault">
                    Save Original Size
                </label>
            </div>
        @endif
        @if($multiLang)
            <div class="w-200px d-flex align-items-center  ">
                <!--begin::Select2-->
                <select class="form-select media_locale form-select" name="media_lang"
                        data-hide-search="true" data-placeholder="Locale">
                    <option></option>
                    <option value="all" selected
                            data-kt-select2-country="{{ asset('cms/assets/media/icons/duotune/communication/com001.svg') }}"
                    >All
                    </option>
                    @foreach(app_locales() as $locale)
                        <option @selected(form_locale() == $locale->code) value="{{$locale->code}}"
                                data-kt-select2-country="{{ asset('cms/assets/media/flags/' .$locale->flag .'.svg') }}">{{$locale->name}}</option>

                    @endforeach
                </select>
                <!--end::Select2-->
            </div>

        @endif
    </div>
    <div class="col-12 mt-2 mb-2">
        @if((is_array($files) || is_object($files)) && isset($files[0]))
            @foreach($files as $file)
                <span class="preview-file"
                      data-original="{{$file->original_name}}"
                      data-hash="{{$file->file_name}}"
                      data-path="{{$path}}"
                      data-size="{{$file->size}}"
                      data-url="{{asset("storage/$path/$file->file_name")}}"
                      data-tumbnail="{{asset("storage/$path/$file->file_name")}}"
                      data-file_name="{{$file->file_name}}"
                ></span>
            @endforeach
        @elseif(isset($files->original_name))
            <span class="preview-file"
                  data-original="{{$files->original_name}}"
                  data-hash="{{$files->file_name}}"
                  data-path="{{$path}}"
                  data-size="{{$files->size}}"
                  data-url="{{asset("storage/$path/$files->file_name")}}"
                  data-file_name="{{$files->file_name}}"
            ></span>
        @endif
        <div class="dropzone dropzone_multiple" id="dz_{{Str::random(6)}}"
             data-action="{{$action}}"
             data-remove="{{$remove}}"
             data-path="{{$path}}"
             data-model="{{$model}}"
             data-model_id="{{$model_id}}"
             data-count="{{$count}}"
             data-uuid="{{$uuid}}"
        >
            <div class="dz-message needsclick">
                <i class="ki-duotone ki-file-up fs-3x text-primary">
                    <span class="path1"></span>
                    <span class="path2"></span>
                </i>
                <div class="ms-4">
                    <h3 class="fs-5 fw-bold text-gray-900 mb-1">{{$label}}</h3>
                    <span class="fs-7 fw-semibold text-gray-400">Upload up to {{$count}} files</span>
                </div>
            </div>
        </div>
    </div>
</div>