@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
    $translation = $park->translations->firstWhere('locale', app()->getLocale())
        ?? $park->translations->firstWhere('locale', 'en');
    $parkName = $translation?->name ?: $park->official_name;
    $description = $translation?->description ?: $translation?->summary;
    $parkLiveState = $parkOperatingState['state'] ?? 'unknown';
    $isParkOpen = ($parkOperatingState['is_open'] ?? null) === true;
    $todayOpen = $parkOperatingState['opens_at'] ?? $todayHours?->opens_at?->timezone($park->timezone);
    $todayClose = $parkOperatingState['closes_at'] ?? $todayHours?->closes_at?->timezone($park->timezone);
    $parkLiveStateLabel = match($parkLiveState) {
        'open' => __('ui.park_status_open_now'),
        'opening_later' => __('ui.park_status_opening_later'),
        'closed' => __('ui.park_status_closed_now'),
        default => __('ui.park_status_unknown_now'),
    };
    $hasLive = $freshLiveCount > 0;
    $lat = $location?->latitude;
    $lng = $location?->longitude;
    $parkTypeLabel = __('ui.admin_park_type_'.$park->park_type);
    $parkNameLength = mb_strlen($parkName);
    $parkNameSizeClass = $parkNameLength >= 30 ? 'is-name-very-long' : ($parkNameLength >= 20 ? 'is-name-long' : '');
@endphp

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

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

