@php
    $searchId = $searchId ?? 'adminTableSearch';
    $placeholder = $searchPlaceholder ?? 'Search this list…';
@endphp

<div class="card mb-3 admin-table-search-panel">
    <div class="card-body py-2">
        <div class="d-flex flex-wrap align-items-end gap-3">
            <div class="flex-grow-1" style="min-width: 220px;">
                <label for="{{ $searchId }}" class="mb-1 font-weight-bold">Search</label>
                <input
                    type="search"
                    id="{{ $searchId }}"
                    class="form-control admin-table-search-input"
                    placeholder="{{ $placeholder }}"
                    autocomplete="off"
                >
            </div>

            @if(!empty($filterOptions))
                <div style="min-width: 220px;">
                    <label for="{{ $searchId }}Filter" class="mb-1 font-weight-bold">{{ $filterLabel ?? 'Filter' }}</label>
                    <select
                        id="{{ $searchId }}Filter"
                        class="form-control admin-table-filter-select"
                        data-filter-attribute="{{ $filterDataAttribute ?? 'data-filter-value' }}"
                    >
                        <option value="">{{ $filterAllLabel ?? 'All' }}</option>
                        @foreach($filterOptions as $option)
                            <option value="{{ $option['value'] }}">{{ $option['label'] }}</option>
                        @endforeach
                    </select>
                </div>
            @endif
        </div>
        <small class="form-text text-muted mb-0 admin-table-search-hint"></small>
        <p class="text-muted small mb-0 mt-1 d-none admin-table-search-empty">No rows match your search.</p>
    </div>
</div>