@props(['model', 'options', 'selected' => null, 'placeholder' => 'All'])

{{--
    Same header-row-filter slot as th-filter.blade.php, but for a genuinely enumerated
    column (a fixed, small vocabulary - status, type, movement type, an expiry bucket -
    or a bounded admin-curated list like category/warehouse/role) where picking from a
    list is more correct than typing free text. Renders the same searchable combobox as
    x-searchable-select (not a native <select>): a native select's closed-state text
    doesn't reliably respect text-overflow/ellipsis across browsers, which is exactly
    what made a narrow column's dropdown ("Any stock level", "Any status") look cramped
    and hard-clipped rather than cleanly truncated. `options` takes the same shape
    x-searchable-select expects - a collection/array of objects or ['id' => ..., 'name'
    => ...] arrays. Free-text columns (name, phone, city, SKU, invoice/PO number...)
    still use th-filter.blade.php.
--}}
<th class="px-4 py-2 bg-gray-50 dark:bg-gray-900/40 border-t border-gray-100 dark:border-gray-700">
    <x-searchable-select :wire-model="$model" :options="$options" :selected="$selected" :placeholder="$placeholder" class="text-xs py-1 px-2" />
</th>