@extends('layouts.app')
@push('head')
<script src="{{ asset('js/gps-validation.js') }}?v=1.101.1" defer></script>
@endpush
@php
    $park = $visit->park;
    $parkTranslation = $park->translations->firstWhere('locale', app()->getLocale()) ?? $park->translations->firstWhere('locale', 'en');
    $parkName = $parkTranslation?->name ?: $park->official_name;
    $openCount = $attractions->where('visit_mode_is_open', true)->count();
    $doneCount = $riddenIds->count();
    $todayOpen = $todayHours?->opens_at?->timezone($park->timezone);
    $todayClose = $todayHours?->closes_at?->timezone($park->timezone);
    $isGroupMode = $group !== null;
    $programTypeIcons = ['attraction' => '🎢', 'meal' => '🍔', 'break' => '☕', 'meetup' => '📍', 'custom' => '✨'];
    $programStatusIcons = ['todo' => '○', 'in_progress' => '▶', 'done' => '✓', 'skipped' => '–'];
    $pendingProgramCount = $visibleProgramItems->whereIn('status', ['todo', 'in_progress'])->count();
    $rideTogetherDefaultTime = now($park->timezone ?: config('app.timezone'))->addMinutes(15)->format('Y-m-d\TH:i');
    $advisorStrategy = data_get($advisorContext, 'strategy', 'balanced');
    $advisorWeather = data_get($advisorContext, 'weather', []);
    $advisorWeatherState = data_get($advisorWeather, 'state', 'normal');
    $advisorWeatherCondition = data_get($advisorWeather, 'condition');
    $advisorWeatherIcon = \App\Support\WeatherCondition::icon($advisorWeatherCondition);
    $advisorWeatherLabel = \App\Support\WeatherCondition::label($advisorWeatherCondition);
    $advisorMinutesToClose = data_get($advisorContext, 'minutes_to_close');
@endphp
@section('title', __('ui.visit_mode_title').' · '.$parkName.' — Coaster World')
@section('content')
<section class="visit-mode-shell" data-park-live-root data-live-url="{{ route('api.v1.parks.live', ['park' => $park->id]) }}" data-live-poll="30000" 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-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-live-refresh-error="{{ __('ui.live_refresh_error') }}"
    data-no-wait="{{ __('ui.live_no_wait') }}" data-stale-label="{{ __('ui.live_data_stale_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') }}">
<div class="visit-mobile-topbar">
    @if($isGroupMode)
        <a href="{{ route('groups.visits.show', [$group, $visit]) }}">← {{ $group->name }}</a>
    @else
        <a href="{{ route('parks.show', $park->slug) }}">← {{ $parkName }}</a>
    @endif
    <span class="live-chip"><i></i> LIVE</span>
</div>
<div class="container visit-mode-container">
<header class="visit-mode-header">
<div>
    <span class="eyebrow">{{ __('ui.visit_mode_kicker') }}</span>
    <h1>{{ $parkName }}</h1>
    <p>{{ $isGroupMode ? __('ui.visit_v2_group_intro', ['group' => $group->name]) : __('ui.visit_mode_intro') }}</p>
    @if($isGroupMode)
        <div class="visit-v2-context-row">
            <span>👥 {{ $group->name }}</span>
            @if($currentTeamAssignment?->team)
                <span>{{ $currentTeamAssignment->team->icon ?: '◆' }} {{ $currentTeamAssignment->team->name }}</span>
            @else
                <span>◎ {{ __('ui.visit_v2_no_team') }}</span>
            @endif
            <span>☷ {{ trans_choice('ui.visit_v2_program_steps', $pendingProgramCount, ['count' => $pendingProgramCount]) }}</span>
        </div>
    @endif
</div>
<div class="visit-mode-actions">
<a href="{{ route('parks.map', $park->slug) }}" class="button button-primary">{{ __('ui.visit_open_map') }}</a>
@if($isGroupMode)
    <a href="{{ route('groups.visits.show', [$group, $visit]) }}#trip-program" class="button button-ghost">{{ __('ui.visit_v2_open_roadbook') }}</a>
@endif
<form method="post" action="{{ route('visit.finish', $visit) }}">@csrf<button type="submit" class="button button-ghost">{{ $isGroupMode ? __('ui.visit_v2_leave_group_mode') : __('ui.visit_finish') }}</button></form>
</div>
</header>

@if(session('gps_status'))<div class="admin-success visit-ride-together-flash">{{ session('gps_status') }}</div>@endif
@if($errors->has('gps'))<div class="admin-error visit-ride-together-flash">{{ $errors->first('gps') }}</div>@endif
@if(session('ride_together_status'))<div class="admin-success visit-ride-together-flash">{{ session('ride_together_status') }}</div>@endif
@if($errors->has('ride_together') || $errors->has('scheduled_for') || $errors->has('visibility_scope'))<div class="admin-error visit-ride-together-flash">{{ $errors->first() }}</div>@endif

<div class="visit-mode-stats">
<div><span>{{ __('ui.visit_open_now') }}</span><strong data-live-open-count>{{ $openCount }}</strong></div>
<div><span>{{ __('ui.visit_done_today') }}</span><strong>{{ $doneCount }}</strong></div>
<div><span>{{ __('ui.visit_hours') }}</span><strong>{{ $todayOpen && $todayClose ? $todayOpen->format('H:i').'–'.$todayClose->format('H:i') : '—' }}</strong></div>
<div><span>{{ __('ui.visit_weather') }}</span><strong>{{ $weather?->temperature_c !== null ? rtrim(rtrim(number_format((float)$weather->temperature_c,1,',',''),'0'),',').'°C' : '—' }}</strong></div>
<div class="is-wishlist"><span>{{ __('ui.wishlist_title_short') }}</span><strong>{{ $wishlistCount }}</strong></div>
@if($isGroupMode)<div class="is-roadbook"><span>{{ __('ui.visit_v2_roadbook_short') }}</span><strong>{{ $pendingProgramCount }}</strong></div>@endif
</div>