@section('content')
@if(session('gps_status'))<div class="container"><div class="admin-success">{{ session('gps_status') }}</div></div>@endif
@if($errors->has('gps'))<div class="container"><div class="admin-error">{{ $errors->first('gps') }}</div></div>@endif
<section class="park-detail-hero park-detail-hero-v199929 park-detail-hero-v199930 {{ $bannerUrl ? 'has-media' : '' }}"
    @if($bannerUrl) style="--park-hero-image: url('{{ $bannerUrl }}')" @endif>
    <div class="park-detail-hero-shade" aria-hidden="true"></div>
    <div class="container park-detail-hero-content">
        <nav class="park-detail-breadcrumb" aria-label="{{ __('ui.a11y_breadcrumbs') }}">
            <a href="{{ route('home') }}">{{ __('ui.nav_home') }}</a>
            <span>›</span>
            <a href="{{ route('search', ['type' => 'park']) }}">{{ __('ui.nav_explore') }}</a>
            <span>›</span>
            <strong>{{ $parkName }}</strong>
        </nav>

        <div class="park-detail-main park-detail-main-compact">
            <div class="park-detail-identity">
                <div class="park-detail-brand park-detail-brand-compact">
                    <div class="park-detail-title-block">
                        <span class="eyebrow">
                            @if($park->country?->official_name)
                                <x-country-label :code="$park->country?->iso2" :name="$park->country?->official_name" size="small" />
                            @endif
                            @if($park->city)
                                · {{ $park->city }}
                            @endif
                        </span>
                        <h1 class="{{ $parkNameSizeClass }}">{{ $parkName }}</h1>
                        <div class="park-detail-status park-detail-status-compact">
                            <span class="status-pill">{{ $parkTypeLabel }}</span>
                            <span class="status-pill {{ $isParkOpen ? 'is-open' : '' }}" data-park-operating-status>
                                {{ $parkLiveStateLabel }}
                            </span>
                        </div>
                    </div>
                </div>

                <div class="park-detail-quickfacts" aria-label="{{ __('ui.park_today') }}">
                    <div class="park-detail-quickfact">
                        <span>{{ __('ui.park_opening_hours') }}</span>
                        <strong data-park-hours-status>
                            {{ $todayOpen && $todayClose ? $todayOpen->format('H:i').'–'.$todayClose->format('H:i') : __('ui.park_hours_unavailable') }}
                        </strong>
                    </div>
                    <div class="park-detail-quickfact">
                        <span>{{ __('ui.park_weather') }}</span>
                        <strong data-weather-hero>
                            @if($weather?->temperature_c !== null)
                                {{ $weatherConditionIcon }} {{ rtrim(rtrim(number_format((float) $weather->temperature_c, 1, ',', ''), '0'), ',') }}°C
                            @else
                                —
                            @endif
                        </strong>
                    </div>
                    <div class="park-detail-quickfact">
                        <span>{{ __('ui.park_coasters') }}</span>
                        <strong>{{ $coasters->count() }}</strong>
                    </div>
                    <div class="park-detail-quickfact">
                        <span>{{ __('ui.park_attractions') }}</span>
                        <strong>{{ $otherAttractions->count() }}</strong>
                    </div>
                    <div class="park-detail-quickfact is-live">
                        <span>{{ __('ui.park_live') }}</span>
                        <strong><i class="{{ $hasLive ? 'is-on' : '' }}"></i><span data-live-summary>{{ $hasLive ? $openLiveCount.'/'.$freshLiveCount : '—' }}</span></strong>
                    </div>
                </div>
            </div>

            <div class="park-detail-actions park-detail-actions-compact">
                @if($hasLive)
                    <a href="#live" class="button button-primary">{{ __('ui.park_live_now') }}</a>
                @endif
                <a href="#catalogue" class="button {{ $hasLive ? 'button-ghost' : 'button-primary' }}">{{ __('ui.park_see_attractions') }}</a>
                <a href="{{ route('parks.map',$park->slug) }}" class="button button-ghost">{{ __('ui.park_map_open') }}</a>

                @auth
                    @if($activeVisit)
                        <a href="{{ route('visit.show', $activeVisit) }}" class="button button-primary">
                            {{ $activeVisit->park_id === $park->id ? __('ui.visit_resume') : __('ui.visit_active_elsewhere') }}
                        </a>
                    @else
                        <form method="post" action="{{ route('visit.start', $park) }}" @if(!auth()->user()->is_admin) data-gps-required data-gps-kind="visit" data-gps-loading="{{ __('ui.gps_locating') }}" 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.visit_start') }}</button>
                        </form>
                    @endif
                @endauth

                @if($park->ticket_url || auth()->check())
                    <div class="park-detail-utility-actions">
                        @auth
                            <form method="post" action="{{ route('favorites.toggle', ['type' => 'park', 'id' => $park->id]) }}" class="park-detail-follow-form">@csrf
                                <button
                                    type="submit"
                                    class="button button-ghost park-detail-follow-button {{ $isFavorite ? 'is-active' : '' }}"
                                    aria-label="{{ $isFavorite ? __('ui.my_world_unfollow_park') : __('ui.my_world_follow_park') }}"
                                    title="{{ $isFavorite ? __('ui.my_world_unfollow_park') : __('ui.my_world_follow_park') }}"
                                    aria-pressed="{{ $isFavorite ? 'true' : 'false' }}"
                                >
                                    <x-nav-icon name="heart" />
                                </button>
                            </form>
                        @endauth

                        <details class="park-detail-more-menu" data-park-more-menu>
                            <summary class="button button-ghost park-detail-more-trigger" aria-label="{{ __('ui.park_more_actions') }}" title="{{ __('ui.park_more_actions') }}">
                                <span aria-hidden="true">•••</span>
                            </summary>
                            <div class="park-detail-more-panel">
                                <div class="park-detail-more-head">
                                    <strong>{{ __('ui.park_more_actions') }}</strong>
                                </div>

                                @auth
                                    @if(auth()->user()->is_admin)
                                        <a href="{{ route('admin.parks.edit', $park) }}" class="park-detail-more-item park-detail-more-item-admin">
                                            {{ __('ui.admin_edit_park') }}
                                        </a>
                                    @endif
                                @endauth

                                @if($park->ticket_url)
                                    <a href="{{ $park->ticket_url }}" target="_blank" rel="noopener" class="park-detail-more-item">{{ __('ui.park_tickets') }}</a>
                                @endif

                                @auth
                                    <form method="post" action="{{ route('wishlist.toggle', ['type' => 'park', 'id' => $park->id]) }}">@csrf
                                    <button type="submit" class="park-detail-more-item {{ $isWishlisted ? 'is-active' : '' }}">
                                        {{ $isWishlisted ? __('ui.wishlist_remove') : __('ui.wishlist_add_park') }}
                                    </button>
                                </form>

                                @if($plannedVisit)
                                    <a href="{{ route('collection') }}#planned-visits" class="park-detail-more-item is-active">
                                        {{ __('ui.plan_planned_for', ['date' => $plannedVisit->starts_on->format('d/m/Y')]) }}
                                    </a>
                                @else
                                    <details class="visit-plan-details park-more-plan-details">
                                        <summary class="park-detail-more-item">{{ __('ui.plan_visit') }}</summary>
                                        <form method="post" action="{{ route('visits.plan', $park) }}" class="visit-plan-form">@csrf
                                            <label>
                                                <span>{{ __('ui.plan_start_date') }}</span>
                                                <input type="date" name="starts_on" min="{{ now()->toDateString() }}" required>
                                            </label>
                                            <label>
                                                <span>{{ __('ui.plan_end_date') }}</span>
                                                <input type="date" name="ends_on" min="{{ now()->toDateString() }}">
                                            </label>
                                            <label class="visit-plan-notes">
                                                <span>{{ __('ui.plan_notes') }}</span>
                                                <textarea name="private_notes" rows="3" maxlength="2000" placeholder="{{ __('ui.plan_notes_placeholder') }}"></textarea>
                                            </label>
                                            <button type="submit" class="button button-primary">{{ __('ui.plan_confirm') }}</button>
                                        </form>
                                    </details>
                                @endif

                                @if(!$isVisited)
                                    <form method="post" action="{{ route('collection.visited', $park) }}" @if(!auth()->user()->is_admin) data-gps-required data-gps-kind="visit" data-gps-loading="{{ __('ui.gps_locating') }}" 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="park-detail-more-item">{{ __('ui.collection_mark_visited') }}</button>
                                    </form>
                                @else
                                    <span class="park-detail-more-item is-done">✓ {{ __('ui.collection_visited') }}</span>
                                @endif

                                <a href="{{ route('contributions.create', ['type'=>'park','id'=>$park->id]) }}" class="park-detail-more-item">{{ __('ui.contribution_propose') }}</a>
                                @include('pages.partials.community-photo-upload', ['photoType' => 'park', 'photoId' => $park->id])
                            @endauth
                        </div>
                        </details>
                    </div>
                @endif
            </div>
        </div>
    </div>
</section>

