{{-- wrapper --}}
<div data-bs-toggle="tooltip" data-bss-tooltip="" class="select--single-wrapper" title="{{ __('Browse Files') }}"
    wire:ignore>
    <select class="form--select form--select2 init--select init--select-switch" data-placeholder="{{ __('Select File')
        }}" data-instance='searchFile'>
        <option value="" selected=""></option>

        @foreach ($files ?? [] as $singleFile)
        <option value="{{$singleFile->id}}">{{$singleFile->serial}}</option>
        @endforeach
    </select>










    {{-- ----------------------------------------------------- --}}
    {{-- ----------------------------------------------------- --}}









    {{-- selectHandler --}}
    <script>
        $(".init--select-switch").on("change", function (event) {

            // 1.1: getValue - instance
            selectValue = $(this).select2('val');
            instance = $(this).attr('data-instance');




            // :: exists
            if (selectValue) {

                @this.set(instance, selectValue);
                @this.switchFile();

            } // end if

        }); //end function
    </script>






    {{-- ----------------------------------------------------- --}}
    {{-- ----------------------------------------------------- --}}







</div>
{{-- end wrapper --}}