<section class="visit-advisor-dashboard is-weather-{{ $advisorWeatherState }}" id="visit-advisor">
    <div class="visit-advisor-head">
        <div>
            <span class="eyebrow">{{ __('ui.visit_advisor_kicker') }}</span>
            <h2>{{ __('ui.visit_advisor_title') }}</h2>
            <p>{{ __('ui.visit_advisor_intro') }}</p>
        </div>
        <span class="visit-advisor-strategy">{{ __('ui.visit_advisor_strategy_'.$advisorStrategy) }}</span>
    </div>
    <div class="visit-advisor-context-grid">
        <article><span>⚡</span><div><small>{{ __('ui.visit_advisor_actionable') }}</small><strong>{{ data_get($advisorContext, 'actionable_count', 0) }}</strong></div></article>
        <article><span>🧭</span><div><small>{{ __('ui.visit_advisor_walk_limit') }}</small><strong>{{ data_get($advisorContext, 'max_walk_distance_m') ? data_get($advisorContext, 'max_walk_distance_m').' m' : __('ui.visit_advisor_unlimited') }}</strong></div></article>
        <article><span>⏳</span><div><small>{{ __('ui.visit_advisor_closing') }}</small><strong>{{ $advisorMinutesToClose !== null && $advisorMinutesToClose >= 0 ? trans_choice('ui.visit_advisor_minutes_left', $advisorMinutesToClose, ['count' => $advisorMinutesToClose]) : '—' }}</strong></div></article>
        <article><span>{{ $advisorWeatherIcon }}</span><div><small>{{ __('ui.visit_weather') }}</small><strong>{{ data_get($advisorWeather, 'enabled') ? $advisorWeatherLabel : __('ui.visit_advisor_weather_off') }}</strong></div></article>
    </div>
    @if(data_get($advisorWeather, 'enabled') && $advisorWeatherState !== 'normal')
        <div class="visit-advisor-weather-alert is-{{ $advisorWeatherState }}">
            <span>{{ $advisorWeatherState === 'severe' ? '⚠️' : '🌦️' }}</span>
            <div><strong>{{ __('ui.visit_advisor_weather_'.$advisorWeatherState.'_title') }}</strong><p>{{ __('ui.visit_advisor_weather_'.$advisorWeatherState.'_text') }}</p></div>
        </div>
    @endif
    <div class="visit-advisor-privacy">◌ {{ __('ui.visit_advisor_no_gps_note') }}</div>
</section>

@if($activeChallenges->isNotEmpty())
<section class="visit-challenge-strip" id="visit-challenges">
    <div class="visit-challenge-strip-head"><div><span>⚡ {{ __('ui.challenge_nav') }}</span><strong>{{ __('ui.visit_challenge_title') }}</strong></div><a href="{{ route('challenges.index') }}">{{ __('ui.visit_challenge_all') }} →</a></div>
    <div class="visit-challenge-strip-grid">
        @foreach($activeChallenges as $challengeParticipant)
            @php
                $activeChallenge = $challengeParticipant->challenge;
                $challengeTarget = max(1, (int) data_get($activeChallenge?->rules, 'target_score', 1));
                $challengeScore = (int) $challengeParticipant->score;
                $challengeProgress = min(100, (int) round(($challengeScore / $challengeTarget) * 100));
                $challengeSystemKey = 'challenge_official_'.$activeChallenge?->period_kind.'_'.$activeChallenge?->challenge_type.'_title';
                $challengeTitle = $activeChallenge?->is_system && __($challengeSystemKey) !== $challengeSystemKey ? __($challengeSystemKey) : $activeChallenge?->name;
            @endphp
            <article>
                <div><span>{{ $activeChallenge?->challenge_type === 'coasters' || $activeChallenge?->challenge_type === 'new_coasters' ? '🎢' : ($activeChallenge?->challenge_type === 'manufacturers' ? '⚙️' : ($activeChallenge?->challenge_type === 'parks' ? '🏰' : '🎡')) }}</span><strong>{{ $challengeTitle }}</strong></div>
                <small>{{ $challengeScore }} / {{ $challengeTarget }}</small>
                <div class="visit-challenge-progress"><i style="width: {{ $challengeProgress }}%"></i></div>
            </article>
        @endforeach
    </div>
</section>
@endif

@if($proximityReference)
<section class="visit-v3-proximity-context">
    <div class="visit-v3-proximity-icon" aria-hidden="true">⌖</div>
    <div class="visit-v3-proximity-copy">
        <span class="eyebrow">{{ __('ui.visit_v3_proximity_kicker') }}</span>
        <strong>{{ $proximityReference['name'] }}</strong>
        <p>{{ $proximityReference['type'] === 'last_ride' ? __('ui.visit_v3_proximity_last_ride') : __('ui.visit_v3_proximity_roadbook') }}</p>
    </div>
    <span class="visit-v3-no-gps">◌ {{ __('ui.visit_v3_no_gps') }}</span>
</section>
@endif

@if($isGroupMode && $nextProgramItem)
@php
    $nextProgramAttraction = $nextProgramItem->attraction;
    $nextProgramLive = $nextProgramAttraction?->liveStatus;
    $nextProgramInsight = $nextProgramAttraction ? ($liveInsights->get((int) $nextProgramAttraction->id) ?? []) : [];
    $nextProgramFresh = (bool) ($nextProgramInsight['is_fresh'] ?? false);
    $nextProgramWait = $nextProgramInsight['display_wait_minutes'] ?? null;
    $nextProgramWaitKind = $nextProgramInsight['wait_kind'] ?? 'unavailable';
    $nextProgramTrend = $nextProgramInsight['trend'] ?? 'unknown';
    $nextProgramStatus = $nextProgramInsight['status'] ?? 'unknown';
    $nextProgramStatusLabel = match($nextProgramStatus) {
        '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'),
    };
