@extends('layouts.app')

@push('head')
<link rel="stylesheet" href="{{ asset('css/park-experiences-v11348.css') }}?v=1.113.48">
<script src="{{ asset('js/gps-validation.js') }}?v=1.101.1" defer></script>
@endpush

@php
    $park = $attraction->park;
    $translation = $attraction->translations->firstWhere('locale', app()->getLocale())
        ?? $attraction->translations->firstWhere('locale', 'en');
    $attractionName = $translation?->name ?: $attraction->official_name;
    $parkTranslation = $park->translations->firstWhere('locale', app()->getLocale())
        ?? $park->translations->firstWhere('locale', 'en');
    $parkName = $parkTranslation?->name ?: $park->official_name;
    $zoneTranslation = $attraction->zone?->translations?->firstWhere('locale', app()->getLocale())
        ?? $attraction->zone?->translations?->firstWhere('locale', 'en');
    $zoneName = $zoneTranslation?->name ?: $attraction->zone?->official_name;
    $live = $attraction->liveStatus;
    $liveFresh = (bool) ($liveInsight['is_fresh'] ?? false);
    $liveStatus = $liveInsight['status'] ?? 'unknown';
    $displayWait = $liveInsight['display_wait_minutes'] ?? null;
    $waitKind = $liveInsight['wait_kind'] ?? 'unavailable';
    $waitTrend = $liveInsight['trend'] ?? 'unknown';
    $waitTrendDelta = $liveInsight['trend_delta_minutes'] ?? null;
    $singleRiderWait = $liveInsight['single_rider_wait_minutes'] ?? null;
    $liveObservedAt = $liveInsight['source_observed_at'] ?? $live?->fetched_at;
    $liveOpen = in_array($liveStatus, ['open', 'operating'], true);
    $liveClosed = in_array($liveStatus, ['down', 'closed', 'refurbishment'], true);
    $liveStatusLabel = match ($liveStatus) {
        'open', 'operating' => __('ui.live_status_open'),
        'down' => __('ui.live_status_down'),
        'closed' => __('ui.live_status_closed'),
        'refurbishment' => __('ui.live_status_refurbishment'),
        default => __('ui.live_status_unknown'),
    };
    $typeLabel = ucfirst(str_replace('_', ' ', $attraction->attraction_type ?: 'attraction'));
    $catalogStatusLabel = ucfirst(str_replace('_', ' ', $attraction->status ?: __('ui.attraction_unknown')));
    $parkLocation = collect([$park->city, $park->country?->official_name])->filter()->join(' · ');
@endphp

@section('title', $attractionName.' — Coaster World')

@if($bannerUrl)
    @push('head')
        <link rel="preload" as="image" href="{{ $bannerUrl }}" fetchpriority="high">
    @endpush
@endif

