@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
    $attraction = $coaster->attraction;
    $park = $attraction->park;
    $translation = $attraction->translations->firstWhere('locale', app()->getLocale())
        ?? $attraction->translations->firstWhere('locale', 'en');
    $coasterName = $translation?->name ?: $attraction->official_name;
    $parkTranslation = $park->translations->firstWhere('locale', app()->getLocale())
        ?? $park->translations->firstWhere('locale', 'en');
    $parkName = $parkTranslation?->name ?: $park->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'),
    };
    $catalogStatusLabel = ucfirst(str_replace('_', ' ', $attraction->status ?: __('ui.coaster_unknown')));
    $parkLocation = collect([$park->city, $park->country?->official_name])->filter()->join(' · ');
    $modelName = $coaster->rideModel?->name;
    $modelDisplayName = $modelName;
    if ($modelDisplayName && $coaster->length_m !== null) {
        // Use a non-slash regex delimiter because '/' is one of the accepted
        // separators in model names such as "Family Thrill Launch / 670m".
        // The previous slash-delimited pattern treated that character as the
        // end of the regex and could raise an ErrorException on public pages.
        $cleanModelDisplayName = preg_replace('~\s*[/|·-]\s*\d+(?:[.,]\d+)?\s*m\s*$~iu', '', $modelDisplayName);
        if (is_string($cleanModelDisplayName) && trim($cleanModelDisplayName) !== '') {
            $modelDisplayName = $cleanModelDisplayName;
        }
    }
    $duration = $coaster->duration_seconds
        ? sprintf('%d:%02d', intdiv($coaster->duration_seconds, 60), $coaster->duration_seconds % 60)
        : null;
    $knownSpecs = collect([
        $coaster->height_m, $coaster->drop_m, $coaster->length_m, $coaster->speed_kmh,
        $coaster->inversions, $coaster->launches, $coaster->trains, $coaster->duration_seconds,
    ])->filter(fn ($value) => $value !== null)->count();
@endphp

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

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

