@props([
    'title' => null,
    'action' => null,
    'active' => [],
    'paginator' => null,
    'advancedOpen' => false,
])

@php
    // `GET` é o único método: o filtro é URL compartilhável/recarregável e não muta nada. O alvo
    // (`action`) é a **rota** da tela — “limpar” volta para ela sem perder o caminho, e remover um
    // filtro preserva os demais parâmetros da query (inclusive ordenação/paginação futura).
    $target = $action ?? url()->current();
    $query = request()->query();
    unset($query['page']);

    $chips = [];

    foreach (is_array($active) ? $active : [] as $filter) {
        if (! is_array($filter) || ! isset($filter['key'], $filter['label'])) {
            continue;
        }

        $rest = $query;
        unset($rest[$filter['key']]);

        $chips[] = [
            'label' => (string) $filter['label'],
            'value' => (string) ($filter['value'] ?? ''),
            'url' => (string) ($filter['url'] ?? ($target.($rest === [] ? '' : '?'.http_build_query($rest)))),
        ];
    }

    $total = is_object($paginator) ? (int) $paginator->total() : 0;
    $from = $total > 0 ? (int) ($paginator->firstItem() ?? 0) : 0;
    $to = $total > 0 ? (int) ($paginator->lastItem() ?? 0) : 0;
    $lastPage = is_object($paginator) ? (int) $paginator->lastPage() : 1;
    $currentPage = is_object($paginator) ? (int) $paginator->currentPage() : 1;
@endphp

<form method="get" action="{{ $target }}" class="card bg-base-100 shadow-sm" data-cms-filters>
    @if (filled($title))
        <h2 class="border-b border-base-300 px-4 py-3 text-base font-semibold">{{ $title }}</h2>
    @endif

    <div class="card-body gap-3">
        {{-- A busca fica sempre visível: é o filtro que o operador usa em primeiro lugar. --}}
        <div class="cms-filter__search">{{ $slot }}</div>

        @if (isset($advanced))
            {{-- Filtros avançados em `<details>` nativo: sem JS o operador abre o grupo e os campos
                 continuam sendo enviados (um `<details>` fechado não desabilita os controles). --}}
            <details class="cms-filter__advanced" @if ($advancedOpen) open @endif>
                <summary class="cms-filter__summary">{{ __('layout::shell.advanced_filters') }}</summary>

                <div class="cms-filter__fields grid gap-3 md:grid-cols-3">{{ $advanced }}</div>
            </details>
        @endif

        @if ($chips !== [])
            <div class="cms-filter__active">
                <p class="cms-filter__active-title">{{ __('layout::shell.active_filters') }}</p>

                <ul role="list" class="cms-filter__chips">
                    @foreach ($chips as $chip)
                        <li class="cms-filter__chip">
                            <span>{{ $chip['label'] }}: <strong>{{ $chip['value'] }}</strong></span>

                            <a href="{{ $chip['url'] }}" class="cms-filter__chip-remove">
                                <x-ui::icon name="x" />
                                <span class="sr-only">{{ __('layout::shell.remove_filter', ['filter' => $chip['label']]) }}</span>
                            </a>
                        </li>
                    @endforeach
                </ul>
            </div>
        @endif
    </div>

    <div class="card-actions items-center gap-2 px-4 pb-4">
        <p class="me-auto text-sm opacity-80" data-cms-filter-count>
            @if ($total > 0)
                {{ __('layout::shell.results_range', ['from' => $from, 'to' => $to, 'total' => $total]) }}
                @if ($lastPage > 1)
                    <span class="ms-2">{{ __('layout::shell.page_of', ['current' => $currentPage, 'last' => $lastPage]) }}</span>
                @endif
            @endif
        </p>

        <a href="{{ $target }}" class="btn btn-ghost">{{ __('layout::shell.clear_filters') }}</a>

        <button type="submit" class="btn btn-primary">
            <x-ui::icon name="search" />
            <span>{{ __('layout::shell.filter') }}</span>
        </button>
    </div>
</form>