use Acun\Ui\Livewire\Concerns\WithListing;
use Acun\Ui\Search\SearchField;
use Acun\Ui\Search\SearchMode;

new class extends Component
{
    use WithListing;

    public string $durum = '';

    protected function defaultSortField(): string
    {
        return 'ad';
    }

    protected function sortableFields(): array
    {
        return ['ad', 'stok_kodu'];
    }

    protected function currentPageKeys(): array
    {
        return $this->sorgu()->forPage($this->getPage(), $this->perPage)->pluck('id')->all();
    }

    public function updatedDurum(): void
    {
        $this->resetPage();
        $this->clearSelection();
    }

    // Ürün adında içinde geçen sözcük, stok kodunda baştan (ad_search, stok_kodu_search kolonları).
    protected function searchFields(): array
    {
        return [SearchField::make('ad', SearchMode::Contains), SearchField::make('stok_kodu')];
    }

    private function sorgu(): Builder
    {
        return $this->applySearch(Urun::query())
            ->when($this->durum !== '', fn ($q) => $q->where('aktif_mi', $this->durum))
            ->orderBy($this->sortField, $this->sortDirection);
    }

    public function with(): array
    {
        $this->fillPageSelection();

        return ['urunler' => $this->sorgu()->paginate($this->perPage)];
    }
};

<acun:list-toolbar>
    <acun:search wire:model.live.debounce.400ms="search" placeholder="Ürün adı veya stok kodu" />
    <acun:slot:actions>
        <acun:filter-button drawer="urun-filtreler" :count="$durum !== '' ? 1 : 0" />
    </acun:slot:actions>
</acun:list-toolbar>

<acun:selection-bar :count="count($selected)" :all-matching="$allMatchingSelected" :total="$urunler->total()">
    <acun:modal.trigger name="urun-toplu-sil"><acun:button variant="danger" size="sm">Sil</acun:button></acun:modal.trigger>
</acun:selection-bar>

<acun:table>
    <table class="ui-table">
        <thead>
            <tr>
                <th class="w-10"><acun:checkbox wire:model.live="pageSelected" aria-label="Sayfadakilerin tümünü seç" /></th>
                <acun:sortable-th field="ad" :sort-field="$sortField" :sort-direction="$sortDirection">Ürün Adı</acun:sortable-th>
                <acun:sortable-th field="stok_kodu" :sort-field="$sortField" :sort-direction="$sortDirection">Stok Kodu</acun:sortable-th>
            </tr>
        </thead>
        <tbody>
            @foreach ($urunler as $urun)
                <tr wire:key="urun-{{ $urun->id }}">
                    <td><acun:checkbox wire:model.live="selected" value="{{ $urun->id }}" /></td>
                    <td>{{ $urun->ad }}</td>
                    <td>{{ $urun->stok_kodu }}</td>
                </tr>
            @endforeach
        </tbody>
    </table>
</acun:table>

{{ $urunler->links() }}

// Migration
Schema::table('musteriler', function (Blueprint $table) {
    $table->searchColumn('vergi_no');                        // vergi_no_search + indeks
    $table->searchColumn(['ad', 'soyad'], 'ad_soyad_search'); // "Ayşe Yılmaz" birleşik aranır
});

// Bileşen
protected function searchFields(): array
{
    return [
        SearchField::make('vergi_no', SearchMode::Exact),
        SearchField::column('ad_soyad_search', SearchMode::Contains),
    ];
}