@extends('layouts.app')
@push('head')
<script src="{{ asset('js/gps-validation.js') }}?v=1.101.1" defer></script>
@endpush
@section('title', ($visit->title ?: $visit->park?->official_name).' — '.$group->name.' — Coaster World')

@php
    $park = $visit->park;
    $parkTranslation = $park?->translations?->firstWhere('locale', app()->getLocale())
        ?? $park?->translations?->firstWhere('locale', 'en');
    $parkName = $parkTranslation?->name ?: $park?->official_name;
    $isPast = $visit->ends_on?->isPast() && ! $visit->ends_on?->isToday();
    $programTypeIcons = [
        'attraction' => '🎢',
        'meal' => '🍔',
        'break' => '☕',
        'meetup' => '📍',
        'custom' => '✨',
    ];
    $programStatusIcons = [
        'todo' => '○',
        'in_progress' => '▶',
        'done' => '✓',
        'skipped' => '↷',
    ];
@endphp

@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="group-trip-hero">
    <div class="container">
        <a class="back-link" href="{{ route('groups.show', $group) }}">← {{ __('ui.group_visit_back_to_group') }}</a>

        <div class="group-trip-hero-grid">
            <div class="group-trip-date-large">
                <strong>{{ $visit->starts_on?->format('d') }}</strong>
                <span>{{ mb_strtoupper($visit->starts_on?->locale(app()->getLocale())->translatedFormat('M') ?? '') }}</span>
                <small>{{ $visit->starts_on?->format('Y') }}</small>
            </div>

            <div class="group-trip-hero-copy">
                <span class="eyebrow">{{ __('ui.group_visit_detail_kicker') }}</span>
                <h1>{{ $visit->title ?: $parkName }}</h1>
                <a href="{{ route('parks.show', $park->slug) }}">{{ $parkName }}</a>

                <div class="group-trip-meta">
                    @if($visit->ends_on && !$visit->ends_on->equalTo($visit->starts_on))
                        <span>{{ __('ui.group_visit_date_range', ['start' => $visit->starts_on->format('d/m/Y'), 'end' => $visit->ends_on->format('d/m/Y')]) }}</span>
                    @else
                        <span>{{ $visit->starts_on?->format('d/m/Y') }}</span>
                    @endif
                    <span>{{ $group->name }}</span>
                    <span>{{ $isPast ? __('ui.group_visit_past') : __('ui.group_visit_planned') }}</span>
                </div>
            </div>

            <div class="group-trip-hero-actions">
                @if($currentVisitMember?->invitation_status === 'accepted' || $canManage)
                    <a class="button button-primary" href="{{ route('groups.visits.summary', [$group, $visit]) }}">🏆 {{ __('ui.group_visit_recap_open') }}</a>
                @endif
                <a class="button button-ghost" href="{{ route('parks.map', $park->slug) }}">{{ __('ui.group_visit_open_map') }}</a>
                <a class="button button-ghost" href="{{ route('parks.show', $park->slug) }}">{{ __('ui.group_visit_park_page') }}</a>
            </div>
        </div>
    </div>
</section>

