@props([
    'filter',
    'label',
    'col' => 'col-6 col-md-3',
    'type' => 'select',     // select | text | date | number
    'options' => null,       // associative [value => label] for selects
    'placeholder' => null,
])
<div class="{{ $col }}">
    <label class="form-label">{{ $label }}</label>
    @if($type === 'select')
        <select data-filter="{{ $filter }}" class="form-select form-select-sm">
            <option value="">{{ __('app.all') }}</option>
            @if($options)
                @foreach($options as $val => $text)
                    <option value="{{ $val }}">{{ $text }}</option>
                @endforeach
            @endif
            {{ $slot }}
        </select>
    @else
        <input type="{{ $type }}" data-filter="{{ $filter }}" class="form-control form-control-sm"
               placeholder="{{ $placeholder }}">
    @endif
</div>