@endphp
<section class="visit-v2-next-step" id="visit-roadbook" @if($nextProgramAttraction) data-live-attraction="{{ $nextProgramAttraction->id }}" @endif>
    <div class="visit-v2-next-step-kicker"><span>{{ __('ui.visit_v2_next_step_kicker') }}</span><b>{{ $programStatusIcons[$nextProgramItem->status] ?? '○' }} {{ __('ui.group_visit_program_status_'.$nextProgramItem->status) }}</b></div>
    <div class="visit-v2-next-step-grid">
        <div class="visit-v2-next-step-icon">{{ $programTypeIcons[$nextProgramItem->item_type] ?? '✨' }}</div>
        <div class="visit-v2-next-step-main">
            <small>
                {{ $nextProgramItem->scheduled_at ? $nextProgramItem->scheduled_at->timezone($park->timezone)->format('H:i') : __('ui.group_visit_program_flexible') }}
                · {{ $nextProgramItem->team?->name ?: __('ui.group_visit_program_everyone') }}
            </small>
            <h2>{{ $nextProgramItem->title }}</h2>
            @if($nextProgramItem->note)<p>{{ $nextProgramItem->note }}</p>@endif
            @if($nextProgramAttraction)
                <div class="visit-v2-next-step-live">
                    <span class="visit-status {{ in_array($nextProgramStatus, ['open','operating'], true) ? 'is-open' : 'is-closed' }}" data-live-status>{{ $nextProgramStatusLabel }}</span>
                    <span data-live-wait @if($nextProgramWait === null) hidden @endif>⏱ <strong data-live-wait-value>{{ $nextProgramWaitKind === 'walk_on' ? __('ui.live_walk_on_short') : ($nextProgramWait ?? '—') }}</strong> <small data-live-wait-unit @if($nextProgramWaitKind === 'walk_on') hidden @endif>min</small></span>
                    <span data-live-no-wait @if($nextProgramWait !== null) hidden @endif>{{ $nextProgramWaitKind === 'unconfirmed_zero' ? __('ui.live_wait_unconfirmed') : ($nextProgramFresh ? __('ui.live_no_wait') : __('ui.live_data_stale_short')) }}</span>
                    <span class="live-trend is-{{ $nextProgramTrend }}" data-live-trend @if($nextProgramTrend === 'unknown') hidden @endif>@if($nextProgramTrend === 'up') ↗ @elseif($nextProgramTrend === 'down') ↘ @else → @endif <span data-live-trend-text>{{ __('ui.live_trend_'.$nextProgramTrend) }}</span><b data-live-trend-delta hidden></b></span>
                </div>
            @endif
        </div>
        @if($nextProgramAttraction)
            <div class="visit-v2-next-step-actions">
                <a class="button button-primary" href="#visit-attraction-{{ $nextProgramAttraction->id }}">{{ __('ui.visit_v2_show_attraction') }}</a>
                <a class="button button-ghost" href="{{ route('parks.map', ['park' => $park->slug, 'focus' => $nextProgramAttraction->id]) }}">{{ __('ui.visit_open_map') }}</a>
            </div>
        @endif
    </div>
</section>
@endif

@if($nextSuggested)
@php
    $nextSuggestedTranslation = $nextSuggested->translations->firstWhere('locale', app()->getLocale()) ?? $nextSuggested->translations->firstWhere('locale', 'en');
    $nextSuggestedName = $nextSuggestedTranslation?->name ?: $nextSuggested->official_name;
    $nextSuggestedDistance = $nextSuggested->visit_mode_distance_m;
    $nextSuggestedDistanceLabel = $nextSuggestedDistance === null
        ? null
        : ($nextSuggestedDistance < 1000
            ? ((int) round($nextSuggestedDistance / 10) * 10).' m'
            : number_format($nextSuggestedDistance / 1000, 1, app()->getLocale() === 'fr' ? ',' : '.', '').' km');
    $nextSuggestedForecast = $nextSuggested->visit_mode_wait_forecast ?? [];
    $nextSuggestedForecastBest = ($nextSuggestedForecast['recommendation'] ?? null) === 'wait'
        ? ($nextSuggestedForecast['best_later_window'] ?? $nextSuggestedForecast['best_remaining_window'] ?? $nextSuggestedForecast['best_window'] ?? null)
        : ($nextSuggestedForecast['best_remaining_window'] ?? $nextSuggestedForecast['best_window'] ?? null);