@section('content')
<section class="attraction-detail-hero {{ $bannerUrl ? 'has-media' : '' }}"
    @if($bannerUrl) style="--attraction-hero-image: url('{{ $bannerUrl }}')" @endif>
    <div class="attraction-detail-shade" aria-hidden="true"></div>
    <div class="container attraction-detail-content">
        <nav class="park-detail-breadcrumb" aria-label="{{ __('ui.a11y_breadcrumbs') }}">
            <a href="{{ route('home') }}">{{ __('ui.nav_home') }}</a>
            <span>›</span>
            <a href="{{ route('parks.show', $park->slug) }}">{{ $parkName }}</a>
            <span>›</span>
            <strong>{{ $attractionName }}</strong>
        </nav>

        <div class="attraction-hero-grid">
            <div>
                <span class="eyebrow">{{ __('ui.attraction_kicker') }}</span>
                <h1>{{ $attractionName }}</h1>
                <div class="attraction-hero-meta">
                    <a href="{{ route('parks.show', $park->slug) }}">{{ $parkName }}</a>
                    @if($zoneName)<span>{{ $zoneName }}</span>@endif
                    <span>{{ $typeLabel }}</span>
                    @if($attraction->opened_on)<span>{{ $attraction->opened_on->format('Y') }}</span>@endif
                </div>
                @auth
                <div class="collection-detail-actions">
                    <form method="post" action="{{ route('favorites.toggle', ['type' => 'attraction', 'id' => $attraction->id]) }}">@csrf
                        <button type="submit" class="button button-ghost">{{ $isFavorite ? __('ui.collection_remove_favorite') : __('ui.collection_add_favorite') }}</button>
                    </form>
                    <form method="post" action="{{ route('wishlist.toggle', ['type' => 'attraction', 'id' => $attraction->id]) }}">@csrf
                        <button type="submit" class="button button-ghost wishlist-button {{ $isWishlisted ? 'is-active' : '' }}">
                            {{ $isWishlisted ? __('ui.wishlist_remove') : __('ui.wishlist_add') }}
                        </button>
                    </form>
                    @if(!$isRidden)
                    <form method="post" action="{{ route('collection.ridden', $attraction) }}" @if(!auth()->user()->is_admin) data-gps-required data-gps-kind="ride" data-gps-loading="{{ __('ui.gps_validating_ride') }}" data-gps-unavailable="{{ __('ui.gps_unavailable') }}" data-gps-denied="{{ __('ui.gps_permission_denied') }}" data-gps-timeout="{{ __('ui.gps_timeout') }}" data-gps-error="{{ __('ui.gps_error') }}" @endif>@csrf
                        <button type="submit" class="button button-primary">{{ __('ui.collection_mark_done') }}</button>
                    </form>
                    @else
                        <span class="collection-done-chip">✓ {{ __('ui.collection_done_short') }}</span>
                    @endif
                    <a href="{{ route('contributions.create', ['type'=>'attraction','id'=>$attraction->id]) }}" class="button button-ghost contribution-button">{{ __('ui.contribution_propose') }}</a>
                    @include('pages.partials.community-photo-upload', ['photoType' => 'attraction', 'photoId' => $attraction->id])
                    @if(auth()->user()->is_admin)
                        <a href="{{ route('admin.attractions.edit', $attraction) }}" class="button button-primary">{{ __('ui.public_admin_attraction') }}</a>
                    @endif
                </div>
                @endauth
            </div>

            <div class="attraction-live-card {{ $liveOpen ? 'is-open' : ($liveClosed ? 'is-closed' : '') }}" data-cw-live-attraction="{{ $attraction->id }}">
                <span>{{ __('ui.attraction_live') }}</span>
                <strong data-cw-live-status>{{ $live ? $liveStatusLabel : __('ui.live_status_unknown') }}</strong>
                <small data-cw-live-stale @if(!$live || $liveFresh) hidden @endif>{{ $live ? __('ui.live_data_stale') : __('ui.attraction_live_unavailable') }}</small>

                <div class="attraction-live-wait" data-cw-live-wait @if($displayWait === null) hidden @endif>
                    <b data-cw-live-wait-value>{{ $waitKind === 'walk_on' ? __('ui.live_walk_on_short') : ($displayWait ?? '—') }}</b>
                    <small data-cw-live-wait-unit @if($waitKind === 'walk_on') hidden @endif>min</small>
                </div>
                <small data-cw-live-empty @if($displayWait !== null || !$liveFresh || !$liveOpen) hidden @endif>
                    {{ $waitKind === 'unconfirmed_zero' ? __('ui.live_wait_unconfirmed') : __('ui.live_no_wait') }}
                </small>

                <small class="live-trend is-{{ $waitTrend }}" data-cw-live-trend @if($waitTrend === 'unknown') hidden @endif>
                    <span data-cw-live-trend-symbol>@if($waitTrend === 'up')↗@elseif($waitTrend === 'down')↘@else→@endif</span>
                    <span data-cw-live-trend-text>{{ $waitTrend !== 'unknown' ? __('ui.live_trend_'.$waitTrend) : '' }}</span>
                    <span data-cw-live-trend-delta @if($waitTrendDelta === null || $waitTrend === 'stable') hidden @endif>· {{ $waitTrendDelta !== null && $waitTrendDelta > 0 ? '+' : '' }}{{ $waitTrendDelta }} min</span>
                </small>

                <small data-cw-live-single @if($singleRiderWait === null && !($liveFresh && $liveOpen && $attraction->single_rider_available)) hidden @endif>
                    {{ __('ui.live_single_rider') }} · <span data-cw-live-single-value>{{ $singleRiderWait !== null ? $singleRiderWait.' min' : __('ui.special_queue_available') }}</span>
                </small>

                <small data-cw-live-source-time @if(!$liveObservedAt) hidden @endif>
                    {{ __('ui.live_updated_prefix') }} <time data-cw-live-source-relative datetime="{{ $liveObservedAt?->toIso8601String() }}">{{ $liveObservedAt?->diffForHumans() }}</time>
                </small>
                <small data-cw-live-checked-time @if(!$live?->fetched_at) hidden @endif>
                    {{ __('ui.live_checked_prefix') }} <time data-cw-live-fetched-relative datetime="{{ $live?->fetched_at?->toIso8601String() }}">{{ $live?->fetched_at?->diffForHumans() }}</time>
                </small>
            </div>
        </div>
    </div>
