@props([
    'id'         => 'filter-bar',
    'action'     => null,
    'collapsed'  => true,
    'storageKey' => null,
])

@php
    $action     = $action ?? url()->current();
    $storageKey = $storageKey ?? ($id . ':collapsed');
@endphp

<form method="GET" action="{{ $action }}" id="{{ $id }}"
      class="filter-bar {{ $collapsed ? 'is-collapsed' : '' }}"
      data-filter-bar
      data-storage-key="{{ $storageKey }}">
    <div class="filter-bar-inner">
        <div class="filter-bar-grid">
            {{ $slot }}
        </div>

        <div class="filter-bar-actions">
            <a href="{{ url()->current() }}" class="filter-reset">{{ __('admin.filters.reset') }}</a>
            <button type="submit" class="btn-primary">{{ __('admin.filters.apply') }}</button>
        </div>
    </div>
</form>