@extends('layouts.app')
@section('title', __('ui.group_visit_recap_page_title', ['trip' => $visit->title ?: $visit->park?->official_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;
    $currentStats = $participantStats->first(fn ($row) => ($row['user']?->id ?? null) === auth()->id());
    $attractionName = static function ($attraction): string {
        if (! $attraction) return '—';
        $translation = $attraction->translations?->firstWhere('locale', app()->getLocale())
            ?? $attraction->translations?->firstWhere('locale', 'en');
        return $translation?->name ?: $attraction->official_name;
    };
@endphp

@section('content')
<section class="trip-recap-hero">
    <div class="container">
        <div class="trip-recap-nav">
            <a class="back-link" href="{{ route('groups.visits.show', [$group, $visit]) }}">← {{ __('ui.group_visit_recap_back') }}</a>
            <span class="trip-recap-state {{ $isLive ? 'is-live' : 'is-finished' }}">
                {{ $isLive ? __('ui.group_visit_recap_live') : __('ui.group_visit_recap_finished') }}
            </span>
        </div>

        <div class="trip-recap-hero-grid">
            <div class="trip-recap-stamp" aria-hidden="true">
                <span>🎟️</span>
                <strong>{{ $visit->starts_on?->format('d') }}</strong>
                <small>{{ mb_strtoupper($visit->starts_on?->locale(app()->getLocale())->translatedFormat('M') ?? '') }}</small>
            </div>
            <div class="trip-recap-hero-copy">
                <span class="eyebrow">{{ __('ui.group_visit_recap_kicker') }}</span>
                <h1>{{ __('ui.group_visit_recap_title') }}</h1>
                <p>{{ __('ui.group_visit_recap_intro', ['park' => $parkName, 'group' => $group->name]) }}</p>
                <div class="trip-recap-trip-name">{{ $visit->title ?: $parkName }}</div>
            </div>
            <div class="trip-recap-hero-actions">
                <a class="button button-ghost" href="{{ route('parks.show', $park->slug) }}">{{ __('ui.group_visit_park_page') }}</a>
                <a class="button button-ghost" href="{{ route('parks.map', $park->slug) }}">{{ __('ui.group_visit_open_map') }}</a>
            </div>
        </div>
    </div>
</section>

<section class="section trip-recap-section">
    <div class="container">
        <div class="trip-recap-kpis">
            <article>
                <span>👥</span>
                <strong>{{ $acceptedMembers->count() }}</strong>
                <small>{{ __('ui.group_visit_recap_participants') }}</small>
            </article>
            <article>
                <span>🎡</span>
                <strong>{{ $rides->count() }}</strong>
                <small>{{ __('ui.group_visit_recap_rides') }}</small>
            </article>
            <article>
                <span>🎢</span>
                <strong>{{ $groupUniqueCoasters }}</strong>
                <small>{{ __('ui.group_visit_recap_unique_coasters') }}</small>
            </article>
            <article class="is-credit">
                <span>✨</span>
                <strong>{{ $newCreditsTotal }}</strong>
                <small>{{ __('ui.group_visit_recap_new_credits') }}</small>
            </article>
            <article>
                <span>🗓️</span>
                <strong>{{ $programCompletion }}%</strong>
                <small>{{ __('ui.group_visit_recap_roadbook') }}</small>
            </article>
        </div>

        @if($currentStats)
            <section class="trip-recap-personal">
                <div class="trip-recap-personal-head">
                    <div>
                        <span class="eyebrow">{{ __('ui.group_visit_recap_personal_kicker') }}</span>
                        <h2>{{ __('ui.group_visit_recap_personal_title') }}</h2>
                    </div>
                    @if($currentStats['team'])
                        <span class="trip-recap-team-chip">{{ $currentStats['team']->emoji }} {{ $currentStats['team']->name }}</span>
                    @endif
                </div>
                <div class="trip-recap-personal-grid">
                    <div><strong>{{ $currentStats['rides_count'] }}</strong><span>{{ __('ui.group_visit_recap_rides') }}</span></div>
                    <div><strong>{{ $currentStats['unique_attractions_count'] }}</strong><span>{{ __('ui.group_visit_recap_unique_attractions') }}</span></div>
                    <div><strong>{{ $currentStats['coasters_count'] }}</strong><span>{{ __('ui.group_visit_recap_coasters') }}</span></div>
                    <div class="is-credit"><strong>{{ $currentStats['new_credits_count'] }}</strong><span>{{ __('ui.group_visit_recap_new_credits') }}</span></div>
                </div>
                @if($currentStats['new_credits']->isNotEmpty())
                    <div class="trip-recap-credit-strip">
                        <strong>✨ {{ __('ui.group_visit_recap_your_new_credits') }}</strong>
                        <div>
                            @foreach($currentStats['new_credits'] as $creditRide)
                                <span>🎢 {{ $attractionName($creditRide->attraction) }}</span>
                            @endforeach
                        </div>
                    </div>
                @endif
            </section>
        @endif

        <div class="trip-recap-highlight-grid">
            <article class="trip-recap-highlight">
                <span class="trip-recap-highlight-icon">🔥</span>
                <div>
                    <span class="eyebrow">{{ __('ui.group_visit_recap_highlight') }}</span>
                    @if($mostRidden)
                        <h2>{{ $attractionName($mostRidden['ride']->attraction) }}</h2>
                        <p>{{ trans_choice('ui.group_visit_recap_most_ridden_detail', $mostRidden['count'], ['count' => $mostRidden['count'], 'people' => $mostRidden['people']]) }}</p>
                    @else
                        <h2>{{ __('ui.group_visit_recap_no_rides_title') }}</h2>
                        <p>{{ __('ui.group_visit_recap_no_rides') }}</p>
                    @endif
                </div>
            </article>

            <article class="trip-recap-highlight">
                <span class="trip-recap-highlight-icon">✅</span>
                <div>
                    <span class="eyebrow">{{ __('ui.group_visit_recap_roadbook') }}</span>
                    <h2>{{ $programDone }} / {{ $programItems->count() }}</h2>
                    <p>{{ __('ui.group_visit_recap_roadbook_detail', ['done' => $programDone, 'skipped' => $programSkipped, 'percent' => $programCompletion]) }}</p>
                </div>
            </article>
        </div>

        <section class="trip-recap-block">
            <div class="section-heading split-heading">
                <div>
                    <span class="eyebrow">{{ __('ui.group_visit_recap_explorers_kicker') }}</span>
                    <h2>{{ __('ui.group_visit_recap_explorers_title') }}</h2>
                    <p>{{ __('ui.group_visit_recap_explorers_intro') }}</p>
                </div>
            </div>

            <div class="trip-recap-explorer-grid">
                @foreach($participantStats as $index => $row)
                    @php
                        $user = $row['user'];
                        $displayName = $user?->username ?: $user?->name ?: $row['membership']->display_name ?: '?';
                    @endphp
                    <article class="trip-recap-explorer-card {{ $user?->id === auth()->id() ? 'is-me' : '' }}">
                        <div class="trip-recap-explorer-head">
                            <div class="friends-user-avatar">{{ mb_strtoupper(mb_substr($displayName, 0, 1)) }}</div>
                            <div>
                                <strong>{{ $user?->username ? '@'.$user->username : $displayName }}</strong>
                                @if($row['team'])<span>{{ $row['team']->emoji }} {{ $row['team']->name }}</span>@endif
                            </div>
                            <small>#{{ $index + 1 }}</small>
                        </div>
                        <div class="trip-recap-explorer-stats">
                            <div><strong>{{ $row['rides_count'] }}</strong><span>{{ __('ui.group_visit_recap_rides_short') }}</span></div>
                            <div><strong>{{ $row['coasters_count'] }}</strong><span>{{ __('ui.group_visit_recap_coasters_short') }}</span></div>
                            <div class="is-credit"><strong>{{ $row['new_credits_count'] }}</strong><span>{{ __('ui.group_visit_recap_credits_short') }}</span></div>
                        </div>
                    </article>
                @endforeach
            </div>
        </section>

        @if($teamStats->isNotEmpty())
            <section class="trip-recap-block">
                <div class="section-heading">
                    <span class="eyebrow">{{ __('ui.group_visit_recap_teams_kicker') }}</span>
                    <h2>{{ __('ui.group_visit_recap_teams_title') }}</h2>
                </div>
                <div class="trip-recap-team-grid">
                    @foreach($teamStats as $row)
                        <article class="trip-recap-team-card">
                            <span class="trip-recap-team-icon">{{ $row['team']->emoji }}</span>
                            <div class="trip-recap-team-name"><strong>{{ $row['team']->name }}</strong><span>{{ trans_choice('ui.group_visit_recap_team_members', $row['members_count'], ['count' => $row['members_count']]) }}</span></div>
                            <div class="trip-recap-team-stats">
                                <span><strong>{{ $row['rides_count'] }}</strong> {{ __('ui.group_visit_recap_rides_short') }}</span>
                                <span><strong>{{ $row['coasters_count'] }}</strong> {{ __('ui.group_visit_recap_coasters_short') }}</span>
                                <span><strong>{{ $row['new_credits_count'] }}</strong> ✨</span>
                            </div>
                        </article>
                    @endforeach
                </div>
            </section>
        @endif

        @if($challengeHighlights->isNotEmpty())
            <section class="trip-recap-block">
                <div class="section-heading">
                    <span class="eyebrow">{{ __('ui.group_visit_recap_challenges_kicker') }}</span>
                    <h2>{{ __('ui.group_visit_recap_challenges_title') }}</h2>
                </div>
                <div class="trip-recap-challenge-grid">
                    @foreach($challengeHighlights as $row)
                        @php($challenge = $row['challenge'])
                        <article class="trip-recap-challenge-card">
                            <div class="trip-recap-challenge-head">
                                <span>{{ $challenge->challenge_type === 'coasters' ? '🎢' : '🎡' }}</span>
                                <div><strong>{{ $challenge->name }}</strong><small>{{ __('ui.group_visit_recap_challenge_goal', ['target' => $row['target']]) }}</small></div>
                            </div>
                            @if($row['winners']->isNotEmpty())
                                <div class="trip-recap-winners">
                                    <span>🏆 {{ trans_choice('ui.group_visit_recap_winners', $row['winners']->count(), ['count' => $row['winners']->count()]) }}</span>
                                    <strong>{{ $row['winners']->map(fn($p) => $p->user?->username ? '@'.$p->user->username : ($p->user?->name ?: '?'))->join(' · ') }}</strong>
                                </div>
                            @elseif($row['leader'])
                                <div class="trip-recap-winners">
                                    <span>🥇 {{ __('ui.group_visit_recap_best_score') }}</span>
                                    <strong>{{ $row['leader']->user?->username ? '@'.$row['leader']->user->username : ($row['leader']->user?->name ?: '?') }} · {{ $row['best_score'] }}</strong>
                                </div>
                            @else
                                <p>{{ __('ui.group_visit_recap_no_challenge_participants') }}</p>
                            @endif
                        </article>
                    @endforeach
                </div>
            </section>
        @endif

        <div class="trip-recap-footer-card">
            <span>🎢</span>
            <div>
                <strong>{{ __('ui.group_visit_recap_footer_title') }}</strong>
                <p>{{ $isLive ? __('ui.group_visit_recap_footer_live') : __('ui.group_visit_recap_footer_finished') }}</p>
            </div>
            <a class="button button-primary" href="{{ route('groups.visits.show', [$group, $visit]) }}">{{ __('ui.group_visit_recap_back_button') }}</a>
        </div>
    </div>
</section>
@endsection