{{--
    One dynamic filter control, built from the attribute's own definition.

    Nothing here names a field. An administrator binding "Fuel" to Vehicles gets
    a working filter on the next page load, which is the whole point of the
    attribute engine.
--}}
@php
    $current = data_get(request('attr', []), $filter['code']);
    $id = 'filter-'.$filter['code'];
    $label = $filter['name'].($filter['unit'] ? ' ('.$filter['unit'].')' : '');
@endphp

<div>
    @if ($filter['rangeable'])
        <fieldset>
            <legend class="form-label">{{ $label }}</legend>

            <div class="grid gap-3 xs:grid-cols-2">
                <div>
                    <label for="{{ $id }}-min" class="sr-only">{{ __('Minimum :field', ['field' => $filter['name']]) }}</label>
                    <input id="{{ $id }}-min" type="number" name="attr[{{ $filter['code'] }}][min]"
                           value="{{ data_get($current, 'min') }}" placeholder="{{ __('Min') }}"
                           @isset($filter['min']) min="{{ $filter['min'] }}" @endisset
                           class="form-input">
                </div>

                <div>
                    <label for="{{ $id }}-max" class="sr-only">{{ __('Maximum :field', ['field' => $filter['name']]) }}</label>
                    <input id="{{ $id }}-max" type="number" name="attr[{{ $filter['code'] }}][max]"
                           value="{{ data_get($current, 'max') }}" placeholder="{{ __('Max') }}"
                           @isset($filter['max']) max="{{ $filter['max'] }}" @endisset
                           class="form-input">
                </div>
            </div>
        </fieldset>
    @elseif ($filter['multiple'] && $filter['options'])
        <fieldset>
            <legend class="form-label">{{ $label }}</legend>

            <div class="space-y-2">
                @foreach ($filter['options'] as $option)
                    <label class="flex cursor-pointer items-center gap-2.5">
                        <input type="checkbox" name="attr[{{ $filter['code'] }}][]" value="{{ $option['value'] }}"
                               @checked(in_array($option['value'], (array) $current, true))
                               class="size-4 rounded border-border text-text-brand focus:ring-primary">
                        <span class="text-sm text-text-secondary">{{ $option['label'] }}</span>
                    </label>
                @endforeach
            </div>
        </fieldset>
    @elseif ($filter['options'])
        <label for="{{ $id }}" class="form-label">{{ $label }}</label>
        <select id="{{ $id }}" name="attr[{{ $filter['code'] }}]" class="form-input">
            <option value="">{{ __('Any') }}</option>
            @foreach ($filter['options'] as $option)
                <option value="{{ $option['value'] }}" @selected((string) $current === (string) $option['value'])>
                    {{ $option['label'] }}
                </option>
            @endforeach
        </select>
    @elseif ($filter['type'] === 'boolean')
        <label class="flex cursor-pointer items-center gap-2.5">
            <input type="checkbox" name="attr[{{ $filter['code'] }}]" value="1"
                   @checked((bool) $current)
                   class="size-4 rounded border-border text-text-brand focus:ring-primary">
            <span class="text-sm text-text-secondary">{{ $filter['name'] }}</span>
        </label>
    @else
        <label for="{{ $id }}" class="form-label">{{ $label }}</label>
        <input id="{{ $id }}" type="text" name="attr[{{ $filter['code'] }}]" value="{{ $current }}"
               class="form-input">
    @endif
</div>