@aware(['component'])

<div class="dataTable-top">
        
    <div class="dataTable-dropdown">
        
            <select name="perPage" class="form-select" wire:model="perPage">
                @foreach(config('datatable.per_page_options', [ 10, 25, 50, 100 ]) as $per_page_option)
                    <option value="{{ $per_page_option }}">{{ $per_page_option }}</option>
                @endforeach
                <option value="99999999">{{__('All')}}</option>
            </select>
       
    </div>

    <div class="dataTable-search">
        @if($this->searchableColumns()->count())
            <input 
                wire:model.debounce.500ms="search" 
                type="search" 
                class="form-control w-100" 
                placeholder="{{__('Rechercher dans:')}} {{ $this->searchableColumns()->map->label->join(', ') }}" 
            />
        @endif
    </div>

</div>