@extends('layouts.app')
@section('title', __('ui.search_title').' — Coaster World')
@section('content')
@php
    $activeFilters = array_filter([
        'type' => $type,
        'country' => $country,
        'manufacturer' => $manufacturer,
        'status' => $status,
    ], fn($value, $key) => $value !== '' && !($key === 'type' && $value === 'all'), ARRAY_FILTER_USE_BOTH);
    $typeOrder = ['all','park','coaster','attraction','user','group','manufacturer','country'];
    $symbols = ['park'=>'◎','coaster'=>'↗','attraction'=>'◆','user'=>'☺','group'=>'◌','manufacturer'=>'⚙','country'=>'◉'];
@endphp
<section class="page-hero compact-hero search-v2-hero">
    <div class="container narrow-container">
        <span class="eyebrow">Discovery Engine V2</span>
        <h1>{{ __('ui.search_title') }}</h1>
        <p>{{ __('ui.search_intro_v2') }}</p>
        <x-search-bar :query="$query" :filters="$activeFilters" large />

        <div class="filter-chips search-type-chips" aria-label="{{ __('ui.search_type_filter') }}">
            @foreach($typeOrder as $filter)
                @if($filter === 'group' && !auth()->check()) @continue @endif
                <a href="{{ route('search', array_filter(['q' => $query, 'type' => $filter === 'all' ? null : $filter, 'country'=>$country ?: null, 'manufacturer'=>$manufacturer ?: null, 'status'=>$status ?: null])) }}" class="filter-chip {{ $type === $filter ? 'is-active' : '' }}">
                    {{ __('ui.filter_'.$filter) }}
                    @if($filter !== 'all' && ($resultCounts[$filter] ?? 0) > 0)<small>{{ $resultCounts[$filter] }}</small>@endif
                </a>
            @endforeach
        </div>

        <form action="{{ route('search') }}" method="get" class="search-advanced-filters">
            <input type="hidden" name="q" value="{{ $query }}">
            @if($type !== 'all')<input type="hidden" name="type" value="{{ $type }}">@endif
            <label>
                <span>{{ __('ui.search_filter_country') }}</span>
                <select name="country">
                    <option value="">{{ __('ui.search_filter_all_countries') }}</option>
                    @foreach($countries as $countryItem)
                        @php $ct = $countryItem->translations->firstWhere('locale', app()->getLocale()) ?? $countryItem->translations->firstWhere('locale', 'en'); @endphp
                        <option value="{{ $countryItem->iso2 }}" @selected($country === $countryItem->iso2)>{{ $ct?->name ?: $countryItem->official_name }}</option>
                    @endforeach
                </select>
            </label>
            <label>
                <span>{{ __('ui.search_filter_manufacturer') }}</span>
                <select name="manufacturer">
                    <option value="">{{ __('ui.search_filter_all_manufacturers') }}</option>
                    @foreach($manufacturers as $manufacturerItem)
                        <option value="{{ $manufacturerItem->slug }}" @selected($manufacturer === $manufacturerItem->slug)>{{ $manufacturerItem->name }}</option>
                    @endforeach
                </select>
            </label>
            <label>
                <span>{{ __('ui.search_filter_status') }}</span>
                <select name="status">
                    <option value="">{{ __('ui.search_filter_status_all') }}</option>
                    <option value="open" @selected($status === 'open')>{{ __('ui.search_filter_status_open') }}</option>
                    <option value="closed" @selected($status === 'closed')>{{ __('ui.search_filter_status_closed') }}</option>
                </select>
            </label>
            <button type="submit" class="button button-primary">{{ __('ui.search_apply_filters') }}</button>
            @if($country || $manufacturer || $status)
                <a href="{{ route('search', array_filter(['q'=>$query, 'type'=>$type !== 'all' ? $type : null])) }}" class="search-reset-link">{{ __('ui.search_reset_filters') }}</a>
            @endif
        </form>

        @if($recentSearches->isNotEmpty())
            <div class="search-recent">
                <span>{{ __('ui.search_recent') }}</span>
                <div>
                    @foreach($recentSearches as $recent)
                        <a href="{{ route('search', ['q' => $recent->query]) }}">⌕ {{ $recent->query }}</a>
                    @endforeach
                </div>
            </div>
        @endif
    </div>
</section>

<section class="section search-results-section">
    <div class="container narrow-container">
        @if($query !== '')
            <div class="results-header search-v2-results-head">
                <div>
                    <span class="eyebrow">{{ __('ui.search_results_kicker') }}</span>
                    <h2>{{ __('ui.results_for', ['query' => $query]) }}</h2>
                </div>
                <span>{{ trans_choice('ui.search_result_count', $results->count(), ['count' => $results->count()]) }}</span>
            </div>
            @if($results->isNotEmpty())
                <div class="result-list search-v2-result-list">
                    @foreach($results as $result)
                        <article class="result-card search-v2-result-card">
                            <div class="result-symbol">{{ $symbols[$result['type']] ?? '•' }}</div>
                            <div class="result-copy">
                                <span class="result-type">{{ __('ui.type_'.$result['type']) }}</span>
                                <h3>{{ $result['title'] }}</h3>
                                @if(in_array($result['type'], ['coaster', 'attraction'], true))
                                    <x-ride-queue-badges :single-rider-available="$result['single_rider_available'] ?? false" :priority-access-name="$result['priority_access_name'] ?? null" size="compact" class="result-queue-badges" />
                                @endif
                                @if(!empty($result['subtitle']))<p>@if(!empty($result['country']))<x-country-label :code="$result['country']" flag-only size="small" /> @endif{{ $result['subtitle'] }}</p>@endif
                            </div>
                            @if(!empty($result['url']))<a href="{{ $result['url'] }}" class="result-link" aria-label="{{ $result['title'] }}">→</a>@endif
                        </article>
                    @endforeach
                </div>
            @else
                <div class="empty-state"><div class="empty-state-icon">⌕</div><h3>{{ __('ui.no_results') }}</h3><p>{{ __('ui.search_no_results_help') }}</p></div>
            @endif
        @else
            <div class="empty-state search-v2-empty"><div class="empty-state-icon">⌕</div><h3>{{ __('ui.start_search_v2') }}</h3><p>{{ __('ui.search_start_help') }}</p></div>
        @endif
    </div>
</section>
@endsection