@extends('layouts.site')

@section('title', __('Search') . ($query ? ": {$query}" : ''))

@section('content')
<div>
    <h1 class="mb-4 text-2xl font-bold text-primary dark:text-primary-dark">{{ __('Search') }}</h1>

    <form action="{{ route('search', $locale) }}" method="GET" class="mb-6">
        <div class="flex gap-2">
            <input type="text" name="q" value="{{ $query }}" placeholder="{{ __('Search...') }}"
                   class="flex-1 border-gray-300 rounded-lg dark:border-gray-600 dark:bg-gray-700 dark:text-gray-200 focus:border-primary focus:ring-primary">
            <button type="submit" class="px-6 py-2 text-white transition-colors rounded-lg bg-primary hover:bg-secondary">
                {{ __('Search') }}
            </button>
        </div>
    </form>

    @if($query)
    <p class="mb-4 text-sm text-gray-500 dark:text-gray-400">
        {{ $results->count() }} {{ __('results for') }} "<strong>{{ $query }}</strong>"
    </p>
    @endif

    <div class="grid gap-4 sm:grid-cols-2">
        @foreach($results as $post)
            @php
                $searchTrans = $post->translation($locale);
                $searchPage = \App\Http\Controllers\SearchController::findPage($searchTrans?->body, $query);
            @endphp
            @include('partials.post-card', [
                'post' => $post,
                'locale' => $locale,
                'searchExcerpt' => \App\Http\Controllers\SearchController::highlightExcerpt($searchTrans?->body, $query),
                'query' => $query,
                'searchPage' => $searchPage,
            ])
        @endforeach
    </div>

    @if($query && $results->isEmpty())
    <p class="py-12 text-center text-gray-500 dark:text-gray-400">{{ __('No results found.') }}</p>
    @endif
</div>
@endsection