@endphp
<section class="visit-v2-recommendation {{ $nextSuggestedDistance !== null ? 'has-distance' : '' }}" data-live-attraction="{{ $nextSuggested->id }}">
    <div class="visit-v2-recommendation-copy">
        <div class="visit-advisor-primary-topline">
            <span class="eyebrow">{{ __('ui.visit_advisor_primary_kicker') }}</span>
            <span class="visit-advisor-action is-{{ $nextSuggested->visit_mode_advisor_action }}">{{ __('ui.visit_advisor_action_'.$nextSuggested->visit_mode_advisor_action) }}</span>
        </div>
        <h2>{{ $nextSuggestedName }}</h2>
        <x-ride-queue-badges :attraction="$nextSuggested" size="compact" class="visit-queue-badges" />
        <p>{{ __('ui.visit_advisor_primary_intro') }}</p>
        <small class="visit-advisor-confidence">{{ __('ui.visit_advisor_confidence') }} · {{ __('ui.visit_advisor_confidence_'.$nextSuggested->visit_mode_advisor_confidence) }}</small>
        <div class="visit-suggestion-reasons">
            @if(in_array('roadbook_now',$nextSuggested->visit_mode_suggestion_reasons,true))<em>☷ {{ __('ui.visit_reason_roadbook_now') }}</em>@endif
            @if(in_array('roadbook',$nextSuggested->visit_mode_suggestion_reasons,true))<em>☷ {{ __('ui.visit_reason_roadbook') }}</em>@endif
            @if(in_array('wishlist',$nextSuggested->visit_mode_suggestion_reasons,true))<em>★ {{ __('ui.wishlist_priority') }}</em>@endif
            @if(in_array('new_coaster',$nextSuggested->visit_mode_suggestion_reasons,true))<em>✦ {{ __('ui.visit_reason_new_coaster') }}</em>@endif
            @if(in_array('personal',$nextSuggested->visit_mode_suggestion_reasons,true))<em>{{ __('ui.visit_reason_personal') }}</em>@endif
            @if(in_array('low_wait',$nextSuggested->visit_mode_suggestion_reasons,true) && $nextSuggested->visit_mode_wait !== null)<em>{{ __('ui.visit_reason_low_wait') }}</em>@endif
            @if(in_array('wait_dropping',$nextSuggested->visit_mode_suggestion_reasons,true))<em>↘ {{ __('ui.visit_reason_wait_dropping') }}</em>@endif
            @if(in_array('wait_stable',$nextSuggested->visit_mode_suggestion_reasons,true))<em>→ {{ __('ui.visit_reason_wait_stable') }}</em>@endif
            @if(in_array('historical_good_time',$nextSuggested->visit_mode_suggestion_reasons,true))<em>◴ {{ __('ui.visit_reason_historical_good_time') }}</em>@endif
            @if(in_array('roadbook_soon',$nextSuggested->visit_mode_suggestion_reasons,true))<em>◷ {{ __('ui.visit_reason_roadbook_soon') }}</em>@endif
            @if(in_array('weather_shelter',$nextSuggested->visit_mode_suggestion_reasons,true))<em>☂ {{ __('ui.visit_reason_weather_shelter') }}</em>@endif
            @if(in_array('closing_window',$nextSuggested->visit_mode_suggestion_reasons,true))<em>⏳ {{ __('ui.visit_reason_closing_window') }}</em>@endif
            @if(in_array('nearby',$nextSuggested->visit_mode_suggestion_reasons,true))<em>⌖ {{ __('ui.visit_reason_nearby') }}</em>@endif
        </div>
    </div>
    <div class="visit-v2-recommendation-wait" data-live-wait @if($nextSuggested->visit_mode_wait === null) hidden @endif>
        <span>{{ __('ui.visit_v2_current_wait') }}</span><strong data-live-wait-value>{{ $nextSuggested->visit_mode_wait_kind === 'walk_on' ? __('ui.live_walk_on_short') : ($nextSuggested->visit_mode_wait ?? '—') }}</strong><small data-live-wait-unit @if($nextSuggested->visit_mode_wait_kind === 'walk_on') hidden @endif>min</small>
        <em class="live-trend is-{{ $nextSuggested->visit_mode_wait_trend }}" data-live-trend @if($nextSuggested->visit_mode_wait_trend === 'unknown') hidden @endif>@if($nextSuggested->visit_mode_wait_trend === 'up') ↗ @elseif($nextSuggested->visit_mode_wait_trend === 'down') ↘ @else → @endif <span data-live-trend-text>{{ __('ui.live_trend_'.$nextSuggested->visit_mode_wait_trend) }}</span><b data-live-trend-delta @if($nextSuggested->visit_mode_wait_trend_delta === null || $nextSuggested->visit_mode_wait_trend === 'stable') hidden @endif>{{ ($nextSuggested->visit_mode_wait_trend_delta ?? 0) > 0 ? '+' : '' }}{{ $nextSuggested->visit_mode_wait_trend_delta ?? '' }} min</b></em>
    </div>
    <div class="visit-v2-recommendation-wait is-unknown" data-live-no-wait @if($nextSuggested->visit_mode_wait !== null) hidden @endif>
        <span>{{ __('ui.visit_v2_current_wait') }}</span><strong>—</strong><small>{{ $nextSuggested->visit_mode_wait_kind === 'unconfirmed_zero' ? __('ui.live_wait_unconfirmed') : __('ui.live_no_wait') }}</small>
    </div>
    @if($nextSuggestedDistanceLabel !== null)
        <div class="visit-v3-recommendation-distance">
            <span>{{ __('ui.visit_v3_distance_label') }}</span>
            <strong>{{ $nextSuggestedDistanceLabel }}</strong>
            <small>{{ $nextSuggested->visit_mode_walk_minutes ? trans_choice('ui.visit_advisor_walk_minutes', $nextSuggested->visit_mode_walk_minutes, ['count' => $nextSuggested->visit_mode_walk_minutes]) : __('ui.visit_v3_distance_approx') }}</small>
        </div>
    @endif
    @if(($nextSuggestedForecast['available'] ?? false) && ($nextSuggestedForecast['current_typical_minutes'] ?? null) !== null)
        <div class="visit-v3-recommendation-forecast">
            <span>{{ __('ui.wait_forecast_kicker') }}</span>
            <strong>{{ __('ui.visit_forecast_typical', ['minutes' => $nextSuggestedForecast['current_typical_minutes']]) }}</strong>
            @if(($nextSuggestedForecast['recommendation'] ?? null) === 'wait' && $nextSuggestedForecastBest)
                <small>{{ __('ui.visit_forecast_best_later', ['time' => $nextSuggestedForecastBest['label'], 'minutes' => $nextSuggestedForecastBest['median']]) }}</small>
            @else
                <small>{{ __('ui.wait_forecast_recommendation_'.$nextSuggestedForecast['recommendation']) }}</small>
            @endif
        </div>
    @endif
    <div class="visit-v2-recommendation-actions">
        <a class="button button-primary" href="#visit-attraction-{{ $nextSuggested->id }}">{{ __('ui.visit_v2_go_to_suggestion') }}</a>
        @if($nextSuggested->visit_mode_has_map_point)<a class="button button-ghost" href="{{ route('parks.map', ['park' => $park->slug, 'focus' => $nextSuggested->id]) }}">⌖ {{ __('ui.visit_v3_map_focus') }}</a>@endif
        <a class="button button-ghost" href="{{ $nextSuggested->coaster ? route('coasters.show',$nextSuggested->coaster) : route('attractions.show',$nextSuggested) }}">{{ __('ui.visit_details') }}</a>
    </div>
</section>
@endif

@if($isGroupMode && $visibleProgramItems->isNotEmpty())
<section class="visit-v2-roadbook" id="visit-roadbook-list">
    <div class="section-heading split-heading">
        <div><span class="eyebrow">{{ __('ui.visit_v2_roadbook_kicker') }}</span><h2>{{ __('ui.visit_v2_roadbook_title') }}</h2><p>{{ __('ui.visit_v2_roadbook_intro') }}</p></div>
        <a class="button button-ghost" href="{{ route('groups.visits.show', [$group, $visit]) }}#trip-program">{{ __('ui.visit_v2_full_roadbook') }}</a>
    </div>
    <div class="visit-v2-roadbook-list">
        @foreach($visibleProgramItems->take(8) as $programItem)
            @php
                $programAttraction = $programItem->attraction;
                $programLive = $programAttraction?->liveStatus;
                $programInsight = $programAttraction ? ($liveInsights->get((int) $programAttraction->id) ?? []) : [];
                $programFresh = (bool) ($programInsight['is_fresh'] ?? false);
                $programWait = $programInsight['display_wait_minutes'] ?? null;
                $programWaitKind = $programInsight['wait_kind'] ?? 'unavailable';
            @endphp
            <article class="visit-v2-roadbook-item is-{{ str_replace('_','-',$programItem->status) }}" @if($programAttraction) data-live-attraction="{{ $programAttraction->id }}" @endif>
                <div class="visit-v2-roadbook-index">{{ $loop->iteration }}</div>
                <div class="visit-v2-roadbook-icon">{{ $programTypeIcons[$programItem->item_type] ?? '✨' }}</div>
                <div class="visit-v2-roadbook-main">
                    <small>{{ $programItem->scheduled_at ? $programItem->scheduled_at->timezone($park->timezone)->format('H:i') : __('ui.group_visit_program_flexible') }} · {{ $programItem->team?->name ?: __('ui.group_visit_program_everyone') }}</small>
                    <strong>{{ $programItem->title }}</strong>
                    <span>{{ $programStatusIcons[$programItem->status] ?? '○' }} {{ __('ui.group_visit_program_status_'.$programItem->status) }}</span>
                </div>
                @if($programAttraction)
                    <div class="visit-v2-roadbook-wait">
                        <strong data-live-wait @if($programWait === null) hidden @endif><span data-live-wait-value>{{ $programWaitKind === 'walk_on' ? __('ui.live_walk_on_short') : ($programWait ?? '—') }}</span> <small data-live-wait-unit @if($programWaitKind === 'walk_on') hidden @endif>min</small></strong>
                        <span data-live-no-wait @if($programWait !== null) hidden @endif>{{ $programWaitKind === 'unconfirmed_zero' ? __('ui.live_wait_unconfirmed') : '—' }}</span>
                    </div>
                    <a class="visit-v2-roadbook-link" href="#visit-attraction-{{ $programAttraction->id }}" aria-label="{{ __('ui.visit_v2_show_attraction') }}">→</a>
                @endif
            </article>
        @endforeach
    </div>