<section class="section park-planning-section">
    <div class="container">
        <div class="park-planning-grid">
            <article class="park-opening-calendar-panel">
                <div class="park-panel-heading park-calendar-heading">
                    <div>
                        <span class="eyebrow">{{ __('ui.park_opening_calendar_kicker') }}</span>
                        <h2>{{ __('ui.park_opening_calendar_compact_title') }}</h2>
                    </div>
                    <div class="park-calendar-heading-tools">
                        <span class="park-calendar-range">{{ $calendarRangeLabel }}</span>
                        <form method="get" class="park-calendar-window-form">
                            <label for="park-calendar-window" class="sr-only">{{ __('ui.park_calendar_period_selector') }}</label>
                            <select id="park-calendar-window" name="calendar_window" aria-label="{{ __('ui.park_calendar_period_selector') }}">
                                @foreach($calendarWindows as $window)
                                    <option value="{{ $window['value'] }}" @selected($calendarWindow === $window['value'])>
                                        {{ $window['value'] === 0 ? __('ui.park_calendar_current_period') : $window['label'] }}
                                    </option>
                                @endforeach
                            </select>
                            <button type="submit" class="park-calendar-window-submit">{{ __('ui.park_calendar_show_period') }}</button>
                        </form>
                    </div>
                </div>

                <div class="park-calendar-frame">
                    <div class="park-calendar-weekdays" aria-hidden="true">
                        @foreach([__('ui.day_mon_short'), __('ui.day_tue_short'), __('ui.day_wed_short'), __('ui.day_thu_short'), __('ui.day_fri_short'), __('ui.day_sat_short'), __('ui.day_sun_short')] as $weekday)
                            <span>{{ $weekday }}</span>
                        @endforeach
                    </div>

                    <div class="park-calendar-grid" aria-label="{{ __('ui.park_opening_calendar_title') }}">
                        @foreach($openingCalendar as $calendarDay)
                            @php
                                $fullHours = $calendarDay['periods']->join(' · ');
                                $dayLabel = mb_strtoupper(mb_substr($calendarDay['date']->copy()->locale(app()->getLocale())->translatedFormat('D'), 0, 2));
                                $compactPeriodParts = is_string($calendarDay['compact_period'])
                                    ? preg_split('/\s+–\s+/u', $calendarDay['compact_period'], 2)
                                    : [];
                            @endphp
                            <article
                                class="park-calendar-day is-{{ $calendarDay['state'] }} {{ $calendarDay['is_today'] ? 'is-today' : '' }} {{ $calendarDay['is_past'] ? 'is-past' : '' }}"
                                title="{{ $calendarDay['state'] === 'open' ? $fullHours : ($calendarDay['state'] === 'closed' ? __('ui.park_calendar_closed') : __('ui.park_calendar_unknown')) }}"
                            >
                                <div class="park-calendar-date">
                                    <time datetime="{{ $calendarDay['date']->toDateString() }}">{{ $calendarDay['date']->format('j') }}</time>
                                    @if($calendarDay['is_today'])
                                        <i class="park-calendar-today-dot" aria-label="{{ __('ui.park_calendar_today') }}"></i>
                                    @endif
                                    @if($calendarDay['date']->day === 1)
                                        <span class="park-calendar-month">{{ mb_strtoupper(mb_substr($calendarDay['date']->copy()->locale(app()->getLocale())->translatedFormat('M'), 0, 3)) }}</span>
                                    @endif
                                </div>

                                @if($calendarDay['state'] === 'open')
                                    <strong class="park-calendar-hours">
                                        @if(count($compactPeriodParts) === 2)
                                            <span class="park-calendar-hours-from">{{ $compactPeriodParts[0] }}&nbsp;–</span>
                                            <span class="park-calendar-hours-to">{{ $compactPeriodParts[1] }}</span>
                                        @else
                                            <span>{{ $calendarDay['compact_period'] }}</span>
                                        @endif
                                        @if($calendarDay['periods']->count() > 1)
                                            <span class="park-calendar-hours-more">+</span>
                                        @endif
                                    </strong>
                                @elseif($calendarDay['state'] === 'closed')
                                    <strong>{{ __('ui.park_calendar_closed') }}</strong>
                                @else
                                    <strong>—</strong>
                                @endif

                            </article>
                        @endforeach
                    </div>
                </div>
            </article>

            <aside class="park-today-panel" id="live">
                        <div class="park-panel-heading">
                            <div>
                                <span class="eyebrow">{{ __('ui.park_today') }}</span>
                                <h2>{{ __('ui.park_prepare_visit') }}</h2>
                            </div>
                            @if($hasLive)<span class="live-chip"><i></i> LIVE</span>@endif
                        </div>
            
                        <div class="park-today-grid">
                            <div class="park-today-item">
                                <span>{{ __('ui.park_opening_hours') }}</span>
                                <strong>
                                    @if($todayOpen && $todayClose)
                                        {{ $todayOpen->format('H:i') }} – {{ $todayClose->format('H:i') }}
                                    @else
                                        {{ __('ui.park_hours_unavailable') }}
                                    @endif
                                </strong>
                                <small>{{ $park->timezone }}</small>
                                <div
                                    class="park-early-access"
                                    data-park-early-access
                                    title="{{ __('ui.park_early_access_note') }}"
                                    @if($todayEarlyAccessPeriods->isEmpty()) hidden @endif
                                >
                                    <span>{{ __('ui.park_early_access') }}</span>
                                    <b data-park-early-access-value>{{ $todayEarlyAccessPeriods->pluck('label')->join(' · ') }}</b>
                                </div>
                            </div>
            
                            <div class="park-today-item park-weather-item" data-weather-card>
                                <span>{{ __('ui.park_weather') }}</span>
                                <strong class="park-weather-value">
                                    <i data-weather-icon aria-hidden="true">{{ $weather ? $weatherConditionIcon : '🌡️' }}</i>
                                    <b data-weather-temperature>
                                        @if($weather?->temperature_c !== null)
                                            {{ rtrim(rtrim(number_format((float) $weather->temperature_c, 1, ',', ''), '0'), ',') }}°C
                                        @else
                                            {{ __('ui.park_weather_unavailable') }}
                                        @endif
                                    </b>
                                </strong>
                                <small data-weather-condition>{{ $weather ? $weatherConditionLabel : '—' }}</small>
                                <small class="park-weather-details" data-weather-details>
                                    @if($weather)
                                        @if($weather->feels_like_c !== null)
                                            {{ __('ui.weather_feels_like') }} {{ rtrim(rtrim(number_format((float) $weather->feels_like_c, 1, ',', ''), '0'), ',') }}°C
                                        @endif
                                        @if($weather->wind_speed_kmh !== null)
                                            @if($weather->feels_like_c !== null) · @endif
                                            {{ __('ui.weather_wind') }} {{ (int) round((float) $weather->wind_speed_kmh) }} km/h
                                        @endif
                                    @endif
                                </small>
                                <small class="park-weather-source" data-weather-source @if(!$weather) hidden @endif>
                                    {{ __('ui.weather_source') }}
                                    <a href="https://open-meteo.com/" target="_blank" rel="noopener">Open-Meteo</a>
                                    · <a href="https://creativecommons.org/licenses/by/4.0/" target="_blank" rel="noopener">CC BY 4.0</a>
                                </small>
                            </div>
            
                            @php
                                $todayAttractionCounts = $liveStatusCounts['attractions'] ?? ['open' => 0, 'unavailable' => 0, 'closed' => 0, 'down' => 0, 'maintenance' => 0, 'unknown' => 0];
                                $todayCoasterCounts = $liveStatusCounts['coasters'] ?? ['open' => 0, 'unavailable' => 0, 'closed' => 0, 'down' => 0, 'maintenance' => 0, 'unknown' => 0];
                            @endphp
            
                            <div class="park-today-item park-status-count-item">
                                <span>{{ __('ui.park_today_attractions') }}</span>
                                <strong class="park-status-counts">
                                    <span class="is-open"><b data-attractions-open>{{ $todayAttractionCounts['open'] }}</b> {{ __('ui.park_today_open_feminine') }}</span>
                                    <span class="is-unavailable"><b data-attractions-unavailable>{{ $todayAttractionCounts['unavailable'] }}</b> {{ __('ui.park_today_unavailable_feminine') }}</span>
                                </strong>
                                <small class="park-status-breakdown">
                                    {{ __('ui.park_today_closed') }} <b data-attractions-closed>{{ $todayAttractionCounts['closed'] }}</b>
                                    · {{ __('ui.park_today_down') }} <b data-attractions-down>{{ $todayAttractionCounts['down'] }}</b>
                                    · {{ __('ui.park_today_maintenance') }} <b data-attractions-maintenance>{{ $todayAttractionCounts['maintenance'] }}</b>
                                    · {{ __('ui.park_today_unknown') }} <b data-attractions-unknown>{{ $todayAttractionCounts['unknown'] }}</b>
                                </small>
                            </div>
            
                            <div class="park-today-item park-status-count-item">
                                <span>{{ __('ui.park_today_coasters') }}</span>
                                <strong class="park-status-counts">
                                    <span class="is-open"><b data-coasters-open>{{ $todayCoasterCounts['open'] }}</b> {{ __('ui.park_today_open_masculine') }}</span>
                                    <span class="is-unavailable"><b data-coasters-unavailable>{{ $todayCoasterCounts['unavailable'] }}</b> {{ __('ui.park_today_unavailable_masculine') }}</span>
                                </strong>
                                <small class="park-status-breakdown">
                                    {{ __('ui.park_today_closed') }} <b data-coasters-closed>{{ $todayCoasterCounts['closed'] }}</b>
                                    · {{ __('ui.park_today_down') }} <b data-coasters-down>{{ $todayCoasterCounts['down'] }}</b>
                                    · {{ __('ui.park_today_maintenance') }} <b data-coasters-maintenance>{{ $todayCoasterCounts['maintenance'] }}</b>
                                    · {{ __('ui.park_today_unknown') }} <b data-coasters-unknown>{{ $todayCoasterCounts['unknown'] }}</b>
                                </small>
                            </div>
                        </div>
            
                        <div class="park-today-actions">
                            @if($park->ticket_url)
                                <a href="{{ $park->ticket_url }}" target="_blank" rel="noopener" class="button button-primary park-ticket-button">
                                    {{ __('ui.park_tickets') }}
                                </a>
                            @else
                                <span class="button button-primary park-ticket-button is-disabled" aria-disabled="true" title="{{ __('ui.park_tickets_missing') }}">
                                    {{ __('ui.park_tickets') }}
                                </span>
                                <small>{{ __('ui.park_tickets_missing') }}</small>
                            @endif
                        </div>
            
                        @if($park->shows->isNotEmpty())
                            <div class="park-show-strip">
                                <span>{{ __('ui.park_shows_today') }}</span>
                                @foreach($park->shows->take(3) as $show)
                                    @php
                                        $showTranslation = $show->translations->firstWhere('locale', app()->getLocale())
                                            ?? $show->translations->firstWhere('locale', 'en');
                                        $showName = $showTranslation?->name ?: $show->official_name;
                                    @endphp
                                    <div>
                                        <strong>{{ $showName }}</strong>
                                        <small>
                                            {{ $show->showtimes->isNotEmpty()
                                                ? $show->showtimes->take(3)->map(fn($time) => $time->starts_at->timezone($park->timezone)->format('H:i'))->join(' · ')
                                                : __('ui.park_no_showtime') }}
                                        </small>
                                    </div>
                                @endforeach
                            </div>
                        @endif
                    </aside>
        </div>
    </div>