</section>

@if(session('community_photo_status') === 'submitted')
<div class="container"><div class="community-photo-flash is-success">{{ __('ui.community_photo_submitted') }}</div></div>
@endif

<section class="attraction-facts-strip">
    <div class="container attraction-facts-grid">
        <div>
            <span>{{ __('ui.attraction_type') }}</span>
            <strong>{{ $typeLabel }}</strong>
        </div>
        <div>
            <span>{{ __('ui.attraction_zone') }}</span>
            <strong>{{ $zoneName ?: '—' }}</strong>
        </div>
        <div>
            <span>{{ __('ui.attraction_min_height') }}</span>
            <strong>{{ $attraction->minimum_height_cm ? $attraction->minimum_height_cm.' cm' : '—' }}</strong>
        </div>
        <div>
            <span>{{ __('ui.attraction_opened') }}</span>
            <strong>{{ $attraction->opened_on ? $attraction->opened_on->format('Y') : '—' }}</strong>
        </div>
    </div>
</section>

<section class="section">
    <div class="container attraction-detail-grid">
        <article class="attraction-profile-panel catalog-inline-editable">
            @if(auth()->check() && auth()->user()->is_admin)
            <button type="button" class="catalog-inline-edit-trigger" data-catalog-inline-open="catalog-inline-identity" title="{{ __('ui.admin_inline_edit_identity') }}" aria-label="{{ __('ui.admin_inline_edit_identity') }}"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M4 20h4l11-11a2.8 2.8 0 0 0-4-4L4 16v4Z"/><path d="m13.5 6.5 4 4"/></svg></button>
            @endif
            <span class="eyebrow">{{ __('ui.attraction_profile_kicker') }}</span>
            <h2>{{ __('ui.attraction_profile_title') }}</h2>
            <p>{{ $translation?->description ?: $translation?->summary ?: __('ui.attraction_description_empty') }}</p>

            <x-ride-queue-badges :attraction="$attraction" :single-rider-wait="$singleRiderWait" size="large" show-labels class="detail-queue-badges" />

            <div class="attraction-identity-list">
                <div>
                    <span>{{ __('ui.attraction_park') }}</span>
                    <strong><a href="{{ route('parks.show', $park->slug) }}">{{ $parkName }}</a></strong>
                </div>
                <div>
                    <span>{{ __('ui.attraction_zone') }}</span>
                    <strong>{{ $zoneName ?: __('ui.attraction_unknown') }}</strong>
                </div>
                <div>
                    <span>{{ __('ui.attraction_type') }}</span>
                    <strong>{{ $typeLabel }}</strong>
                </div>
                <div>
                    <span>{{ __('ui.attraction_estimated_budget') }}</span>
                    <strong>{{ $attraction->estimated_budget ?: '—' }}</strong>
                </div>
                <div>
                    <span>{{ __('ui.attraction_status') }}</span>
                    <strong>{{ $catalogStatusLabel }}</strong>
                </div>
                <div>
                    <span>{{ __('ui.public_opened_on') }}</span>
                    <strong>{{ $attraction->opened_on?->translatedFormat('d F Y') ?: '—' }}</strong>
                </div>
                @if($attraction->closed_on)
                <div>
                    <span>{{ __('ui.public_closed_on') }}</span>
                    <strong>{{ $attraction->closed_on->translatedFormat('d F Y') }}</strong>
                </div>
                @endif
            </div>
        </article>

        <aside class="attraction-spec-panel catalog-inline-editable">
            @if(auth()->check() && auth()->user()->is_admin)
            <button type="button" class="catalog-inline-edit-trigger" data-catalog-inline-open="catalog-inline-technical" title="{{ __('ui.admin_inline_edit_technical') }}" aria-label="{{ __('ui.admin_inline_edit_technical') }}"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M4 20h4l11-11a2.8 2.8 0 0 0-4-4L4 16v4Z"/><path d="m13.5 6.5 4 4"/></svg></button>
            @endif
            <div class="section-heading">
                <span class="eyebrow">{{ __('ui.attraction_visit_kicker') }}</span>
                <h2>{{ __('ui.attraction_visit_title') }}</h2>
            </div>
            <div class="attraction-spec-table" data-cw-live-attraction="{{ $attraction->id }}">
                <div>
                    <span>{{ __('ui.attraction_min_height') }}</span>
                    <strong>{{ $attraction->minimum_height_cm ? $attraction->minimum_height_cm.' cm' : '—' }}</strong>
                </div>
                <div>
                    <span>{{ __('ui.attraction_min_unaccompanied_height') }}</span>
                    <strong>{{ $attraction->minimum_unaccompanied_height_cm ? $attraction->minimum_unaccompanied_height_cm.' cm' : '—' }}</strong>
                </div>
                <div>
                    <span>{{ __('ui.attraction_max_height') }}</span>
                    <strong>{{ $attraction->maximum_height_cm ? $attraction->maximum_height_cm.' cm' : '—' }}</strong>
                </div>
                <div>
                    <span>{{ __('ui.attraction_theoretical_capacity_per_hour') }}</span>
                    <strong>{{ $attraction->theoretical_capacity_per_hour !== null ? number_format((int) $attraction->theoretical_capacity_per_hour, 0, ',', ' ').' '.__('ui.theoretical_capacity_per_hour_unit') : '—' }}</strong>
                </div>
                <div>
                    <span>{{ __('ui.attraction_live_status') }}</span>
                    <strong data-cw-live-status>{{ $liveStatusLabel }}</strong>
                </div>
                <div>
                    <span>{{ __('ui.attraction_wait_time') }}</span>
                    <strong data-cw-live-wait-text>{{ $displayWait !== null ? ($waitKind === 'walk_on' ? __('ui.live_walk_on_short') : $displayWait.' min') : ($waitKind === 'unconfirmed_zero' ? __('ui.live_wait_unconfirmed') : '—') }}</strong>
                </div>
                @if($attraction->single_rider_available || $singleRiderWait !== null)
                <div>
                    <span>{{ __('ui.special_queue_single_rider') }}</span>
                    <strong>{{ $singleRiderWait !== null ? $singleRiderWait.' min' : __('ui.special_queue_available') }}</strong>
                </div>
                @endif
                @if($attraction->priority_access_name)
                <div>
                    <span>{{ __('ui.special_queue_priority') }}</span>
                    <strong>{{ $attraction->priority_access_name }}</strong>
                </div>
                @endif
            </div>
        </aside>
    </div>
