@props([
    'searchName'        => 'q',
    'searchPlaceholder' => null,
    'searchValue'       => null,
    'activeFilters'     => 0,
    'filterTargetId'    => 'filter-bar',
    'storageKey'        => null,
])

@php
    $searchValue = $searchValue ?? request($searchName);
    $storageKey  = $storageKey ?? ($filterTargetId . ':collapsed');
@endphp

<div class="list-toolbar" data-list-toolbar>
    <form method="GET" action="{{ url()->current() }}" class="list-toolbar-search" data-toolbar-search>
        @foreach (request()->except([$searchName, 'page']) as $key => $value)
            @if (is_array($value))
                @foreach ($value as $v) <input type="hidden" name="{{ $key }}[]" value="{{ $v }}"> @endforeach
            @else
                <input type="hidden" name="{{ $key }}" value="{{ $value }}">
            @endif
        @endforeach
        <span class="list-toolbar-search-icon" aria-hidden="true">
            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                <circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/>
            </svg>
        </span>
        <input type="search" name="{{ $searchName }}" value="{{ $searchValue }}" placeholder="{{ $searchPlaceholder ?? __('admin.filters.search_placeholder') }}">
    </form>

    <button type="button" class="filter-toggle-btn"
            data-filter-toggle
            data-target="{{ $filterTargetId }}"
            data-storage-key="{{ $storageKey }}"
            aria-controls="{{ $filterTargetId }}"
            aria-expanded="false">
        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
            <polygon points="22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3"/>
        </svg>
        <span data-filter-toggle-label>{{ __('admin.filters.show') }}</span>
        @if ($activeFilters > 0)
            <span class="filter-toggle-count">{{ $activeFilters }}</span>
        @endif
    </button>

    @isset($actions)
        <div class="list-toolbar-actions">{{ $actions }}</div>
    @endisset
</div>