{{--
    The Search / Filter panel of an admin list (App\Support\ListFilter).
    $filters  the ListFilter
    $action   the list's URL
    $keep     query parameters the panel does not own but must not drop,
              e.g. the status tab: ['status' => request('status')]
--}}
@php $keep = array_filter($keep ?? [], fn ($v) => $v !== null && $v !== ''); @endphp
<details class="card" style="margin-bottom:12px;" @if($filters->isFiltered()) open @endif>
    <summary class="card-header" style="cursor:pointer;display:flex;align-items:center;gap:8px;">
        <i class="fas fa-filter" style="color:#1a4d80;"></i>
        <strong>{{ __('admin.filters.title') }}</strong>
        @if($filters->isFiltered())<span class="badge badge-pending" style="font-size:10px;">{{ count($filters->chips()) }}</span>@endif
    </summary>
    <div class="card-body" style="padding:12px 16px;">
        <form method="GET" action="{{ $action }}">
            @foreach($keep as $k => $v)<input type="hidden" name="{{ $k }}" value="{{ $v }}">@endforeach
            <input type="hidden" name="sort" value="{{ $filters->sort }}">
            <input type="hidden" name="dir" value="{{ $filters->dir }}">
            <div style="display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px 14px;">
                @foreach($filters->fields as $name => $spec)
                @php $type = $spec['type'] ?? 'text'; $id = 'flt-'.$name; @endphp
                <div class="form-group" style="margin:0;{{ $type === 'search' ? 'grid-column:span 2;' : '' }}">
                    <label class="form-label" for="{{ $id }}" style="font-size:12px;">{{ $spec['label'] ?? $name }}</label>
                    @if($type === 'select')
                        <select name="{{ $name }}" id="{{ $id }}" class="form-control input-sm">
                            <option value="">{{ __('admin.filters.any') }}</option>
                            @foreach($spec['options'] ?? [] as $val => $label)
                            <option value="{{ $val }}" @selected((string) $filters->value($name) === (string) $val)>{{ $label }}</option>
                            @endforeach
                        </select>
                    @elseif($type === 'date_range' || $type === 'number_range')
                        @php [$a, $b] = $type === 'date_range' ? ['_from', '_to'] : ['_min', '_max']; $input = $type === 'date_range' ? 'date' : 'number'; @endphp
                        <div style="display:flex;gap:4px;align-items:center;">
                            <input type="{{ $input }}" @if($input === 'number') step="any" @endif name="{{ $name.$a }}" id="{{ $id }}" value="{{ $filters->value($name.$a) }}" class="form-control input-sm" placeholder="{{ __('admin.filters'.($input === 'date' ? '.from' : '.min')) }}" aria-label="{{ ($spec['label'] ?? $name).' '.__('admin.filters'.($input === 'date' ? '.from' : '.min')) }}">
                            <span style="color:#999;">–</span>
                            <input type="{{ $input }}" @if($input === 'number') step="any" @endif name="{{ $name.$b }}" value="{{ $filters->value($name.$b) }}" class="form-control input-sm" placeholder="{{ __('admin.filters'.($input === 'date' ? '.to' : '.max')) }}" aria-label="{{ ($spec['label'] ?? $name).' '.__('admin.filters'.($input === 'date' ? '.to' : '.max')) }}">
                        </div>
                    @else
                        <input type="text" name="{{ $name }}" id="{{ $id }}" value="{{ $filters->value($name) }}" class="form-control input-sm" placeholder="{{ $spec['placeholder'] ?? '' }}">
                    @endif
                </div>
                @endforeach
                <div class="form-group" style="margin:0;">
                    <label class="form-label" for="flt-per-page" style="font-size:12px;">{{ __('admin.filters.per_page') }}</label>
                    <select name="per_page" id="flt-per-page" class="form-control input-sm">
                        @foreach(\App\Support\ListFilter::PER_PAGE as $n)<option value="{{ $n }}" @selected($filters->perPage === $n)>{{ $n }}</option>@endforeach
                    </select>
                </div>
            </div>
            <div style="margin-top:10px;display:flex;gap:6px;">
                <button type="submit" class="btn btn-primary btn-sm">{{ __('admin.filters.apply') }}</button>
                <a href="{{ $action.($keep ? '?'.http_build_query($keep) : '') }}" class="btn btn-default btn-sm">{{ __('admin.filters.clear') }}</a>
            </div>
        </form>
    </div>
</details>
@if($filters->isFiltered())
<div style="display:flex;flex-wrap:wrap;gap:6px;margin:-4px 0 12px;font-size:12px;">
    @foreach($filters->chips() as $chip)
    <a href="{{ $chip['url'] }}" title="{{ __('admin.filters.remove') }}" style="display:inline-flex;gap:4px;align-items:center;padding:3px 10px;border-radius:12px;background:#e8f0f8;color:#1a4d80;text-decoration:none;">
        <span style="color:#555;">{{ $chip['label'] }}:</span> <strong>{{ $chip['value'] }}</strong> <span aria-hidden="true">×</span>
    </a>
    @endforeach
</div>
@endif