</section>
@endif

<section class="visit-ride-together-v2" id="visit-ride-together">
    <div class="section-heading split-heading visit-ride-together-v2-heading">
        <div>
            <span class="eyebrow">{{ __('ui.ride_together_v2_kicker') }}</span>
            <h2>{{ __('ui.ride_together_v2_visit_title') }}</h2>
            <p>{{ $isGroupMode ? __('ui.ride_together_v2_visit_group_intro') : __('ui.ride_together_v2_visit_intro') }}</p>
        </div>
        <details class="visit-ride-together-create" @if($errors->has('attraction_id') || $errors->has('scheduled_for')) open @endif>
            <summary class="button button-primary">{{ __('ui.ride_together_v2_quick_create') }}</summary>
            <div class="visit-ride-together-create-box">
                <form method="post" action="{{ route('visit.ride-together.store', $visit) }}" class="visit-ride-together-form">
                    @csrf
                    <label class="is-wide">
                        <span>{{ __('ui.ride_together_attraction') }}</span>
                        <select name="attraction_id" required>
                            <option value="">{{ __('ui.ride_together_choose_attraction') }}</option>
                            @foreach($attractions as $rideAttraction)
                                @php
                                    $rideAttractionTranslation = $rideAttraction->translations->firstWhere('locale', app()->getLocale()) ?? $rideAttraction->translations->firstWhere('locale', 'en');
                                    $rideAttractionName = $rideAttractionTranslation?->name ?: $rideAttraction->official_name;
                                @endphp
                                <option value="{{ $rideAttraction->id }}" @selected((string) old('attraction_id') === (string) $rideAttraction->id)>{{ $rideAttractionName }}</option>
                            @endforeach
                        </select>
                    </label>
                    <label><span>{{ __('ui.ride_together_time') }}</span><input type="datetime-local" name="scheduled_for" value="{{ old('scheduled_for', $rideTogetherDefaultTime) }}" required></label>
                    <label><span>{{ __('ui.ride_together_places') }}</span><input type="number" name="max_participants" min="2" max="20" value="{{ old('max_participants', 4) }}"></label>
                    <label>
                        <span>{{ __('ui.ride_together_v2_scope') }}</span>
                        <select name="visibility_scope">
                            @if($isGroupMode)
                                <option value="group" @selected(old('visibility_scope', 'group') === 'group')>{{ __('ui.ride_together_v2_scope_group') }}</option>
                                @if($currentTeamAssignment?->team)<option value="team" @selected(old('visibility_scope') === 'team')>{{ __('ui.ride_together_v2_scope_team_name', ['team' => $currentTeamAssignment->team->name]) }}</option>@endif
                                <option value="public" @selected(old('visibility_scope') === 'public')>{{ __('ui.ride_together_v2_scope_public') }}</option>
                            @else
                                <option value="public">{{ __('ui.ride_together_v2_scope_public') }}</option>
                            @endif
                        </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="is-wide"><span>{{ __('ui.ride_together_note') }}</span><input type="text" name="note" maxlength="500" value="{{ old('note') }}" placeholder="{{ __('ui.ride_together_note_placeholder') }}"></label>
                    <button class="button button-primary is-wide" type="submit">{{ __('ui.ride_together_publish') }}</button>
                </form>
            </div>
        </details>
    </div>

    @if($rideTogetherPosts->isNotEmpty())
        <div class="visit-ride-together-row">
            @foreach($rideTogetherPosts->take(8) as $ridePost)
                @php
                    $rideTranslation = $ridePost->attraction?->translations?->firstWhere('locale', app()->getLocale()) ?? $ridePost->attraction?->translations?->firstWhere('locale', 'en');
                    $rideName = $rideTranslation?->name ?: $ridePost->attraction?->official_name ?: __('ui.ride_together_attraction');
                    $rideTime = $ridePost->scheduled_for?->timezone($park->timezone ?: config('app.timezone'));
                    $rideJoined = $ridePost->participants->where('status', 'joined');
                    $rideIsJoined = $rideJoined->contains('user_id', auth()->id());
                    $rideIsOwner = $ridePost->created_by_user_id === auth()->id();
                    $rideIsFull = $ridePost->max_participants && $rideJoined->count() >= $ridePost->max_participants;
                    $rideScope = in_array($ridePost->visibility_scope, ['public', 'group', 'team'], true) ? $ridePost->visibility_scope : 'public';
                @endphp
                <article class="visit-ride-together-card is-{{ $rideScope }}">
                    <div class="visit-ride-together-card-top"><span>{{ __('ui.ride_together_v2_scope_'.$rideScope) }}@if($rideScope === 'team' && $ridePost->team) · {{ $ridePost->team->emoji }} {{ $ridePost->team->name }}@endif</span><strong>{{ $rideTime?->format('H:i') ?: '—' }}</strong></div>
                    <h3>{{ $rideName }}</h3>
                    <div class="visit-ride-together-meta">
                        <span>👥 {{ $rideJoined->count() }}/{{ $ridePost->max_participants ?: '∞' }}</span>
                        @if($ridePost->meeting_point)
                            <span>📍 {{ $ridePost->meeting_point }}</span>
                        @endif
                        @if($ridePost->programItem)
                            <span>☷ {{ __('ui.ride_together_v2_from_roadbook') }}</span>
                        @endif
                    </div>
                    @if($ridePost->note)<p>{{ $ridePost->note }}</p>@endif
                    <small>{{ __('ui.ride_together_by', ['name' => $ridePost->creator?->username ? '@'.$ridePost->creator->username : ($ridePost->creator?->name ?: '—')]) }}</small>
                    <div class="visit-ride-together-actions">
                        @if($rideIsOwner)
                            <span class="friends-state is-friends">✓ {{ __('ui.ride_together_yours') }}</span>
                            <form method="post" action="{{ route('parks.ride-together.cancel', [$park, $ridePost]) }}">@csrf @method('DELETE')<button class="button button-ghost" type="submit">{{ __('ui.ride_together_cancel') }}</button></form>
                        @elseif($rideIsJoined)
                            <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(!$rideIsFull)
                            <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
                    </div>
                </article>
            @endforeach
        </div>
    @else
        <div class="visit-ride-together-empty"><span>🎢</span><div><strong>{{ __('ui.ride_together_v2_empty_title') }}</strong><p>{{ __('ui.ride_together_v2_visit_empty') }}</p></div></div>
    @endif
