@extends('layouts.app')

@section('title', __('ui.reco_title').' — Coaster World')

@section('content')
<section class="reco-hero">
    <div class="container">
        <span class="eyebrow">{{ __('ui.reco_kicker') }}</span>
        <h1>{{ __('ui.reco_title') }}</h1>
        <p>{{ __('ui.reco_intro') }}</p>
        <div class="reco-hero-actions">
            <a href="{{ route('collection') }}" class="button button-ghost">{{ __('ui.reco_collection') }}</a>
            <a href="{{ route('explore') }}" class="button button-primary">{{ __('ui.reco_explore') }}</a>
        </div>
    </div>
</section>

<section class="section">
    <div class="container">
        <div class="section-heading">
            <span class="eyebrow">{{ __('ui.reco_parks_kicker') }}</span>
            <h2>{{ __('ui.reco_parks_title') }}</h2>
            <p>{{ __('ui.reco_parks_intro') }}</p>
        </div>

        @if($parks->isNotEmpty())
            <div class="reco-grid">
                @foreach($parks as $park)
                    @php
                        $pt=$park->translations->firstWhere('locale',app()->getLocale()) ?? $park->translations->firstWhere('locale','en');
                        $ct=$park->country?->translations?->firstWhere('locale',app()->getLocale()) ?? $park->country?->translations?->firstWhere('locale','en');
                    @endphp
                    <a href="{{ route('parks.show',$park->slug) }}" class="reco-card reco-card-park">
                        <div class="reco-card-top">
                            <span>{{ __('ui.explore_kind_park') }}</span>
                            <b>{{ $park->recommendation_score }}%</b>
                        </div>
                        <h3>{{ $pt?->name ?: $park->official_name }}</h3>
                        <p>
                            @if($park->city){{ $park->city }}@if($ct?->name || $park->country?->official_name) · @endif @endif
                            @if($ct?->name || $park->country?->official_name)
                                <x-country-label :code="$park->country?->iso2" :name="$ct?->name ?: $park->country?->official_name" size="small" />
                            @endif
                        </p>
                        <div class="reco-reasons">
                            @foreach($park->recommendation_reasons as $reason)
                                <span>{{ __('ui.reco_reason_'.$reason) }}</span>
                            @endforeach
                        </div>
                        <div class="reco-card-foot">
                            <span>{{ $park->coasters_count }} {{ __('ui.explore_coasters_short') }}</span>
                            @if($park->recommendation_wishlist_count)
                                <strong>★ {{ $park->recommendation_wishlist_count }} {{ __('ui.reco_in_wishlist') }}</strong>
                            @endif
                        </div>
                    </a>
                @endforeach
            </div>
        @else
            <p class="profile-empty">{{ __('ui.reco_empty_parks') }}</p>
        @endif
    </div>
</section>

<section class="section section-soft">
    <div class="container">
        <div class="section-heading">
            <span class="eyebrow">{{ __('ui.reco_coasters_kicker') }}</span>
            <h2>{{ __('ui.reco_coasters_title') }}</h2>
            <p>{{ __('ui.reco_coasters_intro') }}</p>
        </div>

        @if($coasters->isNotEmpty())
            <div class="reco-grid">
                @foreach($coasters as $attraction)
                    @php
                        $coaster=$attraction->coaster;
                        $tr=$attraction->translations->firstWhere('locale',app()->getLocale()) ?? $attraction->translations->firstWhere('locale','en');
                        $ptr=$attraction->park?->translations?->firstWhere('locale',app()->getLocale()) ?? $attraction->park?->translations?->firstWhere('locale','en');
                    @endphp
                    <a href="{{ route('coasters.show',$coaster) }}" class="reco-card reco-card-coaster">
                        <div class="reco-card-top">
                            <span>{{ __('ui.explore_kind_coaster') }}</span>
                            <b>{{ $attraction->recommendation_score }}%</b>
                        </div>
                        <h3>{{ $tr?->name ?: $attraction->official_name }}</h3>
                        <p>{{ $ptr?->name ?: $attraction->park?->official_name }}@if($coaster?->manufacturer) · {{ $coaster->manufacturer->name }}@endif</p>
                        <x-ride-queue-badges :attraction="$attraction" size="compact" class="reco-queue-badges" />
                        <div class="reco-reasons">
                            @foreach($attraction->recommendation_reasons as $reason)
                                <span>{{ __('ui.reco_reason_'.$reason) }}</span>
                            @endforeach
                        </div>
                        <div class="reco-card-foot">
                            <span>{{ $coaster?->speed_kmh ? rtrim(rtrim((string)$coaster->speed_kmh,'0'),'.').' km/h' : '—' }}</span>
                            <span>{{ $coaster?->height_m ? rtrim(rtrim((string)$coaster->height_m,'0'),'.').' m' : '—' }}</span>
                        </div>
                    </a>
                @endforeach
            </div>
        @else
            <p class="profile-empty">{{ __('ui.reco_empty_coasters') }}</p>
        @endif
    </div>
</section>

<section class="section">
    <div class="container">
        <div class="section-heading">
            <span class="eyebrow">{{ __('ui.reco_attractions_kicker') }}</span>
            <h2>{{ __('ui.reco_attractions_title') }}</h2>
            <p>{{ __('ui.reco_attractions_intro') }}</p>
        </div>

        @if($attractions->isNotEmpty())
            <div class="reco-grid">
                @foreach($attractions as $attraction)
                    @php
                        $tr=$attraction->translations->firstWhere('locale',app()->getLocale()) ?? $attraction->translations->firstWhere('locale','en');
                        $ptr=$attraction->park?->translations?->firstWhere('locale',app()->getLocale()) ?? $attraction->park?->translations?->firstWhere('locale','en');
                    @endphp
                    <a href="{{ route('attractions.show',$attraction) }}" class="reco-card" data-cw-live-attraction="{{ $attraction->id }}">
                        <div class="reco-card-top">
                            <span>{{ __('ui.explore_kind_attraction') }}</span>
                            <b>{{ $attraction->recommendation_score }}%</b>
                        </div>
                        <h3>{{ $tr?->name ?: $attraction->official_name }}</h3>
                        <p>{{ $ptr?->name ?: $attraction->park?->official_name }}</p>
                        <x-ride-queue-badges :attraction="$attraction" size="compact" class="reco-queue-badges" />
                        <div class="reco-reasons">
                            @foreach($attraction->recommendation_reasons as $reason)
                                <span>{{ __('ui.reco_reason_'.$reason) }}</span>
                            @endforeach
                        </div>
                        <div class="reco-card-foot">
                            <span>{{ ucfirst(str_replace('_',' ',$attraction->attraction_type ?: 'attraction')) }}</span>
                            <strong data-cw-live-status @if(!$attraction->liveStatus) hidden @endif>
                                @if(in_array($attraction->liveStatus?->operational_status,['open','operating'],true))
                                    {{ __('ui.live_status_open') }}
                                @elseif($attraction->liveStatus?->operational_status === 'closed')
                                    {{ __('ui.live_status_closed') }}
                                @elseif($attraction->liveStatus?->operational_status === 'down')
                                    {{ __('ui.live_status_down') }}
                                @elseif($attraction->liveStatus?->operational_status === 'refurbishment')
                                    {{ __('ui.live_status_refurbishment') }}
                                @else
                                    {{ __('ui.live_status_unknown') }}
                                @endif
                            </strong>
                        </div>
                    </a>
                @endforeach
            </div>
        @else
            <p class="profile-empty">{{ __('ui.reco_empty_attractions') }}</p>
        @endif
    </div>
</section>
@endsection