{{-- Фільтри списку текстів: мова, пошук за назвою/мовою (вбудований search) і пошук слів у самих текстах --}}
<div class="flex w-full flex-wrap gap-3 md:items-center" data-texts-filters>
    <flux:select id="texts-language-filter" wire:model.live="filterComponents.language_id" aria-label="Фільтр за мовою" class="w-full md:w-auto">
        @foreach ($this->getFilterByKey('language_id')->getOptions() as $value => $label)
            <option value="{{ $value }}">Мова: {{ $label }}</option>
        @endforeach
    </flux:select>
    <flux:input
        id="texts-search"
        maxlength="255"
        type="search"
        wire:model.live.debounce.400ms="search"
        placeholder="Назва або мова"
        aria-label="Пошук за назвою або мовою"
        class="w-full md:w-40"
    />
    <flux:input
        id="texts-word-search"
        maxlength="255"
        title="До 10 слів, максимум 255 символів"
        type="search"
        wire:model.live.debounce.400ms="wordSearch"
        placeholder="Слова в тексті"
        aria-label="Пошук слів у текстах"
        class="w-full md:w-40"
    />
</div>