<div class="flex flex-wrap items-center gap-4 p-4 bg-gray-50 rounded-lg mb-4">
    <div class="flex-1 min-w-[200px]">
        @include('livewire-tables::components.tools.filters.text-field', [
            'filter' => $this->getFilterByKey('code'),
            'placeholder' => 'Buscar código',
        ])
    </div>
    
    <div class="flex-1 min-w-[200px]">
        @include('livewire-tables::components.tools.filters.text-field', [
            'filter' => $this->getFilterByKey('name'),
            'placeholder' => 'Buscar nombre',
        ])
    </div>
    
    <div class="flex-1 min-w-[150px]">
        @include('livewire-tables::components.tools.filters.dropdown', [
            'filter' => $this->getFilterByKey('status'),
        ])
    </div>
    
    <div class="flex-1 min-w-[150px]">
        @include('livewire-tables::components.tools.filters.dropdown', [
            'filter' => $this->getFilterByKey('discipline'),
        ])
    </div>

    <div class="flex items-center gap-2">
        <button wire:click="clearFilters" class="px-3 py-2 text-sm text-gray-600 bg-white border border-gray-300 rounded hover:bg-gray-50">
            Limpiar
        </button>
    </div>
</div>