@extends('layouts.app')
@section('title', 'Search')

@section('content')
    <x-page-header title="Search" :lede="$term === '' ? 'Type at least two characters.' : $total.' '.\Illuminate\Support\Str::plural('result', $total).' for “'.$term.'”'" />

    @if ($term !== '' && $results === [])
        <x-empty title="Nothing found" message="No contacts, companies, leads or deals match that. Try a shorter term, or part of an email address." />
    @endif

    @foreach ($results as $group => $items)
        <x-card :title="$group" class="stack" style="margin-bottom:16px">
            @foreach ($items as $item)
                <div style="padding:9px 0;border-bottom:1px solid var(--line)">
                    <a href="{{ $item['url'] }}" style="font-weight:600">{{ $item['title'] }}</a>
                    @if ($item['sub'])<div class="small muted">{{ $item['sub'] }}</div>@endif
                </div>
            @endforeach
        </x-card>
    @endforeach
@endsection