</section>

@include('pages.partials.community-tips')

@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="section park-presence-section">
    <div class="container">
        @if(session('park_presence_status'))
            <div class="admin-success">{{ session('park_presence_status') }}</div>
        @endif

        <div class="park-presence-shell">
            <div class="park-presence-copy">
                <span class="eyebrow">{{ __('ui.park_presence_kicker') }}</span>
                <h2>{{ __('ui.park_presence_title') }}</h2>
                <p>{{ __('ui.park_presence_intro') }}</p>

                <div class="park-presence-stats">
                    <div>
                        <strong>{{ $visiblePresences->count() }}</strong>
                        <span>{{ __('ui.park_presence_visible_now') }}</span>
                    </div>
                    @auth
                        <div>
                            <strong>{{ $friendPresenceCount }}</strong>
                            <span>{{ __('ui.park_presence_friends_here') }}</span>
                        </div>
                    @endauth
                </div>

                <small class="park-presence-privacy-note">{{ __('ui.park_presence_privacy_note') }}</small>
            </div>

            <div class="park-presence-control">
                @auth
                    @if($currentPresence)
                        <div class="park-presence-current">
                            <span class="park-presence-active-chip">● {{ __('ui.park_presence_active') }}</span>
                            <strong>{{ __('ui.park_presence_you_are_here') }}</strong>
                            <small>{{ __('ui.park_presence_since', ['time' => $currentPresence->started_at?->timezone($park->timezone)->format('H:i')]) }}</small>
                        </div>

                        <form method="post" action="{{ route('parks.presence.update', $park) }}" class="park-presence-form">
                            @csrf
                            @method('PUT')
                            <label>
                                <span>{{ __('ui.park_presence_visibility') }}</span>
                                <select name="visibility">
                                    <option value="private" @selected($currentPresence->visibility === 'private')>{{ __('ui.park_presence_private') }}</option>
                                    <option value="friends" @selected($currentPresence->visibility === 'friends')>{{ __('ui.park_presence_friends') }}</option>
                                    <option value="public" @selected($currentPresence->visibility === 'public')>{{ __('ui.park_presence_public') }}</option>
                                </select>
                            </label>
                            <button class="button button-ghost" type="submit">{{ __('ui.park_presence_update_visibility') }}</button>
                        </form>

                        <form method="post" action="{{ route('parks.presence.destroy', $park) }}">
                            @csrf
                            @method('DELETE')
                            <button class="button button-ghost" type="submit">{{ __('ui.park_presence_leave') }}</button>
                        </form>
                    @else
                        <strong>{{ __('ui.park_presence_checkin_title') }}</strong>
                        <p>{{ __('ui.park_presence_checkin_help') }}</p>

                        <form method="post" action="{{ route('parks.presence.store', $park) }}" class="park-presence-form" @if(!auth()->user()->is_admin) data-gps-required data-gps-kind="visit" data-gps-loading="{{ __('ui.gps_locating') }}" 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
                            <label>
                                <span>{{ __('ui.park_presence_visibility') }}</span>
                                <select name="visibility">
                                    <option value="private" @selected($presenceDefault === 'private')>{{ __('ui.park_presence_private') }}</option>
                                    <option value="friends" @selected($presenceDefault === 'friends')>{{ __('ui.park_presence_friends') }}</option>
                                    <option value="public" @selected($presenceDefault === 'public')>{{ __('ui.park_presence_public') }}</option>
                                </select>
                            </label>
                            <button class="button button-primary" type="submit">{{ __('ui.park_presence_checkin') }}</button>
                        </form>
                    @endif
                @else
                    <strong>{{ __('ui.park_presence_guest_title') }}</strong>
                    <p>{{ __('ui.park_presence_guest_help') }}</p>
                    <a class="button button-primary" href="{{ route('login') }}">{{ __('ui.auth_login') }}</a>
                @endauth
            </div>
        </div>

        @if($visiblePresences->isNotEmpty())
            <div class="park-presence-people">
                <div class="park-presence-people-head">
                    <strong>{{ __('ui.park_presence_people_title') }}</strong>
                    <span>{{ __('ui.park_presence_people_help') }}</span>
                </div>
                <div class="park-presence-people-list">
                    @foreach($visiblePresences->take(8) as $presence)
                        @php
                            $presenceUser = $presence->user;
                            $presenceName = $presenceUser?->username ? '@'.$presenceUser->username : $presenceUser?->name;
                        @endphp
                        <div class="park-presence-person">
                            <div class="friends-user-avatar">{{ mb_strtoupper(mb_substr($presenceName ?: '?', 0, 1)) }}</div>
                            <div>
                                <strong>{{ $presenceName }}</strong>
                                <span>
                                    {{ $presence->visibility === 'friends'
                                        ? __('ui.park_presence_visible_friends')
                                        : __('ui.park_presence_visible_public') }}
                                </span>
                            </div>
                        </div>
                    @endforeach
                </div>
            </div>
        @endif
    </div>