@section('content')
<section class="coaster-detail-hero {{ $bannerUrl ? 'has-media' : '' }}"
    @if($bannerUrl) style="--coaster-hero-image: url('{{ $bannerUrl }}')" @endif>
    <div class="coaster-detail-shade" aria-hidden="true"></div>
    <div class="container coaster-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>{{ $coasterName }}</strong>
        </nav>

        <div class="coaster-hero-grid">
            <div>
                <span class="eyebrow">{{ __('ui.coaster_kicker') }}</span>
                <h1>{{ $coasterName }}</h1>
                <div class="coaster-hero-meta">
                    <a href="{{ route('parks.show', $park->slug) }}">{{ $parkName }}</a>
                    @if($coaster->manufacturer)<span>{{ $coaster->manufacturer->name }}</span>@endif
                    @if($modelDisplayName)<span>{{ $modelDisplayName }}</span>@endif
                    @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' => 'coaster', 'id' => $coaster->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' => 'coaster', 'id' => $coaster->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'=>'coaster','id'=>$coaster->id]) }}" class="button button-ghost contribution-button">{{ __('ui.contribution_propose') }}</a>
                    @include('pages.partials.community-photo-upload', ['photoType' => 'coaster', 'photoId' => $coaster->id])
                    @if(auth()->user()->is_admin)
                        <a href="{{ route('admin.coasters.edit', $coaster) }}" class="button button-primary">{{ __('ui.public_admin_coaster') }}</a>
                    @endif
                </div>
                @endauth
            </div>

            <div class="coaster-live-card {{ $liveOpen ? 'is-open' : ($liveClosed ? 'is-closed' : '') }}" data-cw-live-attraction="{{ $attraction->id }}">
                <span>{{ __('ui.coaster_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.coaster_live_unavailable') }}</small>

                <div class="coaster-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="coaster-facts-strip coaster-facts-strip-v2">
    <div class="container coaster-facts-grid coaster-facts-grid-v2">
        <div class="coaster-fact-card">
            <span class="coaster-fact-icon" aria-hidden="true">
                <svg viewBox="0 0 24 24"><path d="M5 16a7 7 0 1 1 14 0"/><path d="M12 16l4-5"/><path d="M7.5 12.5 6 11"/><path d="M16.5 12.5 18 11"/><path d="M12 9V7"/></svg>
            </span>
            <span class="coaster-fact-copy">
                <span class="coaster-fact-label">{{ __('ui.coaster_speed') }}</span>
                <span class="coaster-fact-value"><strong>{{ $coaster->speed_kmh !== null ? rtrim(rtrim(number_format((float)$coaster->speed_kmh, 1, '.', ''), '0'), '.') : '—' }}</strong><small>km/h</small></span>
            </span>
        </div>
        <div class="coaster-fact-card">
            <span class="coaster-fact-icon" aria-hidden="true">
                <svg viewBox="0 0 24 24"><path d="M12 4v16"/><path d="m8.5 7.5 3.5-3.5 3.5 3.5"/><path d="m8.5 16.5 3.5 3.5 3.5-3.5"/><path d="M5 20h14"/></svg>
            </span>
            <span class="coaster-fact-copy">
                <span class="coaster-fact-label">{{ __('ui.coaster_height') }}</span>
                <span class="coaster-fact-value"><strong>{{ $coaster->height_m !== null ? rtrim(rtrim(number_format((float)$coaster->height_m, 1, '.', ''), '0'), '.') : '—' }}</strong><small>m</small></span>
            </span>
        </div>
        <div class="coaster-fact-card">
            <span class="coaster-fact-icon" aria-hidden="true">
                <svg viewBox="0 0 24 24"><path d="M4 12h16"/><path d="m7 9-3 3 3 3"/><path d="m17 9 3 3-3 3"/><path d="M7 17h10"/></svg>
            </span>
            <span class="coaster-fact-copy">
                <span class="coaster-fact-label">{{ __('ui.coaster_length') }}</span>
                <span class="coaster-fact-value"><strong>{{ $coaster->length_m !== null ? rtrim(rtrim(number_format((float)$coaster->length_m, 1, '.', ''), '0'), '.') : '—' }}</strong><small>m</small></span>
            </span>
        </div>
        <div class="coaster-fact-card">
            <span class="coaster-fact-icon" aria-hidden="true">
                <svg viewBox="0 0 24 24"><path d="M18.5 8.5a7 7 0 1 0 .8 6.1"/><path d="m18 4 .5 4.5L14 8"/><circle cx="12" cy="12" r="2.5"/></svg>
            </span>
            <span class="coaster-fact-copy">
                <span class="coaster-fact-label">{{ __('ui.coaster_inversions') }}</span>
                <span class="coaster-fact-value"><strong>{{ $coaster->inversions ?? '—' }}</strong></span>
            </span>
        </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.coaster_profile_kicker') }}</span>
            <h2>{{ __('ui.coaster_profile_title') }}</h2>
            <p>{{ $translation?->description ?: $translation?->summary ?: __('ui.coaster_description_empty') }}</p>

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

            @if($knownSpecs === 0)
                <div class="coaster-data-notice">
                    <strong>{{ __('ui.coaster_data_pending_title') }}</strong>
                    <p>{{ __('ui.coaster_data_pending_text') }}</p>
                </div>
            @endif

            <div class="attraction-identity-list">
                <div><span>{{ __('ui.coaster_park') }}</span><strong><a href="{{ route('parks.show', $park->slug) }}">{{ $parkName }}</a></strong></div>
                <div><span>{{ __('ui.coaster_manufacturer') }}</span><strong>{{ $coaster->manufacturer?->name ?: __('ui.coaster_unknown') }}</strong></div>
                <div><span>{{ __('ui.coaster_model') }}</span><strong>{{ $modelDisplayName ?: __('ui.coaster_unknown') }}</strong></div>
                <div><span>{{ __('ui.coaster_type') }}</span><strong>{{ $coaster->coaster_type ?: __('ui.coaster_unknown') }}</strong></div>
                <div><span>{{ __('ui.coaster_track') }}</span><strong>{{ $coaster->track_material ?: __('ui.coaster_unknown') }}</strong></div>
                <div><span>{{ __('ui.coaster_propulsion') }}</span><strong>{{ $coaster->propulsion_type ?: __('ui.coaster_unknown') }}</strong></div>
                <div><span>{{ __('ui.coaster_length') }}</span><strong>{{ $coaster->length_m !== null ? rtrim(rtrim(number_format((float) $coaster->length_m, 1, '.', ''), '0'), '.') .' m' : '—' }}</strong></div>
                <div><span>{{ __('ui.coaster_duration') }}</span><strong>{{ $duration ?: '—' }}</strong></div>
                <div><span>{{ __('ui.coaster_estimated_budget') }}</span><strong>{{ $attraction->estimated_budget ?: '—' }}</strong></div>
                <div><span>{{ __('ui.public_catalog_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.coaster_specs_kicker') }}</span>
                <h2>{{ __('ui.coaster_specs_title') }}</h2>
            </div>
            <div class="attraction-spec-table">
                <div><span>{{ __('ui.coaster_drop') }}</span><strong>{{ $coaster->drop_m !== null ? rtrim(rtrim(number_format((float)$coaster->drop_m, 1, '.', ''), '0'), '.') .' m' : '—' }}</strong></div>
                <div><span>{{ __('ui.coaster_launches') }}</span><strong>{{ $coaster->launches ?? '—' }}</strong></div>
                <div><span>{{ __('ui.coaster_trains') }}</span><strong>{{ $coaster->trains ?? '—' }}</strong></div>
                <div><span>{{ __('ui.coaster_cars_per_train') }}</span><strong>{{ $coaster->cars_per_train ?? '—' }}</strong></div>
                <div><span>{{ __('ui.coaster_riders_per_car') }}</span><strong>{{ $coaster->riders_per_car ?? '—' }}</strong></div>
                <div><span>{{ __('ui.coaster_rows_per_car') }}</span><strong>{{ $coaster->safeRowsPerCar() ?? '—' }}</strong></div>
                <div><span>{{ __('ui.coaster_riders_per_row') }}</span><strong>{{ $coaster->riders_per_row ?? '—' }}</strong></div>
                <div><span>{{ __('ui.coaster_riders_train') }}</span><strong>{{ $coaster->riders_per_train ?? '—' }}</strong></div>
                <div><span>{{ __('ui.coaster_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.coaster_min_height') }}</span><strong>{{ $attraction->minimum_height_cm ? $attraction->minimum_height_cm.' cm' : '—' }}</strong></div>
                <div><span>{{ __('ui.coaster_min_unaccompanied_height') }}</span><strong>{{ $attraction->minimum_unaccompanied_height_cm ? $attraction->minimum_unaccompanied_height_cm.' cm' : '—' }}</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.coaster-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.coaster_gallery_kicker') }}</span>
            <h2>{{ __('ui.coaster_gallery_title') }}</h2>
        </div>
        <div class="park-gallery-grid">
            @foreach($gallery->take(6) as $photo)
                <figure>
                    <img src="{{ $photo['url'] }}" alt="{{ $coasterName }}" 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', ['coaster', $coaster->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.coaster_related_kicker') }}</span>
            <h2>{{ __('ui.coaster_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