@props(['title' => null, 'action' => null])

{{-- Filtros de listagem: `GET` (URL compartilhável/recarregável) e sem estado no servidor. --}}
@php($target = $action ?? url()->current())

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

    <div class="card-body grid gap-3 md:grid-cols-3">
        {{ $slot }}
    </div>

    <div class="card-actions justify-end px-4 pb-4">
        <a href="{{ $target }}" class="btn btn-ghost">{{ __('layout::shell.clear') }}</a>
        <button type="submit" class="btn btn-primary">
            <x-ui::icon name="search" />
            <span>{{ __('layout::shell.filter') }}</span>
        </button>
    </div>
</form>