</section>

<section class="section ride-together-section" id="ride-together">
    <div class="container">
        @if(session('ride_together_status'))
            <div class="admin-success">{{ session('ride_together_status') }}</div>
        @endif
        @if($errors->has('ride_together') || $errors->has('scheduled_for'))
            <div class="admin-error">{{ $errors->first() }}</div>
        @endif

        <div class="ride-together-heading">
            <div>
                <span class="eyebrow">{{ __('ui.ride_together_kicker') }}</span>
                <h2>{{ __('ui.ride_together_title') }}</h2>
                <p>{{ __('ui.ride_together_intro') }}</p>
            </div>
            @auth
                <button class="button button-primary" type="button" data-ride-together-toggle>{{ __('ui.ride_together_propose') }}</button>
            @endauth
        </div>

        @auth
            <div class="ride-together-create" data-ride-together-create hidden>
                <form method="post" action="{{ route('parks.ride-together.store', $park) }}">
                    @csrf
                    <div class="ride-together-form-grid">
                        <label>
                            <span>{{ __('ui.ride_together_attraction') }}</span>
                            <select name="attraction_id" required>
                                <option value="">{{ __('ui.ride_together_choose_attraction') }}</option>
                                @foreach($park->attractions as $rideAttraction)
                                    @php
                                        $rideTranslation = $rideAttraction->translations->firstWhere('locale', app()->getLocale())
                                            ?? $rideAttraction->translations->firstWhere('locale', 'en');
                                    @endphp
                                    <option value="{{ $rideAttraction->id }}" @selected((string) old('attraction_id') === (string) $rideAttraction->id)>
                                        {{ $rideTranslation?->name ?: $rideAttraction->official_name }}
                                    </option>
                                @endforeach
                            </select>
                        </label>
                        <label>
                            <span>{{ __('ui.ride_together_time') }}</span>
                            <input type="datetime-local" name="scheduled_for" min="{{ now($park->timezone)->format('Y-m-d\TH:i') }}" value="{{ old('scheduled_for') }}" required>
                        </label>
                        <label>
                            <span>{{ __('ui.ride_together_places') }}</span>
                            <select name="max_participants">
                                @foreach([2,3,4,5,6,8,10] as $places)
                                    <option value="{{ $places }}" @selected((int) old('max_participants', 4) === $places)>{{ $places }}</option>
                                @endforeach
                            </select>
                        </label>
                        <label>
                            <span>{{ __('ui.ride_together_v2_meeting_point') }}</span>
                            <input type="text" name="meeting_point" maxlength="180" value="{{ old('meeting_point') }}" placeholder="{{ __('ui.ride_together_v2_meeting_point_placeholder') }}">
                        </label>
                        <label class="ride-together-note">
                            <span>{{ __('ui.ride_together_note') }}</span>
                            <input type="text" name="note" maxlength="500" value="{{ old('note') }}" placeholder="{{ __('ui.ride_together_note_placeholder') }}">
                        </label>
                    </div>
                    <div class="ride-together-create-footer">
                        <small>{{ __('ui.ride_together_privacy') }}</small>
                        <button class="button button-primary" type="submit">{{ __('ui.ride_together_publish') }}</button>
                    </div>
                </form>
            </div>
        @endauth

        @if($rideTogetherPosts->isNotEmpty())
            <div class="ride-together-list">
                @foreach($rideTogetherPosts as $ridePost)
                    @php
                        $rideAttraction = $ridePost->attraction;
                        $rideTranslation = $rideAttraction?->translations?->firstWhere('locale', app()->getLocale())
                            ?? $rideAttraction?->translations?->firstWhere('locale', 'en');
                        $rideName = $rideTranslation?->name ?: $rideAttraction?->official_name;
                        $joined = $ridePost->participants->where('status', 'joined')->count();
                        $isMine = auth()->check() && $ridePost->created_by_user_id === auth()->id();
                        $iJoined = auth()->check() && $ridePost->participants->contains(fn ($participant) => $participant->user_id === auth()->id() && $participant->status === 'joined');
                        $isFull = $ridePost->max_participants && $joined >= $ridePost->max_participants;
                    @endphp
                    <article class="ride-together-card">
                        <div class="ride-together-clock">
                            <strong>{{ $ridePost->scheduled_for?->timezone($park->timezone)->format('H:i') }}</strong>
                            <span>{{ $ridePost->scheduled_for?->timezone($park->timezone)->format('d/m') }}</span>
                        </div>
                        <div class="ride-together-copy">
                            <span>{{ __('ui.ride_together_open') }}</span>
                            <h3>{{ $rideName }}</h3>
                            <x-ride-queue-badges :attraction="$rideAttraction" size="compact" class="ride-together-queue-badges" />
                            <small>{{ __('ui.ride_together_by', ['name' => $ridePost->creator?->username ? '@'.$ridePost->creator->username : $ridePost->creator?->name]) }}</small>
                            @if($ridePost->meeting_point)<p class="ride-together-meeting">📍 {{ $ridePost->meeting_point }}</p>@endif
                            @if($ridePost->note)<p>{{ $ridePost->note }}</p>@endif
                        </div>
                        <div class="ride-together-capacity">
                            <strong>{{ $joined }}{{ $ridePost->max_participants ? '/'.$ridePost->max_participants : '' }}</strong>
                            <span>{{ __('ui.ride_together_riders') }}</span>
                        </div>
                        <div class="ride-together-actions">
                            @auth
                                @if($isMine)
                                    <span class="friends-state is-friends">✓ {{ __('ui.ride_together_yours') }}</span>
                                    <form method="post" action="{{ route('parks.ride-together.cancel', [$park, $ridePost]) }}" data-admin-confirm="{{ __('ui.ride_together_cancel_confirm') }}">
                                        @csrf @method('DELETE')
                                        <button class="button button-ghost" type="submit">{{ __('ui.ride_together_cancel') }}</button>
                                    </form>
                                @elseif($iJoined)
                                    <span class="friends-state is-friends">✓ {{ __('ui.ride_together_you_joined') }}</span>
                                    <form method="post" action="{{ route('parks.ride-together.leave', [$park, $ridePost]) }}">
                                        @csrf @method('DELETE')
                                        <button class="button button-ghost" type="submit">{{ __('ui.ride_together_leave') }}</button>
                                    </form>
                                @elseif(!$isFull)
                                    <form method="post" action="{{ route('parks.ride-together.join', [$park, $ridePost]) }}">
                                        @csrf
                                        <button class="button button-primary" type="submit">{{ __('ui.ride_together_join') }}</button>
                                    </form>
                                @else
                                    <span class="friends-state">{{ __('ui.ride_together_full_label') }}</span>
                                @endif
                            @else
                                <a class="button button-primary" href="{{ route('login') }}">{{ __('ui.auth_login') }}</a>
                            @endauth
                        </div>
                    </article>
                @endforeach
            </div>
        @else
            <div class="groups-mini-empty">{{ __('ui.ride_together_empty') }}</div>
        @endif
    </div>
