{{--
    Reusable filter bar. Renders any App\Support\Filters\FilterSet with the same
    layout on every page.

        @include('admin.inventory.partials.filter_bar', ['filters' => $filters])

    Collapsed by default so it costs one row of space; opens automatically when
    something is filtering. Active filters show as chips outside the collapsible
    panel, so they stay visible even when it is shut.

    Optional: 'action' to post to a different URL than the current one.
--}}
@php
    /** @var \App\Support\Filters\FilterSet $filters */
    $filterAction = $action ?? url()->current();
@endphp

<form method="get" action="{{ $filterAction }}" class="filter-bar" role="search">
    @foreach ($filters->passthrough() as $name => $value)
        <input type="hidden" name="{{ $name }}" value="{{ $value }}">
    @endforeach

    <details class="filter-bar-panel"{{ $filters->isActive() ? ' open' : '' }}>
        <summary class="filter-bar-summary">
            <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none"
                 stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
                <polygon points="22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3"></polygon>
            </svg>
            <span class="filter-bar-summary-label">Filters</span>
            @if ($filters->count())
                <span class="filter-bar-badge">{{ $filters->count() }}</span>
            @endif
            <span class="filter-bar-chevron" aria-hidden="true">
                <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none"
                     stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                    <polyline points="6 9 12 15 18 9"></polyline>
                </svg>
            </span>
        </summary>

        <div class="filter-bar-grid">
            @foreach ($filters->filters() as $filter)
                <div class="filter-field{{ $filter->wide ? ' filter-field-wide' : '' }}">
                    <label for="filter-{{ $filter->key }}">{{ $filter->label }}</label>

                    @switch($filter->type)
                        @case(\App\Support\Filters\Filter::TYPE_SELECT)
                            <select id="filter-{{ $filter->key }}" name="{{ $filter->key }}">
                                <option value="">{{ $filter->anyLabel }}</option>
                                @foreach ($filter->options as $optionValue => $optionLabel)
                                    <option value="{{ $optionValue }}" @selected($filters->input($filter->key) === (string) $optionValue)>
                                        {{ $optionLabel }}
                                    </option>
                                @endforeach
                            </select>
                            @break

                        @case(\App\Support\Filters\Filter::TYPE_DATE)
                            <input type="date" id="filter-{{ $filter->key }}" name="{{ $filter->key }}" value="{{ $filters->input($filter->key) }}">
                            @break

                        @case(\App\Support\Filters\Filter::TYPE_DATE_RANGE)
                            @php([$fromKey, $toKey] = $filter->keys())
                            <div class="filter-range">
                                <input type="date" id="filter-{{ $filter->key }}" name="{{ $fromKey }}" value="{{ $filters->input($fromKey) }}" aria-label="{{ $filter->label }} from">
                                <span aria-hidden="true">–</span>
                                <input type="date" name="{{ $toKey }}" value="{{ $filters->input($toKey) }}" aria-label="{{ $filter->label }} to">
                            </div>
                            @break

                        @case(\App\Support\Filters\Filter::TYPE_NUMBER_RANGE)
                            @php([$minKey, $maxKey] = $filter->keys())
                            <div class="filter-range">
                                <input type="number" step="any" id="filter-{{ $filter->key }}" name="{{ $minKey }}" value="{{ $filters->input($minKey) }}" placeholder="Min" aria-label="{{ $filter->label }} minimum">
                                <span aria-hidden="true">–</span>
                                <input type="number" step="any" name="{{ $maxKey }}" value="{{ $filters->input($maxKey) }}" placeholder="Max" aria-label="{{ $filter->label }} maximum">
                            </div>
                            @break

                        @default
                            <input type="text" id="filter-{{ $filter->key }}" name="{{ $filter->key }}"
                                   value="{{ $filters->input($filter->key) }}"
                                   @if ($filter->placeholder) placeholder="{{ $filter->placeholder }}" @endif>
                    @endswitch
                </div>
            @endforeach
        </div>

        <div class="filter-bar-actions">
            <button type="submit" class="btn btn-sm">Apply filters</button>
            @if ($filters->isActive())
                <a href="{{ $filters->resetUrl() }}" class="btn btn-secondary btn-sm">Reset</a>
            @endif
        </div>
    </details>

    @if ($filters->isActive())
        <div class="filter-chips">
            @foreach ($filters->chips() as $chip)
                <a class="filter-chip" href="{{ $chip['removeUrl'] }}" title="Remove this filter">
                    <span class="filter-chip-label">{{ $chip['label'] }}:</span>
                    <span class="filter-chip-value">{{ $chip['value'] }}</span>
                    <span class="filter-chip-x" aria-hidden="true">&times;</span>
                </a>
            @endforeach
        </div>
    @endif
</form>