</section>

@if($suggested->isNotEmpty())
<section class="visit-suggestions" id="visit-suggestions"><div class="section-heading"><span class="eyebrow">{{ __('ui.visit_suggested_kicker') }}</span><h2>{{ __('ui.visit_v2_other_suggestions') }}</h2></div>
<div class="visit-suggestion-row">@foreach($suggested as $attraction)
@php $tr=$attraction->translations->firstWhere('locale',app()->getLocale()) ?? $attraction->translations->firstWhere('locale','en'); $name=$tr?->name ?: $attraction->official_name; @endphp
<a href="#visit-attraction-{{ $attraction->id }}" class="{{ $attraction->visit_mode_is_wishlisted ? 'is-wishlisted' : '' }} {{ $attraction->visit_mode_is_in_program ? 'is-roadbook' : '' }}">
<div class="visit-advisor-card-top"><span class="visit-advisor-action is-{{ $attraction->visit_mode_advisor_action }}">{{ __('ui.visit_advisor_action_'.$attraction->visit_mode_advisor_action) }}</span>@if($attraction->visit_mode_is_wishlisted)<b>★ {{ __('ui.wishlist_priority') }}</b>@endif</div>
<span>{{ $attraction->zone?->official_name ?: $parkName }}</span><strong>{{ $name }}</strong>
<div class="visit-suggestion-reasons">
@if(in_array('roadbook_now',$attraction->visit_mode_suggestion_reasons,true))<em>☷ {{ __('ui.visit_reason_roadbook_now') }}</em>@endif
@if(in_array('roadbook',$attraction->visit_mode_suggestion_reasons,true))<em>☷ {{ __('ui.visit_reason_roadbook') }}</em>@endif
@if(in_array('new_coaster',$attraction->visit_mode_suggestion_reasons,true))<em>✦ {{ __('ui.visit_reason_new_coaster') }}</em>@endif
@if(in_array('personal',$attraction->visit_mode_suggestion_reasons,true))<em>{{ __('ui.visit_reason_personal') }}</em>@endif
@if(in_array('low_wait',$attraction->visit_mode_suggestion_reasons,true) && $attraction->visit_mode_wait !== null)<em>{{ __('ui.visit_reason_low_wait') }}</em>@endif
@if(in_array('wait_dropping',$attraction->visit_mode_suggestion_reasons,true))<em>↘ {{ __('ui.visit_reason_wait_dropping') }}</em>@endif
@if(in_array('historical_good_time',$attraction->visit_mode_suggestion_reasons,true))<em>◴ {{ __('ui.visit_reason_historical_good_time') }}</em>@endif
@if(in_array('roadbook_soon',$attraction->visit_mode_suggestion_reasons,true))<em>◷ {{ __('ui.visit_reason_roadbook_soon') }}</em>@endif
@if(in_array('weather_shelter',$attraction->visit_mode_suggestion_reasons,true))<em>☂ {{ __('ui.visit_reason_weather_shelter') }}</em>@endif
@if(in_array('closing_window',$attraction->visit_mode_suggestion_reasons,true))<em>⏳ {{ __('ui.visit_reason_closing_window') }}</em>@endif
@if(in_array('nearby',$attraction->visit_mode_suggestion_reasons,true))<em>⌖ {{ __('ui.visit_reason_nearby') }}</em>@endif
</div>
<div class="visit-v3-suggestion-meta">
    <small>⏱ {{ $attraction->visit_mode_wait !== null ? ($attraction->visit_mode_wait_kind === 'walk_on' ? __('ui.live_walk_on_short') : $attraction->visit_mode_wait.' min') : ($attraction->visit_mode_wait_kind === 'unconfirmed_zero' ? __('ui.live_wait_unconfirmed') : __('ui.live_no_wait')) }}</small>
    @if($attraction->visit_mode_distance_m !== null)
        <small>⌖ {{ $attraction->visit_mode_distance_m < 1000 ? ((int) round($attraction->visit_mode_distance_m / 10) * 10).' m' : number_format($attraction->visit_mode_distance_m / 1000, 1, app()->getLocale() === 'fr' ? ',' : '.', '').' km' }}</small>
        @if($attraction->visit_mode_walk_minutes)<small>🚶 ~{{ $attraction->visit_mode_walk_minutes }} min</small>@endif
    @endif
</div></a>
@endforeach</div></section>
@endif

@if($advisorWatchlist->isNotEmpty())
<section class="visit-advisor-watchlist" id="visit-watchlist">
    <div class="section-heading"><span class="eyebrow">{{ __('ui.visit_advisor_watch_kicker') }}</span><h2>{{ __('ui.visit_advisor_watch_title') }}</h2><p>{{ __('ui.visit_advisor_watch_intro') }}</p></div>
    <div class="visit-advisor-watch-grid">
        @foreach($advisorWatchlist as $watchAttraction)
            @php $watchTr=$watchAttraction->translations->firstWhere('locale',app()->getLocale()) ?? $watchAttraction->translations->firstWhere('locale','en'); $watchName=$watchTr?->name ?: $watchAttraction->official_name; @endphp
            <a href="#visit-attraction-{{ $watchAttraction->id }}" class="visit-advisor-watch-card">
                <div><span class="visit-advisor-action is-{{ $watchAttraction->visit_mode_advisor_action }}">{{ __('ui.visit_advisor_action_'.$watchAttraction->visit_mode_advisor_action) }}</span><strong>{{ $watchName }}</strong></div>
                <div class="visit-advisor-watch-data"><b>{{ $watchAttraction->visit_mode_wait !== null ? $watchAttraction->visit_mode_wait.' min' : '—' }}</b>@if($watchAttraction->visit_mode_walk_minutes)<small>🚶 ~{{ $watchAttraction->visit_mode_walk_minutes }} min</small>@endif</div>
                <p>
                    @if(in_array('over_wait',$watchAttraction->visit_mode_advisor_risks,true)){{ __('ui.visit_advisor_risk_over_wait') }}
                    @elseif(in_array('wait_rising',$watchAttraction->visit_mode_advisor_risks,true)){{ __('ui.visit_advisor_risk_wait_rising') }}
                    @elseif(in_array('historical_better_later',$watchAttraction->visit_mode_advisor_risks,true)){{ __('ui.visit_advisor_risk_historical_better_later') }}
                    @elseif(in_array('far_walk',$watchAttraction->visit_mode_advisor_risks,true)){{ __('ui.visit_advisor_risk_far_walk') }}
                    @elseif(in_array('weather_exposed',$watchAttraction->visit_mode_advisor_risks,true)){{ __('ui.visit_advisor_risk_weather') }}
                    @else{{ __('ui.visit_advisor_risk_generic') }}@endif
                </p>
            </a>
        @endforeach
    </div>