</section>

<section class="section park-detail-overview park-detail-story-section">
    <div class="container">
        <article class="park-story-panel park-story-panel-wide">
            <span class="eyebrow">{{ __('ui.park_discover') }}</span>
            <h2>{{ __('ui.park_about') }}</h2>
            <p>{{ $description ?: __('ui.park_no_description') }}</p>
            <div class="park-story-links">
                @if($park->website_url)
                    <a href="{{ $park->website_url }}" target="_blank" rel="noopener">{{ __('ui.park_website') }} ↗</a>
                @endif
                @if($park->opened_on)
                    <span>{{ __('ui.park_since') }} {{ $park->opened_on->format('Y') }}</span>
                @endif
            </div>
        </article>
    </div>
</section>

<section class="section section-soft park-map-preview park-map-preview-v144">
    <div class="container">
        <div class="park-map-preview-heading">
            <div>
                <span class="eyebrow">{{ __('ui.park_map_kicker') }}</span>
                <h2>{{ __('ui.park_map_title') }}</h2>
                <p>{{ __('ui.park_map_text_v144') }}</p>
            </div>
            <a href="{{ route('parks.map',$park->slug) }}" class="button button-primary">{{ __('ui.park_map_open_full') }}</a>
        </div>

        <div class="park-map-embed-shell">
            <iframe
                src="{{ route('parks.map',$park->slug) }}?embed=1"
                title="{{ __('ui.park_map_full_title', ['park' => $parkName]) }}"
                loading="lazy"
                allow="geolocation"
            ></iframe>
        </div>

        @if($lat !== null && $lng !== null)
            <div class="park-map-preview-meta">
                <span>{{ __('ui.park_map_coordinates') }}</span>
                <strong>{{ number_format((float) $lat, 4) }} · {{ number_format((float) $lng, 4) }}</strong>
            </div>
        @endif
    </div>
