@extends('layouts.app')

@section('title', 'Recherche - ' . app_setting('app_name', 'Dev App'))

@section('content')
<div class="max-w-4xl mx-auto space-y-6">
    <form action="{{ route('search') }}" method="GET" class="bg-white rounded-2xl border border-slate-200 p-4 shadow-xs flex gap-2">
        <input type="search" name="q" value="{{ $terms }}" autofocus placeholder="Rechercher dans tous les projets : un mot, #12…"
            class="flex-1 px-3.5 py-2 rounded-xl border border-slate-300 text-sm">
        <button type="submit" class="px-4 py-2 bg-indigo-600 hover:bg-indigo-700 text-white text-sm font-bold rounded-xl">Rechercher</button>
    </form>

    @if(mb_strlen($terms) >= 2)
        <p class="text-xs text-slate-500">{{ $results->count() }} résultat(s) pour « {{ $terms }} »</p>

        <div class="space-y-2">
            @forelse($results as $result)
                <a href="{{ $result['url'] }}" class="block bg-white rounded-xl border border-slate-200 p-4 shadow-xs hover:border-indigo-300 transition-colors">
                    <div class="flex flex-wrap items-center gap-2 text-[11px] mb-1">
                        <span class="flex items-center font-semibold text-slate-600">
                            <span class="w-2 h-2 rounded-full mr-1.5" style="background-color: {{ $result['project']->color }};"></span>
                            {{ $result['project']->name }}
                        </span>
                        <span class="px-1.5 py-0.5 rounded bg-slate-100 text-slate-600 font-bold">
                            {{ ['ticket' => 'Ticket', 'comment' => 'Commentaire', 'note' => 'Note'][$result['kind']] }}
                        </span>
                        @if($result['ticket'])
                            <span class="px-1.5 py-0.5 rounded text-white font-bold" style="background-color: {{ $result['ticket']->column?->color ?? '#64748b' }};">{{ $result['ticket']->column?->name }}</span>
                        @endif
                        <span class="text-slate-400 ml-auto">{{ $result['updated_at']?->format('d/m/Y') }}</span>
                    </div>
                    <div class="text-sm font-bold text-slate-900">{{ $result['title'] }}</div>
                    @if($result['excerpt'])
                        <p class="text-xs text-slate-500 mt-1">{{ $result['excerpt'] }}</p>
                    @endif
                </a>
            @empty
                <div class="bg-white rounded-2xl border border-dashed border-slate-300 p-10 text-center text-sm text-slate-500">Aucun résultat.</div>
            @endforelse
        </div>
    @elseif($terms !== '')
        <p class="text-xs text-slate-500">Tapez au moins deux caractères.</p>
    @endif
</div>
@endsection