</section>
@endif

<section class="visit-preferences visit-advisor-preferences">
    <div class="section-heading"><span class="eyebrow">{{ __('ui.visit_advisor_settings_kicker') }}</span><h2>{{ __('ui.visit_advisor_settings_title') }}</h2></div>
    <form method="post" action="{{ route('visit.preferences', $visit) }}">@csrf
        <label class="visit-advisor-field"><span>{{ __('ui.visit_advisor_strategy_label') }}</span><select name="advisor_strategy">
            @foreach(['balanced','max_rides','wishlist','relaxed'] as $strategy)<option value="{{ $strategy }}" @selected($advisorStrategy === $strategy)>{{ __('ui.visit_advisor_strategy_'.$strategy) }}</option>@endforeach
        </select></label>
        <label class="visit-advisor-field"><span>{{ __('ui.visit_max_wait') }}</span><select name="max_suggested_wait_minutes">@foreach([15,30,45,60,90,120] as $minutes)<option value="{{ $minutes }}" @selected($preferences->max_suggested_wait_minutes == $minutes)>{{ $minutes }} min</option>@endforeach</select></label>
        <label class="visit-advisor-field"><span>{{ __('ui.visit_advisor_walk_limit') }}</span><select name="max_walk_distance_m"><option value="">{{ __('ui.visit_advisor_unlimited') }}</option>@foreach([300,600,1000,1500,2000] as $meters)<option value="{{ $meters }}" @selected((int)$preferences->max_walk_distance_m === $meters)>{{ $meters >= 1000 ? number_format($meters/1000,1,app()->getLocale()==='fr'?',':'.','').' km' : $meters.' m' }}</option>@endforeach</select></label>
        <label class="visit-advisor-check"><input type="checkbox" name="prefer_low_wait" value="1" @checked($preferences->prefer_low_wait)> <span>{{ __('ui.visit_prefer_low_wait') }}</span></label>
        <label class="visit-advisor-check"><input type="checkbox" name="prefer_new_coasters" value="1" @checked($preferences->prefer_new_coasters)> <span>{{ __('ui.visit_prefer_new_coasters') }}</span></label>
        <label class="visit-advisor-check"><input type="checkbox" name="include_weather_context" value="1" @checked($preferences->include_weather_context)> <span>{{ __('ui.visit_advisor_use_weather') }}</span></label>
        <button type="submit" class="button button-primary">{{ __('ui.visit_update_preferences') }}</button>
    </form>
</section>