<section class="section">
    <div class="container">
        @if(session('group_status'))<div class="admin-success">{{ session('group_status') }}</div>@endif
        @if($errors->any())<div class="admin-error">{{ $errors->first() }}</div>@endif

        <div class="group-trip-summary-grid">
            <article class="group-trip-summary-card is-going">
                <strong>{{ $acceptedMembers->count() }}</strong>
                <span>{{ __('ui.group_visit_going') }}</span>
            </article>
            <article class="group-trip-summary-card">
                <strong>{{ $pendingMembers->count() }}</strong>
                <span>{{ __('ui.group_visit_waiting') }}</span>
            </article>
            <article class="group-trip-summary-card">
                <strong>{{ $declinedMembers->count() }}</strong>
                <span>{{ __('ui.group_visit_not_going') }}</span>
            </article>
            <article class="group-trip-summary-card">
                <strong>{{ $acceptedMembers->count() + $pendingMembers->count() + $declinedMembers->count() }}</strong>
                <span>{{ __('ui.group_visit_total_invited') }}</span>
            </article>
        </div>

        @if($visit->status === 'planned' && !$isPast)
            <div class="group-trip-action-panel">
                <div>
                    <span class="eyebrow">{{ __('ui.group_visit_your_status_kicker') }}</span>
                    <h2>{{ __('ui.group_visit_your_status_title') }}</h2>
                    <p>
                        @if($currentVisitMember?->invitation_status === 'accepted')
                            {{ __('ui.group_visit_status_accepted_help') }}
                        @elseif($currentVisitMember?->invitation_status === 'declined')
                            {{ __('ui.group_visit_status_declined_help') }}
                        @else
                            {{ __('ui.group_visit_status_pending_help') }}
                        @endif
                    </p>
                </div>

                <div class="group-trip-rsvp-actions">
                    @if($currentVisitMember?->invitation_status !== 'accepted')
                        <form method="post" action="{{ route('groups.visits.respond', [$group, $visit]) }}">
                            @csrf
                            <input type="hidden" name="decision" value="accept">
                            <button class="button button-primary" type="submit">{{ __('ui.group_visit_join') }}</button>
                        </form>
                    @else
                        <span class="friends-state is-friends">✓ {{ __('ui.group_visit_you_are_going') }}</span>
                    @endif

                    @if($currentVisitMember?->invitation_status !== 'declined')
                        <form method="post" action="{{ route('groups.visits.respond', [$group, $visit]) }}">
                            @csrf
                            <input type="hidden" name="decision" value="decline">
                            <button class="button button-ghost" type="submit">{{ __('ui.group_visit_decline') }}</button>
                        </form>
                    @else
                        <span class="friends-state">{{ __('ui.group_visit_you_declined') }}</span>
                    @endif

                    @if($isVisitDay && $currentVisitMember?->invitation_status === 'accepted')
                        <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
                            <input type="hidden" name="visit_id" value="{{ $visit->id }}">
                            <button class="button button-primary" type="submit">{{ __('ui.group_visit_start_visit_mode') }}</button>
                        </form>
                    @endif
                </div>
            </div>
        @endif

        <section class="trip-teams-section" id="trip-teams">
            <div class="section-heading split-heading trip-teams-heading">
                <div>
                    <span class="eyebrow">{{ __('ui.group_visit_teams_kicker') }}</span>
                    <h2>{{ __('ui.group_visit_teams_title') }}</h2>
                    <p>{{ __('ui.group_visit_teams_intro') }}</p>
                </div>
                <div class="trip-teams-heading-actions">
                    <span class="trip-team-count">{{ trans_choice('ui.group_visit_teams_count', $visitTeams->count(), ['count' => $visitTeams->count()]) }}</span>
                    @if($canManage && $visit->status === 'planned' && !$isPast)
                        <details class="trip-team-create-details">
                            <summary class="button button-primary">{{ __('ui.group_visit_teams_create_button') }}</summary>
                            <div class="trip-team-create-popover">
                                <form method="post" action="{{ route('groups.visits.teams.store', [$group, $visit]) }}" class="trip-team-form">
                                    @csrf
                                    <label>
                                        <span>{{ __('ui.group_visit_teams_name') }}</span>
                                        <input type="text" name="team_name" maxlength="80" value="{{ old('team_name') }}" placeholder="{{ __('ui.group_visit_teams_name_placeholder') }}" required>
                                    </label>
                                    <label>
                                        <span>{{ __('ui.group_visit_teams_emoji') }}</span>
                                        <select name="team_emoji" required>
                                            @foreach(['🎢', '🎠', '⚡', '🗺️', '📸', '🍔', '👨‍👩‍👧‍👦', '🏁'] as $teamEmoji)
                                                <option value="{{ $teamEmoji }}" @selected(old('team_emoji', '🎢') === $teamEmoji)>{{ $teamEmoji }}</option>
                                            @endforeach
                                        </select>
                                    </label>
                                    <label class="trip-team-note-field">
                                        <span>{{ __('ui.group_visit_teams_note') }}</span>
                                        <input type="text" name="team_note" maxlength="240" value="{{ old('team_note') }}" placeholder="{{ __('ui.group_visit_teams_note_placeholder') }}">
                                    </label>
                                    <div class="trip-team-form-footer">
                                        <small>{{ __('ui.group_visit_teams_create_help') }}</small>
                                        <button class="button button-primary" type="submit">{{ __('ui.group_visit_teams_create') }}</button>
                                    </div>
                                </form>
                            </div>
                        </details>
                    @elseif($visit->status !== 'planned' || $isPast)
                        <span class="trip-team-readonly">{{ __('ui.group_visit_teams_readonly') }}</span>
                    @endif
                </div>
            </div>

            @if($errors->has('team_name') || $errors->has('team_emoji') || $errors->has('team_note'))
                <div class="admin-error">{{ $errors->first() }}</div>
            @endif

            @if($visitTeams->isNotEmpty())
                <div class="trip-team-grid">
                    @foreach($visitTeams as $team)
                        @php
                            $isCurrentTeam = $currentTeamAssignment?->team_id === $team->id;
                            $teamMemberCount = $team->members->count();
                        @endphp
                        <article class="trip-team-card {{ $isCurrentTeam ? 'is-current' : '' }}">
                            <div class="trip-team-card-head">
                                <div class="trip-team-identity">
                                    <span class="trip-team-emoji" aria-hidden="true">{{ $team->emoji }}</span>
                                    <div>
                                        <span>{{ __('ui.group_visit_teams_team_label') }}</span>
                                        <h3>{{ $team->name }}</h3>
                                    </div>
                                </div>
                                <span class="trip-team-members-count">{{ trans_choice('ui.group_visit_teams_members_count', $teamMemberCount, ['count' => $teamMemberCount]) }}</span>
                            </div>

                            @if($team->note)
                                <p class="trip-team-note">{{ $team->note }}</p>
                            @endif

                            <div class="trip-team-members">
                                @forelse($team->members as $teamMembership)
                                    @php
                                        $teamUser = $teamMembership->user;
                                        $teamUserName = $teamUser?->username ? '@'.$teamUser->username : ($teamUser?->name ?: __('ui.group_visit_chat_unknown_user'));
                                    @endphp
                                    <span class="trip-team-member-chip" title="{{ $teamUserName }}">
                                        <b>{{ mb_strtoupper(mb_substr($teamUserName ?: '?', 0, 1)) }}</b>
                                        {{ $teamUserName }}
                                    </span>
                                @empty
                                    <span class="trip-team-no-members">{{ __('ui.group_visit_teams_no_members') }}</span>
                                @endforelse
                            </div>

                            @if($currentVisitMember?->invitation_status === 'accepted' && $visit->status === 'planned' && !$isPast)
                                <div class="trip-team-self-actions">
                                    @if($isCurrentTeam)
                                        <span class="friends-state is-friends">✓ {{ __('ui.group_visit_teams_my_team') }}</span>
                                        <form method="post" action="{{ route('groups.visits.teams.leave', [$group, $visit, $team]) }}">
                                            @csrf
                                            @method('DELETE')
                                            <button class="button button-ghost" type="submit">{{ __('ui.group_visit_teams_leave') }}</button>
                                        </form>
                                    @else
                                        <form method="post" action="{{ route('groups.visits.teams.join', [$group, $visit, $team]) }}">
                                            @csrf
                                            <button class="button button-primary" type="submit">
                                                {{ $currentTeamAssignment ? __('ui.group_visit_teams_switch') : __('ui.group_visit_teams_join') }}
                                            </button>
                                        </form>
                                    @endif
                                </div>
                            @endif

                            @if($canManage && $visit->status === 'planned' && !$isPast)
                                <details class="trip-team-manage-details">
                                    <summary>{{ __('ui.group_visit_teams_manage_team') }}</summary>
                                    <div class="trip-team-manage-box">
                                        <form method="post" action="{{ route('groups.visits.teams.update', [$group, $visit, $team]) }}" class="trip-team-form is-compact">
                                            @csrf
                                            @method('PUT')
                                            <label>
                                                <span>{{ __('ui.group_visit_teams_name') }}</span>
                                                <input type="text" name="team_name" maxlength="80" value="{{ $team->name }}" required>
                                            </label>
                                            <label>
                                                <span>{{ __('ui.group_visit_teams_emoji') }}</span>
                                                <select name="team_emoji" required>
                                                    @foreach(['🎢', '🎠', '⚡', '🗺️', '📸', '🍔', '👨‍👩‍👧‍👦', '🏁'] as $teamEmoji)
                                                        <option value="{{ $teamEmoji }}" @selected($team->emoji === $teamEmoji)>{{ $teamEmoji }}</option>
                                                    @endforeach
                                                </select>
                                            </label>
                                            <label class="trip-team-note-field">
                                                <span>{{ __('ui.group_visit_teams_note') }}</span>
                                                <input type="text" name="team_note" maxlength="240" value="{{ $team->note }}">
                                            </label>
                                            <button class="button button-primary" type="submit">{{ __('ui.group_visit_teams_save') }}</button>
                                        </form>
                                        <form method="post" action="{{ route('groups.visits.teams.destroy', [$group, $visit, $team]) }}" class="trip-team-delete-form" data-admin-confirm="{{ __('ui.group_visit_teams_delete_confirm') }}">
                                            @csrf
                                            @method('DELETE')
                                            <button class="button button-ghost" type="submit">{{ __('ui.group_visit_teams_delete') }}</button>
                                        </form>
                                    </div>
                                </details>
                            @endif
                        </article>
                    @endforeach
                </div>

                @if($canManage && $visit->status === 'planned' && !$isPast && $acceptedMembers->isNotEmpty())
                    <details class="trip-team-assignments">
                        <summary>
                            <span>
                                <strong>{{ __('ui.group_visit_teams_assignment_title') }}</strong>
                                <small>{{ __('ui.group_visit_teams_assignment_intro') }}</small>
                            </span>
                        </summary>
                        <div class="trip-team-assignment-list">
                            @foreach($acceptedMembers as $acceptedMember)
                                @php
                                    $acceptedUser = $acceptedMember->user;
                                    $acceptedName = $acceptedUser?->username ? '@'.$acceptedUser->username : ($acceptedUser?->name ?: $acceptedMember->display_name);
                                    $acceptedAssignment = $teamAssignmentsByUser->get($acceptedMember->user_id);
                                @endphp
                                <form method="post" action="{{ route('groups.visits.teams.assign', [$group, $visit]) }}" class="trip-team-assignment-row">
                                    @csrf
                                    <input type="hidden" name="user_id" value="{{ $acceptedMember->user_id }}">
                                    <div class="friends-user-avatar">{{ mb_strtoupper(mb_substr($acceptedName ?: '?', 0, 1)) }}</div>
                                    <div class="trip-team-assignment-user">
                                        <strong>{{ $acceptedName }}</strong>
                                        <span>{{ $acceptedAssignment?->team?->name ?? __('ui.group_visit_teams_unassigned') }}</span>
                                    </div>
                                    <select name="team_id" aria-label="{{ __('ui.group_visit_teams_assignment_select', ['name' => $acceptedName]) }}">
                                        <option value="">{{ __('ui.group_visit_teams_unassigned') }}</option>
                                        @foreach($visitTeams as $teamOption)
                                            <option value="{{ $teamOption->id }}" @selected($acceptedAssignment?->team_id === $teamOption->id)>
                                                {{ $teamOption->emoji }} {{ $teamOption->name }}
                                            </option>
                                        @endforeach
                                    </select>
                                    <button class="button button-ghost" type="submit">{{ __('ui.group_visit_teams_assign') }}</button>
                                </form>
                            @endforeach
                        </div>
                    </details>
                @endif
            @else
                <div class="trip-team-empty">
                    <span aria-hidden="true">👥</span>
                    <strong>{{ __('ui.group_visit_teams_empty_title') }}</strong>
                    <p>{{ __('ui.group_visit_teams_empty') }}</p>
                </div>
            @endif
        </section>

        <section class="trip-program-section" id="trip-program">
            <div class="section-heading split-heading trip-program-heading">
                <div>
                    <span class="eyebrow">{{ __('ui.group_visit_program_kicker') }}</span>
                    <h2>{{ __('ui.group_visit_program_title') }}</h2>
                    <p>{{ __('ui.group_visit_program_intro') }}</p>
                </div>
                <div class="trip-program-heading-actions">
                    <span class="trip-program-count">{{ trans_choice('ui.group_visit_program_count', $programItems->count(), ['count' => $programItems->count()]) }}</span>
                    @if($canManage && $visit->status === 'planned' && !$isPast)
                        <details class="trip-program-create-details" @if($errors->has('program_title') || $errors->has('item_type') || $errors->has('scheduled_at') || $errors->has('program_note')) open @endif>
                            <summary class="button button-primary">{{ __('ui.group_visit_program_add_button') }}</summary>
                            <div class="trip-program-create-popover">
                                <form method="post" action="{{ route('groups.visits.program.store', [$group, $visit]) }}" class="trip-program-form">
                                    @csrf
                                    <label>
                                        <span>{{ __('ui.group_visit_program_type') }}</span>
                                        <select name="item_type" required>
                                            @foreach(['attraction', 'meal', 'break', 'meetup', 'custom'] as $programType)
                                                <option value="{{ $programType }}" @selected(old('item_type', 'attraction') === $programType)>
                                                    {{ $programTypeIcons[$programType] }} {{ __('ui.group_visit_program_type_'.$programType) }}
                                                </option>
                                            @endforeach
                                        </select>
                                    </label>
                                    <label>
                                        <span>{{ __('ui.group_visit_program_time') }}</span>
                                        <input type="datetime-local" name="scheduled_at" value="{{ old('scheduled_at') }}">
                                    </label>
                                    <label class="trip-program-wide-field">
                                        <span>{{ __('ui.group_visit_program_attraction') }}</span>
                                        <select name="attraction_id">
                                            <option value="">{{ __('ui.group_visit_program_no_attraction') }}</option>
                                            @foreach($meetupAttractions as $programAttraction)
                                                @php
                                                    $programAttractionTranslation = $programAttraction->translations->firstWhere('locale', app()->getLocale())
                                                        ?? $programAttraction->translations->firstWhere('locale', 'en');
                                                    $programAttractionName = $programAttractionTranslation?->name ?: $programAttraction->official_name;
                                                @endphp
                                                <option value="{{ $programAttraction->id }}" @selected((string) old('attraction_id') === (string) $programAttraction->id)>{{ $programAttractionName }}</option>
                                            @endforeach
                                        </select>
                                    </label>
                                    <label>
                                        <span>{{ __('ui.group_visit_program_custom_title') }}</span>
                                        <input type="text" name="program_title" maxlength="180" value="{{ old('program_title') }}" placeholder="{{ __('ui.group_visit_program_custom_title_placeholder') }}">
                                    </label>
                                    <label>
                                        <span>{{ __('ui.group_visit_program_team') }}</span>
                                        <select name="team_id">
                                            <option value="">{{ __('ui.group_visit_program_everyone') }}</option>
                                            @foreach($visitTeams as $programTeam)
                                                <option value="{{ $programTeam->id }}" @selected((string) old('team_id') === (string) $programTeam->id)>{{ $programTeam->emoji }} {{ $programTeam->name }}</option>
                                            @endforeach
                                        </select>
                                    </label>
                                    <label class="trip-program-wide-field">
                                        <span>{{ __('ui.group_visit_program_note') }}</span>
                                        <textarea name="program_note" rows="2" maxlength="500" placeholder="{{ __('ui.group_visit_program_note_placeholder') }}">{{ old('program_note') }}</textarea>
                                    </label>
                                    <div class="trip-program-form-footer">
                                        <small>{{ __('ui.group_visit_program_create_help') }}</small>
                                        <button class="button button-primary" type="submit">{{ __('ui.group_visit_program_add') }}</button>
                                    </div>
                                </form>
                            </div>
                        </details>
                    @elseif($visit->status !== 'planned' || $isPast)
                        <span class="trip-program-readonly">{{ __('ui.group_visit_program_readonly') }}</span>
                    @endif
                </div>
            </div>

            @if($programItems->isNotEmpty())
                <div class="trip-program-roadbook">
                    @foreach($programItems as $programIndex => $programItem)
                        @php
                            $programAttraction = $programItem->attraction;
                            $programAttractionTranslation = $programAttraction?->translations?->firstWhere('locale', app()->getLocale())
                                ?? $programAttraction?->translations?->firstWhere('locale', 'en');
                            $programAttractionName = $programAttractionTranslation?->name ?: $programAttraction?->official_name;
                            $programStatus = in_array($programItem->status, ['todo', 'in_progress', 'done', 'skipped'], true) ? $programItem->status : 'todo';
                            $programType = in_array($programItem->item_type, ['attraction', 'meal', 'break', 'meetup', 'custom'], true) ? $programItem->item_type : 'custom';
                            $programLive = $programAttraction?->liveStatus;
                            $programLiveStatus = strtolower((string) ($programLive?->operational_status ?: 'unknown'));
                            $programLiveStatus = in_array($programLiveStatus, ['operating', 'closed', 'down', 'refurbishment', 'unknown'], true) ? $programLiveStatus : 'unknown';
                            $programTime = $programItem->scheduled_at?->timezone($park->timezone ?: config('app.timezone'));
                            $programHasMultipleDays = $visit->ends_on && !$visit->ends_on->equalTo($visit->starts_on);
                        @endphp
                        <article class="trip-program-item is-{{ str_replace('_', '-', $programStatus) }}">
                            <div class="trip-program-rail" aria-hidden="true">
                                <span>{{ $programIndex + 1 }}</span>
                                <i></i>
                            </div>

                            <div class="trip-program-time">
                                @if($programTime)
                                    <strong>{{ $programTime->format('H:i') }}</strong>
                                    @if($programHasMultipleDays)<span>{{ $programTime->format('d/m') }}</span>@endif
                                @else
                                    <strong>—</strong>
                                    <span>{{ __('ui.group_visit_program_flexible') }}</span>
                                @endif
                            </div>

                            <div class="trip-program-main">
                                <div class="trip-program-main-head">
                                    <div class="trip-program-identity">
                                        <span class="trip-program-type-icon" aria-hidden="true">{{ $programTypeIcons[$programType] ?? '✨' }}</span>
                                        <div>
                                            <span>{{ __('ui.group_visit_program_type_'.$programType) }}</span>
                                            <h3>{{ $programItem->title }}</h3>
                                        </div>
                                    </div>
                                    <span class="trip-program-status is-{{ str_replace('_', '-', $programStatus) }}">
                                        {{ $programStatusIcons[$programStatus] ?? '○' }} {{ __('ui.group_visit_program_status_'.$programStatus) }}
                                    </span>
                                </div>

                                @if($programAttraction)
                                    <x-ride-queue-badges :attraction="$programAttraction" size="compact" class="group-visit-queue-badges" />
                                @endif

                                <div class="trip-program-meta-row" @if($programAttraction) data-cw-live-attraction="{{ $programAttraction->id }}" @endif>
                                    @if($programItem->team)
                                        <span>👥 {{ $programItem->team->emoji }} {{ $programItem->team->name }}</span>
                                    @else
                                        <span>👥 {{ __('ui.group_visit_program_everyone') }}</span>
                                    @endif
                                    @if($programAttraction && $programAttractionName !== $programItem->title)
                                        <span>🎡 {{ $programAttractionName }}</span>
                                    @endif
                                    @if($programAttraction)
                                        <span class="trip-program-live" data-cw-live-wait-text @if(!$programLive || $programLive->wait_time_minutes === null) hidden @endif>
                                            @if($programLive && $programLive->wait_time_minutes !== null && $programLive->wait_time_minutes > 0)
                                                ⏱ {{ $programLive->wait_time_minutes }} min
                                            @elseif($programLive && $programLive->wait_time_minutes === 0)
                                                ⏱ {{ __('ui.live_wait_unconfirmed') }}
                                            @endif
                                        </span>
                                        <span data-cw-live-status @if(!$programLive || $programLive->wait_time_minutes !== null) hidden @endif>● {{ $programLive ? __('ui.group_visit_program_live_'.$programLiveStatus) : __('ui.live_status_unknown') }}</span>
                                    @endif
                                </div>

                                @if($programItem->note)
                                    <p class="trip-program-note">{{ $programItem->note }}</p>
                                @endif

                                @if($currentVisitMember?->invitation_status === 'accepted' && $programAttraction && $programTime && $programTime->isFuture() && in_array($programStatus, ['todo', 'in_progress'], true))
                                    <form method="post" action="{{ route('groups.visits.ride-together.store', [$group, $visit]) }}" class="trip-program-ride-together">
                                        @csrf
                                        <input type="hidden" name="program_item_id" value="{{ $programItem->id }}">
                                        <input type="hidden" name="visibility_scope" value="group">
                                        <input type="hidden" name="max_participants" value="4">
                                        <button class="button button-ghost" type="submit">🎢 {{ __('ui.ride_together_v2_roadbook_action') }}</button>
                                    </form>
                                @endif

                                @if($canManage && $visit->status === 'planned' && !$isPast)
                                    <div class="trip-program-manager-bar">
                                        <form method="post" action="{{ route('groups.visits.program.status', [$group, $visit, $programItem]) }}" class="trip-program-status-form">
                                            @csrf
                                            @foreach(['todo', 'in_progress', 'done', 'skipped'] as $statusOption)
                                                <button type="submit" name="status" value="{{ $statusOption }}" class="{{ $programStatus === $statusOption ? 'is-active' : '' }}" title="{{ __('ui.group_visit_program_status_'.$statusOption) }}">
                                                    {{ $programStatusIcons[$statusOption] }}
                                                    <span>{{ __('ui.group_visit_program_status_'.$statusOption) }}</span>
                                                </button>
                                            @endforeach
                                        </form>

                                        <div class="trip-program-order-actions">
                                            @if(!$loop->first)
                                                <form method="post" action="{{ route('groups.visits.program.move', [$group, $visit, $programItem]) }}">
                                                    @csrf
                                                    <input type="hidden" name="direction" value="up">
                                                    <button type="submit" title="{{ __('ui.group_visit_program_move_up') }}">↑</button>
                                                </form>
                                            @endif
                                            @if(!$loop->last)
                                                <form method="post" action="{{ route('groups.visits.program.move', [$group, $visit, $programItem]) }}">
                                                    @csrf
                                                    <input type="hidden" name="direction" value="down">
                                                    <button type="submit" title="{{ __('ui.group_visit_program_move_down') }}">↓</button>
                                                </form>
                                            @endif
                                        </div>
                                    </div>

                                    <details class="trip-program-manage-details">
                                        <summary>{{ __('ui.group_visit_program_manage') }}</summary>
                                        <div class="trip-program-manage-box">
                                            <form method="post" action="{{ route('groups.visits.program.update', [$group, $visit, $programItem]) }}" class="trip-program-form is-compact">
                                                @csrf
                                                @method('PUT')
                                                <label>
                                                    <span>{{ __('ui.group_visit_program_type') }}</span>
                                                    <select name="item_type" required>
                                                        @foreach(['attraction', 'meal', 'break', 'meetup', 'custom'] as $typeOption)
                                                            <option value="{{ $typeOption }}" @selected($programType === $typeOption)>{{ $programTypeIcons[$typeOption] }} {{ __('ui.group_visit_program_type_'.$typeOption) }}</option>
                                                        @endforeach
                                                    </select>
                                                </label>
                                                <label>
                                                    <span>{{ __('ui.group_visit_program_time') }}</span>
                                                    <input type="datetime-local" name="scheduled_at" value="{{ $programTime?->format('Y-m-d\\TH:i') }}">
                                                </label>
                                                <label class="trip-program-wide-field">
                                                    <span>{{ __('ui.group_visit_program_attraction') }}</span>
                                                    <select name="attraction_id">
                                                        <option value="">{{ __('ui.group_visit_program_no_attraction') }}</option>
                                                        @foreach($meetupAttractions as $programAttractionOption)
                                                            @php
                                                                $programAttractionOptionTranslation = $programAttractionOption->translations->firstWhere('locale', app()->getLocale())
                                                                    ?? $programAttractionOption->translations->firstWhere('locale', 'en');
                                                                $programAttractionOptionName = $programAttractionOptionTranslation?->name ?: $programAttractionOption->official_name;
                                                            @endphp
                                                            <option value="{{ $programAttractionOption->id }}" @selected($programItem->attraction_id === $programAttractionOption->id)>{{ $programAttractionOptionName }}</option>
                                                        @endforeach
                                                    </select>
                                                </label>
                                                <label>
                                                    <span>{{ __('ui.group_visit_program_custom_title') }}</span>
                                                    <input type="text" name="program_title" maxlength="180" value="{{ $programItem->title }}" required>
                                                </label>
                                                <label>
                                                    <span>{{ __('ui.group_visit_program_team') }}</span>
                                                    <select name="team_id">
                                                        <option value="">{{ __('ui.group_visit_program_everyone') }}</option>
                                                        @foreach($visitTeams as $programTeamOption)
                                                            <option value="{{ $programTeamOption->id }}" @selected($programItem->team_id === $programTeamOption->id)>{{ $programTeamOption->emoji }} {{ $programTeamOption->name }}</option>
                                                        @endforeach
                                                    </select>
                                                </label>
                                                <label class="trip-program-wide-field">
                                                    <span>{{ __('ui.group_visit_program_note') }}</span>
                                                    <textarea name="program_note" rows="2" maxlength="500">{{ $programItem->note }}</textarea>
                                                </label>
                                                <button class="button button-primary trip-program-wide-field" type="submit">{{ __('ui.group_visit_program_save') }}</button>
                                            </form>
                                            <form method="post" action="{{ route('groups.visits.program.destroy', [$group, $visit, $programItem]) }}" class="trip-program-delete-form" data-admin-confirm="{{ __('ui.group_visit_program_delete_confirm') }}">
                                                @csrf
                                                @method('DELETE')
                                                <button class="button button-ghost" type="submit">{{ __('ui.group_visit_program_delete') }}</button>
                                            </form>
                                        </div>
                                    </details>
                                @endif
                            </div>
                        </article>
                    @endforeach
                </div>
            @else
                <div class="trip-program-empty">
                    <span aria-hidden="true">🗓️</span>
                    <strong>{{ __('ui.group_visit_program_empty_title') }}</strong>
                    <p>{{ __('ui.group_visit_program_empty') }}</p>
                </div>
            @endif
        </section>


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

        <section class="trip-ride-together-section" id="trip-ride-together">
            <div class="section-heading split-heading trip-ride-together-heading">
                <div>
                    <span class="eyebrow">{{ __('ui.ride_together_v2_kicker') }}</span>
                    <h2>{{ __('ui.ride_together_v2_group_title') }}</h2>
                    <p>{{ __('ui.ride_together_v2_group_intro') }}</p>
                </div>
                <div class="trip-ride-together-heading-actions">
                    <span class="trip-ride-together-count">🎢 {{ $rideTogetherPosts->count() }}</span>
                    @if($currentVisitMember?->invitation_status === 'accepted' && in_array($visit->status, ['planned', 'active'], true) && !$isPast)
                        <details class="trip-ride-together-create-details" @if($errors->has('attraction_id') || $errors->has('scheduled_for') || $errors->has('visibility_scope')) open @endif>
                            <summary class="button button-primary">{{ __('ui.ride_together_v2_create_button') }}</summary>
                            <div class="trip-ride-together-create-popover">
                                <form method="post" action="{{ route('groups.visits.ride-together.store', [$group, $visit]) }}" class="trip-ride-together-form">
                                    @csrf
                                    <label class="trip-ride-together-wide">
                                        <span>{{ __('ui.ride_together_attraction') }}</span>
                                        <select name="attraction_id" required>
                                            <option value="">{{ __('ui.ride_together_choose_attraction') }}</option>
                                            @foreach($meetupAttractions 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') }}" 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">
                                            <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
                                        </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="trip-ride-together-wide">
                                        <span>{{ __('ui.ride_together_note') }}</span>
                                        <input type="text" name="note" maxlength="500" value="{{ old('note') }}" placeholder="{{ __('ui.ride_together_note_placeholder') }}">
                                    </label>
                                    <div class="trip-ride-together-form-footer trip-ride-together-wide">
                                        <small>{{ __('ui.ride_together_v2_group_create_help') }}</small>
                                        <button class="button button-primary" type="submit">{{ __('ui.ride_together_publish') }}</button>
                                    </div>
                                </form>
                            </div>
                        </details>
                    @endif
                </div>
            </div>

            @if($rideTogetherPosts->isNotEmpty())
                <div class="trip-ride-together-grid">
                    @foreach($rideTogetherPosts 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'));
                            $joinedParticipants = $ridePost->participants->where('status', 'joined');
                            $isJoined = $joinedParticipants->contains('user_id', auth()->id());
                            $isOwner = $ridePost->created_by_user_id === auth()->id();
                            $isFull = $ridePost->max_participants && $joinedParticipants->count() >= $ridePost->max_participants;
                            $scopeKey = in_array($ridePost->visibility_scope, ['public', 'group', 'team'], true) ? $ridePost->visibility_scope : 'group';
                        @endphp
                        <article class="trip-ride-together-card is-{{ $scopeKey }}">
                            <div class="trip-ride-together-card-head">
                                <div>
                                    <span class="ride-together-v2-scope">{{ __('ui.ride_together_v2_scope_'.$scopeKey) }}@if($scopeKey === 'team' && $ridePost->team) · {{ $ridePost->team->emoji }} {{ $ridePost->team->name }}@endif</span>
                                    <h3>{{ $rideName }}</h3>
                                    <x-ride-queue-badges :attraction="$ridePost->attraction" size="compact" class="group-visit-queue-badges" />
                                </div>
                                <div class="ride-together-v2-time"><strong>{{ $rideTime?->format('H:i') ?: '—' }}</strong><small>{{ $rideTime?->format('d/m') }}</small></div>
                            </div>
                            <div class="trip-ride-together-meta">
                                <span>👤 {{ $ridePost->creator?->username ? '@'.$ridePost->creator->username : ($ridePost->creator?->name ?: '—') }}</span>
                                <span>👥 {{ $joinedParticipants->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
                            <div class="trip-ride-together-people">
                                @foreach($joinedParticipants->take(8) as $participant)
                                    @php $participantName = $participant->user?->username ? '@'.$participant->user->username : ($participant->user?->name ?: '?'); @endphp
                                    <span title="{{ $participantName }}">{{ mb_strtoupper(mb_substr(ltrim($participantName, '@'), 0, 1)) }}</span>
                                @endforeach
                            </div>
                            <div class="trip-ride-together-actions">
                                @if($isOwner)
                                    <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($isJoined)
                                    <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
                            </div>
                        </article>
                    @endforeach
                </div>
            @else
                <div class="trip-ride-together-empty">
                    <span aria-hidden="true">🎢</span>
                    <strong>{{ __('ui.ride_together_v2_empty_title') }}</strong>
                    <p>{{ __('ui.ride_together_v2_group_empty') }}</p>
                </div>
            @endif
        </section>

        <section class="trip-challenges-section" id="trip-challenges">
            <div class="section-heading split-heading trip-challenges-heading">
                <div>
                    <span class="eyebrow">{{ __('ui.group_visit_challenge_kicker') }}</span>
                    <h2>{{ __('ui.group_visit_challenge_title') }}</h2>
                    <p>{{ __('ui.group_visit_challenge_intro') }}</p>
                </div>
                <div class="trip-challenges-heading-actions">
                    <span class="trip-challenge-count">{{ trans_choice('ui.group_visit_challenge_count', $visitChallenges->count(), ['count' => $visitChallenges->count()]) }}</span>
                    @if($canManage && $visit->status === 'planned' && !$isPast)
                        <details class="trip-challenge-create-details" @if($errors->has('challenge_name') || $errors->has('challenge_type') || $errors->has('target_score')) open @endif>
                            <summary class="button button-primary">{{ __('ui.group_visit_challenge_create_button') }}</summary>
                            <div class="trip-challenge-create-popover">
                                <form method="post" action="{{ route('groups.visits.challenges.store', [$group, $visit]) }}" class="trip-challenge-form">
                                    @csrf
                                    <label class="trip-challenge-wide-field">
                                        <span>{{ __('ui.group_visit_challenge_name') }}</span>
                                        <input type="text" name="challenge_name" maxlength="140" value="{{ old('challenge_name') }}" placeholder="{{ __('ui.group_visit_challenge_name_placeholder') }}" required>
                                    </label>
                                    <label>
                                        <span>{{ __('ui.group_visit_challenge_type') }}</span>
                                        <select name="challenge_type" required>
                                            <option value="rides" @selected(old('challenge_type', 'rides') === 'rides')>🎡 {{ __('ui.group_visit_challenge_type_rides') }}</option>
                                            <option value="coasters" @selected(old('challenge_type') === 'coasters')>🎢 {{ __('ui.group_visit_challenge_type_coasters') }}</option>
                                        </select>
                                    </label>
                                    <label>
                                        <span>{{ __('ui.group_visit_challenge_target') }}</span>
                                        <input type="number" name="target_score" min="1" max="50" value="{{ old('target_score', 5) }}" required>
                                    </label>
                                    <div class="trip-challenge-form-footer">
                                        <small>{{ __('ui.group_visit_challenge_create_help') }}</small>
                                        <button class="button button-primary" type="submit">{{ __('ui.group_visit_challenge_create_submit') }}</button>
                                    </div>
                                </form>
                            </div>
                        </details>
                    @endif
                </div>
            </div>

            @if($visitChallenges->isNotEmpty())
                <div class="trip-challenge-grid">
                    @foreach($visitChallenges as $challenge)
                        @php
                            $challengeTarget = max(1, (int) data_get($challenge->rules, 'target_score', 1));
                            $challengeParticipants = $challenge->participants
                                ->filter(fn ($participant) => in_array($participant->status, ['accepted', 'active', 'completed'], true))
                                ->sortByDesc('score')
                                ->values();
                            $myChallengeParticipant = $challenge->participants->first(fn ($participant) => $participant->user_id === auth()->id() && in_array($participant->status, ['accepted', 'active', 'completed'], true));
                            $challengeEnded = !in_array($challenge->status, ['active', 'running'], true) || $challenge->ends_at?->isPast() || $visit->status !== 'planned' || $isPast;
                            $challengeTypeIcon = $challenge->challenge_type === 'coasters' ? '🎢' : '🎡';
                            $leaderScore = (int) ($challengeParticipants->max('score') ?? 0);
                        @endphp
                        <article class="trip-challenge-card {{ $myChallengeParticipant ? 'is-joined' : '' }} {{ $challengeEnded ? 'is-closed' : '' }}">
                            <div class="trip-challenge-card-head">
                                <div class="trip-challenge-icon" aria-hidden="true">{{ $challengeTypeIcon }}</div>
                                <div class="trip-challenge-title-wrap">
                                    <span>{{ __('ui.group_visit_challenge_type_'.$challenge->challenge_type) }}</span>
                                    <h3>{{ $challenge->name }}</h3>
                                </div>
                                <span class="trip-challenge-state {{ $challengeEnded ? 'is-closed' : 'is-open' }}">
                                    {{ $challengeEnded ? __('ui.group_visit_challenge_closed_label') : __('ui.group_visit_challenge_open_label') }}
                                </span>
                            </div>

                            <div class="trip-challenge-goal">
                                <div>
                                    <span>{{ __('ui.group_visit_challenge_goal') }}</span>
                                    <strong>{{ $challengeTarget }}</strong>
                                </div>
                                <div>
                                    <span>{{ __('ui.group_visit_challenge_participants') }}</span>
                                    <strong>{{ $challengeParticipants->count() }}</strong>
                                </div>
                                <div>
                                    <span>{{ __('ui.group_visit_challenge_best_score') }}</span>
                                    <strong>{{ $leaderScore }}</strong>
                                </div>
                            </div>

                            @if($myChallengeParticipant)
                                @php
                                    $myChallengeScore = (int) $myChallengeParticipant->score;
                                    $myChallengeProgress = min(100, (int) round(($myChallengeScore / $challengeTarget) * 100));
                                @endphp
                                <div class="trip-challenge-my-progress">
                                    <div class="trip-challenge-progress-copy">
                                        <span>{{ __('ui.group_visit_challenge_your_progress') }}</span>
                                        <strong>{{ $myChallengeScore }} / {{ $challengeTarget }}</strong>
                                    </div>
                                    <div class="trip-challenge-progress-track" aria-label="{{ __('ui.group_visit_challenge_your_progress') }}">
                                        <i style="width: {{ $myChallengeProgress }}%"></i>
                                    </div>
                                    @if($myChallengeParticipant->status === 'completed')
                                        <span class="trip-challenge-completed">🏆 {{ __('ui.group_visit_challenge_completed') }}</span>
                                    @endif
                                </div>
                            @endif

                            <div class="trip-challenge-ranking">
                                <strong>{{ __('ui.group_visit_challenge_ranking') }}</strong>
                                @forelse($challengeParticipants->take(8) as $challengeParticipant)
                                    @php
                                        $challengeUserName = $challengeParticipant->user?->username
                                            ? '@'.$challengeParticipant->user->username
                                            : ($challengeParticipant->user?->name ?: __('ui.group_visit_chat_unknown_user'));
                                        $challengeRank = $loop->iteration;
                                    @endphp
                                    <div class="trip-challenge-rank-row {{ $challengeParticipant->user_id === auth()->id() ? 'is-me' : '' }}">
                                        <span class="trip-challenge-rank-position">{{ $challengeRank <= 3 ? ['🥇','🥈','🥉'][$challengeRank - 1] : '#'.$challengeRank }}</span>
                                        <span class="trip-challenge-rank-name">{{ $challengeUserName }}</span>
                                        @if($challengeParticipant->team_key)
                                            <small>{{ $challengeParticipant->team_key }}</small>
                                        @endif
                                        <strong>{{ $challengeParticipant->score }}</strong>
                                    </div>
                                @empty
                                    <p class="trip-challenge-no-ranking">{{ __('ui.group_visit_challenge_no_participants') }}</p>
                                @endforelse
                            </div>

                            <div class="trip-challenge-actions">
                                @if(!$challengeEnded && $currentVisitMember?->invitation_status === 'accepted')
                                    @if(!$myChallengeParticipant)
                                        <form method="post" action="{{ route('groups.visits.challenges.join', [$group, $visit, $challenge]) }}">
                                            @csrf
                                            <button class="button button-primary" type="submit">{{ __('ui.group_visit_challenge_join') }}</button>
                                        </form>
                                    @elseif($myChallengeParticipant->status !== 'completed')
                                        <form method="post" action="{{ route('groups.visits.challenges.leave', [$group, $visit, $challenge]) }}">
                                            @csrf
                                            @method('DELETE')
                                            <button class="button button-ghost" type="submit">{{ __('ui.group_visit_challenge_leave') }}</button>
                                        </form>
                                    @endif
                                @endif

                                @if($canManage && !$challengeEnded)
                                    <form method="post" action="{{ route('groups.visits.challenges.close', [$group, $visit, $challenge]) }}" data-admin-confirm="{{ __('ui.group_visit_challenge_close_confirm') }}">
                                        @csrf
                                        <button class="button button-ghost" type="submit">{{ __('ui.group_visit_challenge_close') }}</button>
                                    </form>
                                @endif
                            </div>
                        </article>
                    @endforeach
                </div>
            @else
                <div class="trip-challenge-empty">
                    <span aria-hidden="true">🏆</span>
                    <strong>{{ __('ui.group_visit_challenge_empty_title') }}</strong>
                    <p>{{ __('ui.group_visit_challenge_empty') }}</p>
                </div>
            @endif
        </section>

        @if($currentVisitMember?->invitation_status === 'accepted')
            <section class="trip-chat-section" id="trip-chat">
                <div class="section-heading split-heading trip-chat-heading">
                    <div>
                        <span class="eyebrow">{{ __('ui.group_visit_chat_kicker') }}</span>
                        <h2>{{ __('ui.group_visit_chat_title') }}</h2>
                        <p>{{ __('ui.group_visit_chat_intro') }}</p>
                    </div>
                    <span class="trip-chat-private">🔒 {{ __('ui.group_visit_chat_private') }}</span>
                </div>

                @if(session('social_report_status'))
                    <div class="admin-success trip-chat-report-feedback">✓ {{ session('social_report_status') }}</div>
                @endif

                <div class="trip-chat-shell">
                    <div class="trip-chat-list">
                        @forelse($tripMessages as $tripMessage)
                            @php
                                $tripAuthorName = $tripMessage->user?->username
                                    ? '@'.$tripMessage->user->username
                                    : ($tripMessage->user?->name ?: __('ui.group_visit_chat_unknown_user'));
                                $isOwnTripMessage = $tripMessage->user_id === auth()->id();
                                $canDeleteTripMessage = !$tripMessage->trashed() && ($isOwnTripMessage || $canManage);
                            @endphp
                            <article class="trip-chat-message {{ $isOwnTripMessage ? 'is-mine' : '' }} {{ $tripMessage->trashed() ? 'is-deleted' : '' }}">
                                <div class="trip-chat-avatar" aria-hidden="true">
                                    {{ mb_strtoupper(mb_substr($tripAuthorName ?: '?', 0, 1)) }}
                                </div>
                                <div class="trip-chat-bubble">
                                    <div class="trip-chat-meta">
                                        <strong>{{ $tripAuthorName }}</strong>
                                        <time datetime="{{ $tripMessage->created_at?->toIso8601String() }}">
                                            {{ $tripMessage->created_at?->timezone($park->timezone ?: config('app.timezone'))->format('d/m H:i') }}
                                        </time>
                                    </div>

                                    @if($tripMessage->trashed())
                                        <p class="trip-chat-removed">{{ __('ui.group_visit_chat_removed') }}</p>
                                    @else
                                        <p>{{ $tripMessage->body }}</p>
                                    @endif

                                    <div class="trip-chat-message-actions">
                                        @if($canDeleteTripMessage)
                                            <form method="post" action="{{ route('groups.visits.messages.destroy', [$group, $visit, $tripMessage]) }}" data-admin-confirm="{{ __('ui.group_visit_chat_delete_confirm') }}">
                                                @csrf
                                                @method('DELETE')
                                                <button type="submit" class="trip-chat-delete">{{ __('ui.group_visit_chat_delete') }}</button>
                                            </form>
                                        @endif
                                        @if(!$tripMessage->trashed() && !$isOwnTripMessage)
                                            <details class="trip-chat-report-menu">
                                                <summary>{{ __('ui.social_report_short') }}</summary>
                                                <form method="post" action="{{ route('groups.visits.messages.report', [$group, $visit, $tripMessage]) }}" class="social-report-form compact">
                                                    @csrf
                                                    <select name="reason_code" aria-label="{{ __('ui.social_report_reason') }}" required>
                                                        @foreach(['spam','harassment','hate','inappropriate','impersonation','dangerous','privacy','other'] as $reportReason)
                                                            <option value="{{ $reportReason }}">{{ __('ui.social_report_reason_'.$reportReason) }}</option>
                                                        @endforeach
                                                    </select>
                                                    <textarea name="details" rows="2" maxlength="1500" placeholder="{{ __('ui.social_report_details_placeholder') }}"></textarea>
                                                    <button class="button button-ghost" type="submit">{{ __('ui.social_report_submit') }}</button>
                                                </form>
                                            </details>
                                        @endif
                                    </div>
                                </div>
                            </article>
                        @empty
                            <div class="trip-chat-empty">
                                <strong>{{ __('ui.group_visit_chat_empty_title') }}</strong>
                                <span>{{ __('ui.group_visit_chat_empty') }}</span>
                            </div>
                        @endforelse
                    </div>

                    @if($visit->status !== 'cancelled')
                        <form method="post" action="{{ route('groups.visits.messages.store', [$group, $visit]) }}" class="trip-chat-compose">
                            @csrf
                            <label for="trip-chat-body" class="sr-only">{{ __('ui.group_visit_chat_message') }}</label>
                            <textarea id="trip-chat-body" name="body" rows="3" maxlength="1500" placeholder="{{ __('ui.group_visit_chat_placeholder') }}" required>{{ old('body') }}</textarea>
                            <div class="trip-chat-compose-footer">
                                <small>{{ __('ui.group_visit_chat_help') }}</small>
                                <button class="button button-primary" type="submit">{{ __('ui.group_visit_chat_send') }}</button>
                            </div>
                        </form>
                    @else
                        <div class="trip-chat-closed">{{ __('ui.group_visit_chat_closed') }}</div>
                    @endif
                </div>
            </section>
        @endif

        <section class="meetups-section" id="meetups">
            <div class="section-heading split-heading meetups-heading">
                <div>
                    <span class="eyebrow">{{ __('ui.meetup_kicker') }}</span>
                    <h2>{{ __('ui.meetup_title') }}</h2>
                    <p>{{ __('ui.meetup_intro') }}</p>
                </div>

                @if($currentVisitMember?->invitation_status === 'accepted' && $visit->status === 'planned' && !$isPast)
                    <button type="button" class="button button-primary" data-meetup-toggle>{{ __('ui.meetup_create_button') }}</button>
                @endif
            </div>

            @if($currentVisitMember?->invitation_status === 'accepted' && $visit->status === 'planned' && !$isPast)
                <div class="meetup-create-panel" data-meetup-create hidden>
                    <form method="post" action="{{ route('groups.visits.meetups.store', [$group, $visit]) }}">
                        @csrf

                        <div class="meetup-form-grid">
                            <label class="meetup-title-field">
                                <span>{{ __('ui.meetup_name') }}</span>
                                <input type="text" name="title" maxlength="140" value="{{ old('title') }}" placeholder="{{ __('ui.meetup_name_placeholder') }}" required>
                            </label>

                            <label>
                                <span>{{ __('ui.meetup_time') }}</span>
                                <input
                                    type="datetime-local"
                                    name="scheduled_at"
                                    value="{{ old('scheduled_at') }}"
                                    min="{{ now($park->timezone)->format('Y-m-d\TH:i') }}"
                                    required
                                >
                            </label>

                            <label>
                                <span>{{ __('ui.meetup_attraction') }}</span>
                                <select name="attraction_id">
                                    <option value="">{{ __('ui.meetup_attraction_optional') }}</option>
                                    @foreach($meetupAttractions as $attraction)
                                        @php
                                            $attractionTranslation = $attraction->translations->firstWhere('locale', app()->getLocale())
                                                ?? $attraction->translations->firstWhere('locale', 'en');
                                        @endphp
                                        <option value="{{ $attraction->id }}" @selected((string) old('attraction_id') === (string) $attraction->id)>
                                            {{ $attractionTranslation?->name ?: $attraction->official_name }}
                                        </option>
                                    @endforeach
                                </select>
                            </label>

                            <label class="meetup-note-field">
                                <span>{{ __('ui.meetup_note') }}</span>
                                <textarea name="note" rows="3" maxlength="1200" placeholder="{{ __('ui.meetup_note_placeholder') }}">{{ old('note') }}</textarea>
                            </label>
                        </div>

                        <div class="meetup-create-footer">
                            <p>{{ __('ui.meetup_invite_help') }}</p>
                            <button class="button button-primary" type="submit">{{ __('ui.meetup_create') }}</button>
                        </div>
                    </form>
                </div>
            @endif

            @if($errors->has('title') || $errors->has('scheduled_at') || $errors->has('attraction_id') || $errors->has('note'))
                <div class="admin-error">{{ $errors->first() }}</div>
            @endif

            @if($meetups->isNotEmpty())
                <div class="meetup-grid">
                    @foreach($meetups as $meetup)
                        @php
                            $meetupAttraction = $meetup->attraction;
                            $meetupAttractionTranslation = $meetupAttraction?->translations?->firstWhere('locale', app()->getLocale())
                                ?? $meetupAttraction?->translations?->firstWhere('locale', 'en');
                            $meetupAttractionName = $meetupAttractionTranslation?->name ?: $meetupAttraction?->official_name;
                            $currentMeetupParticipant = $meetup->participants->firstWhere('user_id', auth()->id());
                            $meetupAccepted = $meetup->participants->where('status', 'accepted')->count();
                            $meetupPending = $meetup->participants->where('status', 'invited')->count();
                            $meetupDeclined = $meetup->participants->where('status', 'declined')->count();
                            $meetupPast = $meetup->scheduled_at?->lt(now($park->timezone));
                            $canCancelMeetup = $meetup->created_by_user_id === auth()->id() || $canManage;
                        @endphp

                        <article class="meetup-card {{ $meetupPast ? 'is-past' : '' }}">
                            <div class="meetup-time">
                                <strong>{{ $meetup->scheduled_at?->timezone($park->timezone)->format('H:i') }}</strong>
                                <span>{{ $meetup->scheduled_at?->timezone($park->timezone)->format('d/m') }}</span>
                            </div>

                            <div class="meetup-copy">
                                <span>{{ $meetupPast ? __('ui.meetup_past') : __('ui.meetup_scheduled') }}</span>
                                <h3>{{ $meetup->title }}</h3>

                                @if($meetupAttraction)
                                    <a href="{{ route('attractions.show', $meetupAttraction) }}">{{ $meetupAttractionName }}</a>
                                    <x-ride-queue-badges :attraction="$meetupAttraction" size="compact" class="group-visit-queue-badges" />
                                @else
                                    <small>{{ __('ui.meetup_park_meeting_point') }}</small>
                                @endif

                                @if($meetup->note)
                                    <p>{{ $meetup->note }}</p>
                                @endif

                                <small>{{ __('ui.meetup_created_by', ['name' => $meetup->creator?->username ? '@'.$meetup->creator->username : $meetup->creator?->name]) }}</small>
                            </div>

                            <div class="meetup-stats">
                                <div><strong>{{ $meetupAccepted }}</strong><span>{{ __('ui.meetup_coming') }}</span></div>
                                <div><strong>{{ $meetupPending }}</strong><span>{{ __('ui.meetup_waiting') }}</span></div>
                                <div><strong>{{ $meetupDeclined }}</strong><span>{{ __('ui.meetup_not_coming') }}</span></div>
                            </div>

                            @if(!$meetupPast)
                                <div class="meetup-actions">
                                    @if($currentVisitMember?->invitation_status === 'accepted')
                                        @if($currentMeetupParticipant?->status !== 'accepted')
                                            <form method="post" action="{{ route('groups.visits.meetups.respond', [$group, $visit, $meetup]) }}">
                                                @csrf
                                                <input type="hidden" name="decision" value="accept">
                                                <button class="button button-primary" type="submit">{{ __('ui.meetup_join') }}</button>
                                            </form>
                                        @else
                                            <span class="friends-state is-friends">✓ {{ __('ui.meetup_you_are_coming') }}</span>
                                        @endif

                                        @if($currentMeetupParticipant?->status !== 'declined')
                                            <form method="post" action="{{ route('groups.visits.meetups.respond', [$group, $visit, $meetup]) }}">
                                                @csrf
                                                <input type="hidden" name="decision" value="decline">
                                                <button class="button button-ghost" type="submit">{{ __('ui.meetup_decline_button') }}</button>
                                            </form>
                                        @endif
                                    @endif

                                    @if($canCancelMeetup)
                                        <form method="post" action="{{ route('groups.visits.meetups.cancel', [$group, $visit, $meetup]) }}" data-admin-confirm="{{ __('ui.meetup_cancel_confirm') }}">
                                            @csrf
                                            @method('DELETE')
                                            <button class="button button-ghost" type="submit">{{ __('ui.meetup_cancel') }}</button>
                                        </form>
                                    @endif
                                </div>
                            @endif

                            <div class="meetup-participants">
                                @foreach($meetup->participants->where('status', 'accepted')->take(6) as $participant)
                                    @php
                                        $participantName = $participant->user?->username
                                            ? '@'.$participant->user->username
                                            : $participant->user?->name;
                                    @endphp
                                    <span title="{{ $participantName }}">{{ mb_strtoupper(mb_substr($participantName ?: '?', 0, 1)) }}</span>
                                @endforeach
                                @if($meetupAccepted > 6)
                                    <span>+{{ $meetupAccepted - 6 }}</span>
                                @endif
                            </div>
                        </article>
                    @endforeach
                </div>
            @else
                <div class="groups-mini-empty">{{ __('ui.meetup_empty') }}</div>
            @endif
        </section>

        <div class="group-trip-layout">
            <div class="group-trip-main">
                <article class="group-trip-panel">
                    <div class="section-heading">
                        <span class="eyebrow">{{ __('ui.group_visit_participants_kicker') }}</span>
                        <h2>{{ __('ui.group_visit_participants_title') }}</h2>
                        <p>{{ __('ui.group_visit_participants_intro') }}</p>
                    </div>

                    <div class="group-trip-member-list">
                        @foreach($visit->members as $membership)
                            @php
                                $member = $membership->user;
                                $displayName = $member?->username ? '@'.$member->username : ($member?->name ?: $membership->display_name);
                                $statusClass = match($membership->invitation_status) {
                                    'accepted' => 'is-accepted',
                                    'declined' => 'is-declined',
                                    default => 'is-pending',
                                };
                            @endphp
                            <div class="group-trip-member-row">
                                <div class="friends-user-avatar">{{ mb_strtoupper(mb_substr($displayName ?: '?', 0, 1)) }}</div>
                                <div>
                                    <strong>{{ $displayName }}</strong>
                                    <span>{{ $membership->role === 'organizer' ? __('ui.group_visit_role_organizer') : __('ui.group_visit_role_participant') }}</span>
                                </div>
                                <span class="group-trip-member-status {{ $statusClass }}">
                                    {{ $membership->invitation_status === 'accepted'
                                        ? __('ui.group_visit_status_accepted')
                                        : ($membership->invitation_status === 'declined'
                                            ? __('ui.group_visit_status_declined')
                                            : __('ui.group_visit_status_pending')) }}
                                </span>
                            </div>
                        @endforeach
                    </div>
                </article>
            </div>

            <aside class="group-trip-sidebar">
                <article class="group-trip-panel">
                    <span class="eyebrow">{{ __('ui.group_visit_day_kicker') }}</span>
                    <h2>{{ __('ui.group_visit_day_title') }}</h2>
                    <p>{{ __('ui.group_visit_day_intro') }}</p>

                    <div class="group-trip-quick-actions">
                        <a class="button button-primary" href="{{ route('parks.map', $park->slug) }}">{{ __('ui.group_visit_open_map') }}</a>
                        <a class="button button-ghost" href="{{ route('parks.show', $park->slug) }}">{{ __('ui.group_visit_park_page') }}</a>
                        @if($isVisitDay && $currentVisitMember?->invitation_status === 'accepted')
                            <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
                                <input type="hidden" name="visit_id" value="{{ $visit->id }}">
                                <button class="button button-primary" type="submit">{{ __('ui.group_visit_start_visit_mode') }}</button>
                            </form>
                        @endif
                    </div>
                </article>

                @if($canManage && $visit->status === 'planned' && !$isPast)
                    <article class="group-trip-panel">
                        <span class="eyebrow">{{ __('ui.group_visit_manage_kicker') }}</span>
                        <h2>{{ __('ui.group_visit_manage_title') }}</h2>
                        <p>{{ __('ui.group_visit_manage_intro') }}</p>

                        <form method="post" action="{{ route('groups.visits.update', [$group, $visit]) }}" class="group-trip-edit-form">
                            @csrf
                            @method('PUT')
                            <label>
                                <span>{{ __('ui.group_visit_name') }}</span>
                                <input type="text" name="title" maxlength="180" value="{{ old('title', $visit->title) }}">
                            </label>
                            <label>
                                <span>{{ __('ui.group_visit_start') }}</span>
                                <input type="date" name="starts_on" min="{{ now()->toDateString() }}" value="{{ old('starts_on', $visit->starts_on?->toDateString()) }}" required>
                            </label>
                            <label>
                                <span>{{ __('ui.group_visit_end') }}</span>
                                <input type="date" name="ends_on" min="{{ now()->toDateString() }}" value="{{ old('ends_on', $visit->ends_on?->toDateString()) }}">
                            </label>
                            <button class="button button-primary" type="submit">{{ __('ui.group_visit_manage_save') }}</button>
                        </form>

                        <form method="post" action="{{ route('groups.visits.cancel', [$group, $visit]) }}" class="group-trip-cancel-form" data-admin-confirm="{{ __('ui.group_visit_cancel_confirm') }}">
                            @csrf
                            @method('DELETE')
                            <button class="button button-ghost" type="submit">{{ __('ui.group_visit_cancel') }}</button>
                        </form>
                    </article>
                @endif
            </aside>
        </div>
    </div>
</section>
@endsection