@extends('layouts.app')
@section('title','Recherche')
@section('heading','Recherche globale')
@section('content')
<form method="GET" class="max-w-2xl mb-6"><input name="q" value="{{ $q }}" autofocus placeholder="Clients, prospects, devis, factures, SIRET, téléphone, référence…" class="w-full rounded-lg border border-slate-300 px-4 py-3"></form>
@if($q)
    @php $total = collect($results)->sum(fn($r)=>$r->count()); @endphp
    <p class="text-sm text-slate-500 mb-4">{{ $total }} résultat(s) pour « <b>{{ $q }}</b> »</p>
    <div class="grid md:grid-cols-2 gap-6">
        @forelse($results as $category=>$items)
            <x-card :title="$category">
                @foreach($items as $it)
                    <a href="{{ $it['url'] }}" class="flex justify-between py-2 border-b border-slate-50 hover:bg-slate-50 -mx-2 px-2 rounded">
                        <span class="text-sm font-medium">{{ $it['label'] }}</span>
                        <span class="text-xs text-slate-400">{{ $it['meta'] }}</span>
                    </a>
                @endforeach
            </x-card>
        @empty <div class="col-span-2"><x-empty message="Aucun résultat" icon="🔍" /></div> @endforelse
    </div>
@else
    <x-empty message="Saisissez un terme de recherche" icon="🔍" />
@endif
@endsection