<section class="visit-list-section" id="visit-attractions"><div class="section-heading"><span class="eyebrow">{{ __('ui.visit_all_attractions') }}</span><h2>{{ __('ui.visit_plan_day') }}</h2></div>
<div class="visit-filter-bar" data-visit-filters>
<button type="button" class="is-active" data-visit-filter="all">{{ __('ui.visit_filter_all') }}</button>
<button type="button" data-visit-filter="open">{{ __('ui.visit_filter_open') }}</button>
<button type="button" data-visit-filter="wishlist">★ {{ __('ui.visit_filter_wishlist') }}</button>
@if($isGroupMode)<button type="button" data-visit-filter="roadbook">☷ {{ __('ui.visit_v2_roadbook_short') }}</button>@endif
<button type="button" data-visit-filter="coaster">{{ __('ui.visit_filter_coasters') }}</button>
<button type="button" data-visit-filter="done">✓ {{ __('ui.visit_filter_done') }}</button>
</div>
<div class="visit-filter-empty" data-visit-filter-empty hidden>{{ __('ui.visit_filter_empty') }}</div>
<div class="visit-attraction-list">
@foreach($attractions as $attraction)
    @php
        $tr = $attraction->translations->firstWhere('locale', app()->getLocale()) ?? $attraction->translations->firstWhere('locale', 'en');
        $name = $tr?->name ?: $attraction->official_name;
        $live = $attraction->liveStatus;
        $isFresh = $attraction->visit_mode_live_fresh;
        $status = $attraction->visit_mode_is_open ? 'open' : (($isFresh && $live) ? ($live->operational_status ?: 'unknown') : 'unknown');
        $statusLabel = match($status) {
            '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'),
        };
        $trendSymbol = match($attraction->visit_mode_wait_trend) {
            'up' => '↗',
            'down' => '↘',
            default => '→',
        };
        $distanceLabel = null;
        if ($attraction->visit_mode_distance_m !== null) {
            $distanceLabel = $attraction->visit_mode_distance_m < 1000
                ? ((int) round($attraction->visit_mode_distance_m / 10) * 10).' m'
                : number_format($attraction->visit_mode_distance_m / 1000, 1, app()->getLocale() === 'fr' ? ',' : '.', '').' km';
        }
        $rideTogetherPost = $attraction->visit_mode_ride_together_post;
        $rideTogetherCount = $attraction->visit_mode_ride_together_posts->count();
        $cardForecast = $attraction->visit_mode_wait_forecast ?? [];
        $cardForecastBest = ($cardForecast['recommendation'] ?? null) === 'wait'
            ? ($cardForecast['best_later_window'] ?? $cardForecast['best_remaining_window'] ?? $cardForecast['best_window'] ?? null)
            : ($cardForecast['best_remaining_window'] ?? $cardForecast['best_window'] ?? null);
    @endphp

    <article
        id="visit-attraction-{{ $attraction->id }}"
        class="visit-attraction-card {{ $attraction->visit_mode_is_done ? 'is-done' : '' }} {{ $attraction->visit_mode_is_wishlisted ? 'is-wishlisted' : '' }} {{ $attraction->visit_mode_is_in_program ? 'is-roadbook' : '' }}"
        data-live-attraction="{{ $attraction->id }}"
        data-visit-open="{{ $attraction->visit_mode_is_open ? '1' : '0' }}"
        data-visit-wishlist="{{ $attraction->visit_mode_is_wishlisted ? '1' : '0' }}"
        data-visit-roadbook="{{ $attraction->visit_mode_is_in_program ? '1' : '0' }}"
        data-visit-coaster="{{ $attraction->coaster ? '1' : '0' }}"
        data-visit-done="{{ $attraction->visit_mode_is_done ? '1' : '0' }}"
    >
        <div class="visit-attraction-main">
            <div class="visit-attraction-icon">{{ $attraction->coaster ? '↗' : '◆' }}</div>
            <div>
                <small>{{ $attraction->zone?->official_name ?: $parkName }}</small>
                <h3>{{ $name }}</h3>

                <x-ride-queue-badges :attraction="$attraction" size="compact" class="visit-queue-badges" />

                @if(isset($attraction->visit_mode_advisor_action))
                    <span class="visit-advisor-action is-{{ $attraction->visit_mode_advisor_action }}">{{ __('ui.visit_advisor_action_'.$attraction->visit_mode_advisor_action) }}</span>
                @endif

                @if($attraction->visit_mode_is_wishlisted)
                    <span class="visit-wishlist-badge">★ {{ __('ui.wishlist_priority') }}</span>
                @endif

                @if($attraction->visit_mode_is_in_program)
                    <span class="visit-roadbook-badge">☷ {{ __('ui.visit_v2_in_roadbook') }}</span>
                @endif

                @if($attraction->visit_mode_is_personal_match)
                    <span class="visit-personal-badge">✦ {{ __('ui.reco_for_you') }}</span>
                @endif

                @if($attraction->visit_mode_is_new_for_user)
                    <span class="visit-new-badge">＋ {{ __('ui.visit_new_for_collection') }}</span>
                @endif

                @if($distanceLabel !== null)
                    <span class="visit-v3-distance-badge">
                        ⌖ {{ $distanceLabel }}
                        @if($attraction->visit_mode_walk_minutes)
                            · ~{{ $attraction->visit_mode_walk_minutes }} min
                        @endif
                    </span>
                @endif

                @if(($cardForecast['available'] ?? false) && ($cardForecast['current_typical_minutes'] ?? null) !== null)
                    <span class="visit-forecast-badge is-{{ $cardForecast['recommendation'] ?? 'normal' }}">
                        ◴ {{ __('ui.visit_forecast_typical', ['minutes' => $cardForecast['current_typical_minutes']]) }}
                        @if(($cardForecast['recommendation'] ?? null) === 'wait' && $cardForecastBest)
                            · {{ __('ui.visit_forecast_best_later', ['time' => $cardForecastBest['label'], 'minutes' => $cardForecastBest['median']]) }}
                        @endif
                    </span>
                @endif

                @if($rideTogetherPost)
                    <a href="#visit-ride-together" class="visit-ride-together-badge">
                        🎢 {{ $rideTogetherCount }} {{ __('ui.ride_together_v2_live_badge') }}
                    </a>
                @endif

                <span class="visit-status {{ $attraction->visit_mode_is_open ? 'is-open' : 'is-closed' }}" data-live-status>{{ $statusLabel }}</span>
            </div>
        </div>

        <div class="visit-attraction-wait" data-live-wait {{ $attraction->visit_mode_wait === null ? 'hidden' : '' }}>
            <strong data-live-wait-value>{{ $attraction->visit_mode_wait_kind === 'walk_on' ? __('ui.live_walk_on_short') : ($attraction->visit_mode_wait ?? '—') }}</strong>
            <small data-live-wait-unit {{ $attraction->visit_mode_wait_kind === 'walk_on' ? 'hidden' : '' }}>min</small>
            <em class="live-trend is-{{ $attraction->visit_mode_wait_trend }}" data-live-trend {{ $attraction->visit_mode_wait_trend === 'unknown' ? 'hidden' : '' }}>
                {{ $trendSymbol }}
                <span data-live-trend-text>{{ __('ui.live_trend_'.$attraction->visit_mode_wait_trend) }}</span>
                <b data-live-trend-delta {{ $attraction->visit_mode_wait_trend_delta === null || $attraction->visit_mode_wait_trend === 'stable' ? 'hidden' : '' }}>{{ ($attraction->visit_mode_wait_trend_delta ?? 0) > 0 ? '+' : '' }}{{ $attraction->visit_mode_wait_trend_delta ?? '' }} min</b>
            </em>
        </div>

        <div data-live-no-wait {{ $attraction->visit_mode_wait !== null ? 'hidden' : '' }} class="visit-no-wait">
            {{ $attraction->visit_mode_wait_kind === 'unconfirmed_zero' ? __('ui.live_wait_unconfirmed') : ($isFresh ? __('ui.live_no_wait') : __('ui.live_data_stale_short')) }}
        </div>

        <div class="visit-attraction-actions">
            @if($attraction->visit_mode_has_map_point)
                <a href="{{ route('parks.map', ['park' => $park->slug, 'focus' => $attraction->id]) }}" class="button button-ghost">⌖ {{ __('ui.visit_v3_map_focus') }}</a>
            @endif

            <a href="{{ $attraction->coaster ? route('coasters.show', $attraction->coaster) : route('attractions.show', $attraction) }}" class="button button-ghost">{{ __('ui.visit_details') }}</a>

            @if($rideTogetherPost)
                <a href="#visit-ride-together" class="button button-ghost">🎢 {{ __('ui.ride_together_v2_join_short') }}</a>
            @endif

            @if($attraction->visit_mode_is_done)
                <span class="collection-done-chip">✓ {{ __('ui.visit_done') }} · {{ $attraction->visit_mode_ride_count }}×</span>
            @endif
            <form method="post" action="{{ route('visit.ride', ['visit' => $visit, 'attraction' => $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">{{ $attraction->visit_mode_is_done ? __('ui.visit_add_passage') : __('ui.visit_mark_done') }}</button>
            </form>
        </div>
    </article>
@endforeach
</div></section>
</div>
<nav class="visit-mobile-dock" aria-label="{{ __('ui.visit_mobile_actions') }}">
<a href="{{ route('parks.map', $park->slug) }}"><span>⌖</span><strong>{{ __('ui.visit_map_short') }}</strong></a>
@if($isGroupMode && $visibleProgramItems->isNotEmpty())<a href="#visit-roadbook-list"><span>☷</span><strong>{{ __('ui.visit_v2_roadbook_short') }}</strong></a>@endif
<a href="#visit-ride-together"><span>🎢</span><strong>{{ __('ui.ride_together_v2_mobile_short') }}</strong></a>
<a href="#visit-attractions"><span>≡</span><strong>{{ __('ui.visit_list_short') }}</strong></a>
@if($suggested->isNotEmpty())<a href="#visit-suggestions"><span>✦</span><strong>{{ __('ui.visit_suggested_short') }}</strong></a>@endif
</nav>
</section>
@endsection