@php
    // Destinations + quick actions surfaced by the header search. Keywords feed
    // the client-side matcher so e.g. "bill" finds Invoices.
    $items = [
        ['label' => __('Dashboard'),     'href' => route('dashboard'),            'icon' => 'squares-2x2',                'kw' => 'home overview'],
        ['label' => __('Customers'),     'href' => route('people.index'),         'icon' => 'users',          'kw' => 'clients contacts people'],
        ['label' => __('Products'),      'href' => route('products.index'),       'icon' => 'cube',                       'kw' => 'items catalogue'],
        ['label' => __('Quotes'),        'href' => route('quotes.index'),         'icon' => 'document-text',              'kw' => 'estimates proposals'],
        ['label' => __('Invoices'),      'href' => route('invoices.index'),       'icon' => 'document-currency-dollar',   'kw' => 'bills billing'],
        ['label' => __('Jobs'),          'href' => route('jobs.index'),           'icon' => 'briefcase',                  'kw' => 'production work orders'],
        ['label' => __('Targets'),       'href' => route('targets.index'),        'icon' => 'flag',                       'kw' => 'goals kpis'],
        ['label' => __('Expenses'),      'href' => route('expenses.index'),       'icon' => 'receipt-percent',            'kw' => 'costs spending'],
        ['label' => __('Suppliers'),     'href' => route('purchasing.index', ['tab' => 'suppliers']),  'icon' => 'building-office', 'kw' => 'vendors partners bills purchasing'],
        ['label' => __('Reports'),       'href' => route('reports.index'),        'icon' => 'arrow-trending-up',          'kw' => 'analytics insights'],
        ['label' => __('Settings'),      'href' => route('settings.index'),       'icon' => 'cog-6-tooth',                'kw' => 'configuration preferences'],
        ['label' => __('New Invoice'),   'href' => route('invoices.index'),       'icon' => 'plus',                       'kw' => 'create bill new', 'action' => true],
        ['label' => __('New Quote'),     'href' => route('quotes.index'),         'icon' => 'plus',                       'kw' => 'create estimate new', 'action' => true],
        ['label' => __('New Customer'),  'href' => route('people.index'),         'icon' => 'plus',           'kw' => 'create client new', 'action' => true],
    ];

    // Household-only workspace: surface household destinations instead of the
    // business ones (no customers / invoices / jobs in here).
    if (Auth::user()?->currentTeam?->settings?->household_enabled) {
        $items = [
            ['label' => __('Overview'), 'href' => route('household.dashboard'),     'icon' => 'home',            'kw' => 'home dashboard'],
            ['label' => __('Income'),   'href' => route('household.income.index'),  'icon' => 'currency-dollar', 'kw' => 'salary side hustle pay'],
            ['label' => __('Loans'),    'href' => route('household.loans.index'),   'icon' => 'credit-card',     'kw' => 'debt repayment borrow'],
            ['label' => __('Expenses'), 'href' => route('household.expenses.index'),'icon' => 'receipt-percent', 'kw' => 'spending costs bills'],
            ['label' => __('Accounts'), 'href' => route('household.accounts.index'),'icon' => 'banknotes',       'kw' => 'pots wallet bank cash'],
            ['label' => __('Members'),  'href' => route('household.members.index'), 'icon' => 'users',           'kw' => 'people family participants'],
            ['label' => __('Insights'), 'href' => route('household.reports.index'), 'icon' => 'chart-bar',       'kw' => 'reports analytics fairness'],
            ['label' => __('Settings'), 'href' => route('settings.index'),          'icon' => 'cog-6-tooth',     'kw' => 'configuration preferences'],
        ];
    }

    $terms = array_map(fn ($i) => mb_strtolower($i['label'] . ' ' . $i['kw']), $items);
    $hrefs = array_map(fn ($i) => $i['href'], $items);
@endphp

<div
    x-data="searchPalette(@js($terms), @js($hrefs))"
    {{-- Ctrl+K is bound once, in the layout header, which sends this event
         while CRM search is not live (see CrmNav::SEARCH_OPEN_EVENT). --}}
    x-on:global-search-focus.window="focus()"
    @click.outside="close()"
    {{ $attributes->merge(['class' => 'relative']) }}
>
    <div class="group relative">
        <span class="pointer-events-none absolute inset-y-0 left-3.5 flex items-center text-slate-400 transition group-focus-within:text-accent-500">
            <x-icon name="magnifying-glass" class="h-[18px] w-[18px]" />
        </span>
        <input
            x-ref="input"
            x-model="q"
            @focus="open = true"
            @keydown.escape="close(); $event.target.blur()"
            @keydown.enter.prevent="go()"
            type="text"
            autocomplete="off"
            placeholder="{{ __('Search jobs, invoices, customers…') }}"
            class="w-full rounded-xl border border-slate-200/80 bg-white/70 py-2.5 pl-11 pr-20 text-[13px] font-medium text-slate-700 placeholder-slate-400 shadow-xs backdrop-blur transition focus:border-accent-300 focus:bg-white focus:shadow-sm focus:outline-none focus:ring-4 focus:ring-accent-100/60"
        />
        <kbd class="pointer-events-none absolute inset-y-0 right-3 my-auto hidden h-6 items-center gap-1 rounded-md border border-slate-200 bg-gradient-to-b from-white to-slate-50 px-2 text-[10px] font-bold tracking-wider text-slate-500 shadow-xs sm:inline-flex">
            <span class="text-slate-400">⌘</span>K
        </kbd>
    </div>

    <div
        x-show="open"
        x-cloak
        x-transition.opacity.duration.150ms
        class="absolute left-0 right-0 z-50 mt-2 overflow-hidden rounded-xl border border-slate-200 bg-white shadow-xl"
    >
        <div class="max-h-96 overflow-y-auto py-1">
            @foreach ($items as $i => $item)
                <a
                    href="{{ $item['href'] }}"
                    x-show="matches[{{ $i }}]"
                    class="flex items-center gap-3 px-3 py-2 text-sm text-slate-700 transition hover:bg-indigo-50 hover:text-indigo-700"
                >
                    <span class="flex h-8 w-8 shrink-0 items-center justify-center rounded-lg {{ ($item['action'] ?? false) ? 'bg-indigo-50 text-indigo-600' : 'bg-slate-100 text-slate-500' }}">
                        <x-icon :name="$item['icon']" class="h-4 w-4" />
                    </span>
                    <span class="font-medium">{{ $item['label'] }}</span>
                    @if ($item['action'] ?? false)
                        <span class="ml-auto text-[10px] font-semibold uppercase tracking-wide text-indigo-400">{{ __('Action') }}</span>
                    @endif
                </a>
            @endforeach
        </div>
        <p x-show="! hasMatch" class="px-4 py-6 text-center text-sm text-slate-400">{{ __('No matches found.') }}</p>
    </div>
</div>