@extends('layouts.app')
@section('title', __('messages.search_placeholder'))

@section('content')
<div class="mx-auto max-w-4xl px-4 py-10">
    <form method="GET" class="mb-8">
        <input type="search" name="q" value="{{ $q }}" placeholder="{{ __('messages.search_placeholder') }}"
               class="w-full rounded-md border border-ink/15 px-4 py-3 text-lg focus:border-forest focus:outline-none">
    </form>

    @if ($q === '')
        <p class="text-ink/40">—</p>
    @else
        @foreach ([
            'horses' => ['label' => __('messages.horses_title'), 'items' => $horses],
            'jockeys' => ['label' => __('messages.jockeys_title'), 'items' => $jockeys],
            'races' => ['label' => __('messages.races_title'), 'items' => $races],
            'organizers' => ['label' => __('messages.race_participants'), 'items' => $organizers],
        ] as $group)
            @if ($group['items']->isNotEmpty())
                <h2 class="mb-3 mt-6 font-display text-lg font-semibold">{{ $group['label'] }}</h2>
                <div class="grid gap-2">
                    @foreach ($group['items'] as $item)
                        <a href="{{ method_exists($item, 'publicUrl') ? $item->publicUrl() : '#' }}" class="card p-3 hover:border-gold">
                            {{ $item->name ?? $item->organization_name ?? ($item->user->fullName() ?? '') }}
                        </a>
                    @endforeach
                </div>
            @endif
        @endforeach
    @endif
</div>
@endsection