</section>

<section class="section" id="catalogue"
    data-park-live-root
    data-live-url="{{ route('api.v1.parks.live', ['park' => $park->id]) }}"
    data-live-poll="30000"
    data-status-open="{{ __('ui.live_status_open') }}"
    data-status-down="{{ __('ui.live_status_down') }}"
    data-status-closed="{{ __('ui.live_status_closed') }}"
    data-status-refurbishment="{{ __('ui.live_status_refurbishment') }}"
    data-status-unknown="{{ __('ui.live_status_unknown') }}"
    data-updated-now="{{ __('ui.live_updated_now') }}"
    data-updated-prefix="{{ __('ui.live_updated_prefix') }}"
    data-checked-prefix="{{ __('ui.live_checked_prefix') }}"
    data-single-rider="{{ __('ui.live_single_rider') }}"
    data-wait-label="{{ __('ui.live_wait') }}"
    data-no-wait="{{ __('ui.live_no_wait') }}"
    data-stale-label="{{ __('ui.park_live_unavailable_short') }}"
    data-walk-on-short="{{ __('ui.live_walk_on_short') }}"
    data-zero-unconfirmed="{{ __('ui.live_wait_unconfirmed') }}"
    data-trend-up="{{ __('ui.live_trend_up') }}"
    data-trend-down="{{ __('ui.live_trend_down') }}"
    data-trend-stable="{{ __('ui.live_trend_stable') }}"
    data-health-healthy="{{ __('ui.live_health_healthy') }}"
    data-health-degraded="{{ __('ui.live_health_degraded') }}"
    data-health-stale="{{ __('ui.live_health_stale') }}"
    data-health-unavailable="{{ __('ui.live_health_unavailable') }}"
    data-park-state-open="{{ __('ui.park_status_open_now') }}"
    data-park-state-opening-later="{{ __('ui.park_status_opening_later') }}"
    data-park-state-closed="{{ __('ui.park_status_closed_now') }}"
    data-park-state-unknown="{{ __('ui.park_status_unknown_now') }}"
    data-park-today-label="{{ __('ui.park_today') }}"
    data-park-hours-unavailable="{{ __('ui.park_hours_unavailable') }}"
    data-live-refresh-error="{{ __('ui.live_refresh_error') }}"
    data-live-fresh-template="{{ __('ui.park_live_fresh', ['count' => '__COUNT__']) }}"
    data-weather-unavailable="{{ __('ui.park_weather_unavailable') }}"
    data-weather-feels-like="{{ __('ui.weather_feels_like') }}"
    data-weather-wind="{{ __('ui.weather_wind') }}">
    <div class="container">
        @php
            $experienceCount = $park->attractions->count();
        @endphp
        <div class="park-experience-heading">
            <div class="park-experience-heading-copy">
                <span class="eyebrow">{{ __('ui.park_experiences_kicker') }}</span>
                <h2>{{ __('ui.park_catalogue') }}</h2>
                <p>{{ __('ui.park_catalogue_text') }}</p>
                <small>{{ __('ui.park_experience_count', ['count' => $experienceCount]) }}</small>
            </div>
            <div class="park-live-compact" data-live-freshness>
                <span class="live-refresh-dot {{ $hasLive ? 'is-on' : '' }}"></span>
                <div>
                    <strong>{{ $hasLive ? __('ui.live_connected') : __('ui.live_waiting') }}</strong>
                    <small data-live-last-refresh>{{ __('ui.live_quasi_realtime') }}</small>
                </div>
            </div>
        </div>

        @if($park->attractions->isNotEmpty())
            @if($coasters->isNotEmpty())
                <section class="park-experience-zone is-coasters" aria-labelledby="park-coasters-heading">
                    <div class="park-experience-zone-heading">
                        <div>
                            <span class="eyebrow">{{ __('ui.type_coaster') }}</span>
                            <h3 id="park-coasters-heading">{{ __('ui.park_coasters') }}</h3>
                        </div>
                        <span class="park-experience-zone-count">{{ $coasters->count() }}</span>
                    </div>
                    <div class="park-experience-grid" data-park-coasters>
                        @foreach($coasters as $attraction)
                            @include('pages.partials.park-experience-card', ['attraction' => $attraction])
                        @endforeach
                    </div>
                </section>
            @endif

            @if($otherAttractions->isNotEmpty())
                <section class="park-experience-zone is-attractions" aria-labelledby="park-attractions-heading">
                    <div class="park-experience-zone-heading">
                        <div>
                            <span class="eyebrow">{{ __('ui.type_attraction') }}</span>
                            <h3 id="park-attractions-heading">{{ __('ui.park_attractions') }}</h3>
                        </div>
                        <span class="park-experience-zone-count">{{ $otherAttractions->count() }}</span>
                    </div>
                    <div class="park-experience-grid" data-park-attractions>
                        @foreach($otherAttractions as $attraction)
                            @include('pages.partials.park-experience-card', ['attraction' => $attraction])
                        @endforeach
                    </div>
                </section>
            @endif
        @else
            <div class="empty-state park-empty-state">
                <div class="empty-state-icon">◇</div>
                <h3>{{ __('ui.park_catalogue_empty_title') }}</h3>
                <p>{{ __('ui.park_catalogue_empty_text') }}</p>
            </div>
        @endif
    </div>
</section>

@if($gallery->isNotEmpty())
<section class="section section-soft park-gallery-section">
    <div class="container">
        <div class="section-heading">
            <span class="eyebrow">{{ __('ui.park_gallery_kicker') }}</span>
            <h2>{{ __('ui.park_gallery_title') }}</h2>
        </div>
        <div class="park-gallery-grid">
            @foreach($gallery->take(6) as $photo)
                <figure>
                    <img src="{{ $photo['url'] }}" alt="{{ $parkName }}" 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', ['park', $park->id]) }}">{{ __('ui.community_gallery_view_all') }} →</a>
        </div>
        @endif
    </div>
</section>
@endif

@include('pages.partials.local-experts-park', ['localExperts' => $localExperts, 'park' => $park])

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

@endsection

@push('scripts')
@endpush