</section>

@include('pages.partials.attraction-inline-admin-dialogs')

@include('pages.partials.wait-forecast', ['waitForecast' => $waitForecast])

@include('pages.partials.wait-history', ['waitHistory' => $waitHistory])

@include('pages.partials.park-context-card', ['parkCard' => $parkCard])

@if($gallery->isNotEmpty())
<section class="section section-soft">
    <div class="container">
        <div class="section-heading">
            <span class="eyebrow">{{ __('ui.attraction_gallery_kicker') }}</span>
            <h2>{{ __('ui.attraction_gallery_title') }}</h2>
        </div>
        <div class="park-gallery-grid">
            @foreach($gallery->take(6) as $photo)
                <figure>
                    <img src="{{ $photo['url'] }}" alt="{{ $attractionName }}" loading="lazy" decoding="async">
                    @if($photo['caption'] || $photo['credit'])
                        <figcaption>
                            @if($photo['caption'])
                                <strong>{{ $photo['caption'] }}</strong>
                            @endif
                            @if($photo['credit'])
                                <span>{{ $photo['credit'] }}</span>
                            @endif
                        </figcaption>
                    @endif
                </figure>
            @endforeach
        </div>
        @if($communityPhotoCount > 0)
        <div class="community-gallery-inline-action">
            <a class="button button-ghost" href="{{ route('community.photos.entity', ['attraction', $attraction->id]) }}">{{ __('ui.community_gallery_view_all') }} →</a>
        </div>
        @endif
    </div>
</section>
@endif

@if($related->isNotEmpty())
<section class="section">
    <div class="container">
        <div class="section-heading">
            <span class="eyebrow">{{ __('ui.attraction_related_kicker') }}</span>
            <h2>{{ __('ui.attraction_related_title', ['park' => $parkName]) }}</h2>
        </div>
        <div class="park-experience-grid related-experience-grid">
            @foreach($related as $relatedAttraction)
                @include('pages.partials.park-experience-card', ['attraction' => $relatedAttraction])
            @endforeach
        </div>
    </div>
</section>
@endif

@include('pages.partials.community-reviews', ['community' => $community])

@endsection