@extends('layouts.app')

@php
    $countryTranslation = $user->country?->translations?->firstWhere('locale', app()->getLocale())
        ?? $user->country?->translations?->firstWhere('locale', 'en');
    $countryName = $countryTranslation?->name ?: $user->country?->official_name;
    $displayName = $user->username ?: $user->name;
@endphp

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

@section('content')
<section class="profile-hero">
    <div class="container profile-hero-grid">
        <div class="profile-identity">
            <div class="profile-avatar">{{ mb_strtoupper(mb_substr($displayName, 0, 1)) }}</div>
            <div>
                <span class="eyebrow">{{ __('ui.profile_kicker') }}</span>
                <h1>{{ $displayName }}</h1>
                <div class="profile-meta">
                    @if($countryName)<span><x-country-label :code="$user->country?->iso2" :name="$countryName" size="small" /></span>@endif
                    <span>{{ __('ui.profile_member_since', ['year' => $user->created_at?->format('Y')]) }}</span>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="profile-stats-strip">
    <div class="container profile-stats-grid">
        <div><strong>{{ $uniqueVisits->count() }}</strong><span>{{ __('ui.profile_parks') }}</span></div>
        <div><strong>{{ $coasterRides->count() }}</strong><span>{{ __('ui.profile_coasters') }}</span></div>
        <div><strong>{{ $otherRides->count() }}</strong><span>{{ __('ui.profile_attractions') }}</span></div>
        <div><strong>{{ $countries->count() }}</strong><span>{{ __('ui.profile_countries') }}</span></div>
        <div><strong>{{ $favoriteCount }}</strong><span>{{ __('ui.profile_favorites') }}</span></div>
    </div>
</section>

<section class="section profile-public-settings" id="profile-public-settings">
    <div class="container">
        <div class="profile-public-settings-card">
            <div>
                <span class="eyebrow">{{ __('ui.public_profile_settings_kicker') }}</span>
                <h2>{{ __('ui.public_profile_settings_title') }}</h2>
                <p>{{ __('ui.public_profile_settings_intro') }}</p>

                @if(session('profile_social_saved'))
                    <div class="admin-success">{{ __('ui.public_profile_settings_saved') }}</div>
                @endif
                @error('activity_visibility')
                    <div class="admin-error">{{ $message }}</div>
                @enderror

                @if($user->username)
                    <div class="profile-public-url">
                        <span>{{ __('ui.public_profile_share_url') }}</span>
                        <strong>{{ route('profiles.public', $user->username) }}</strong>
                    </div>
                @else
                    <p class="profile-public-warning">{{ __('ui.public_profile_no_username') }}</p>
                @endif
            </div>

            <form method="post" action="{{ route('profile.social-settings') }}" class="profile-visibility-form">
                @csrf
                @method('PUT')

                <label>
                    <input type="radio" name="activity_visibility" value="private" @checked($socialSettings->activity_visibility === 'private')>
                    <span>
                        <strong>{{ __('ui.public_profile_visibility_private') }}</strong>
                        <small>{{ __('ui.public_profile_visibility_private_help') }}</small>
                    </span>
                </label>

                <label>
                    <input type="radio" name="activity_visibility" value="friends" @checked($socialSettings->activity_visibility === 'friends')>
                    <span>
                        <strong>{{ __('ui.public_profile_visibility_friends') }}</strong>
                        <small>{{ __('ui.public_profile_visibility_friends_help') }}</small>
                    </span>
                </label>

                <label>
                    <input type="radio" name="activity_visibility" value="public" @checked($socialSettings->activity_visibility === 'public') @disabled(!$user->username)>
                    <span>
                        <strong>{{ __('ui.public_profile_visibility_public') }}</strong>
                        <small>{{ __('ui.public_profile_visibility_public_help') }}</small>
                    </span>
                </label>

                <div class="profile-social-subsetting">
                    <strong>{{ __('ui.friends_requests_setting') }}</strong>
                    <label>
                        <input type="radio" name="friend_request_scope" value="everyone" @checked($socialSettings->friend_request_scope === 'everyone')>
                        <span>
                            <strong>{{ __('ui.friends_requests_everyone') }}</strong>
                            <small>{{ __('ui.friends_requests_everyone_help') }}</small>
                        </span>
                    </label>
                    <label>
                        <input type="radio" name="friend_request_scope" value="nobody" @checked($socialSettings->friend_request_scope === 'nobody')>
                        <span>
                            <strong>{{ __('ui.friends_requests_nobody') }}</strong>
                            <small>{{ __('ui.friends_requests_nobody_help') }}</small>
                        </span>
                    </label>
                </div>

                <div class="profile-social-subsetting">
                    <strong>{{ __('ui.groups_invites_setting') }}</strong>
                    <label>
                        <input type="radio" name="group_invite_scope" value="friends" @checked($socialSettings->group_invite_scope === 'friends')>
                        <span>
                            <strong>{{ __('ui.groups_invites_friends') }}</strong>
                            <small>{{ __('ui.groups_invites_friends_help') }}</small>
                        </span>
                    </label>
                    <label>
                        <input type="radio" name="group_invite_scope" value="nobody" @checked($socialSettings->group_invite_scope === 'nobody')>
                        <span>
                            <strong>{{ __('ui.groups_invites_nobody') }}</strong>
                            <small>{{ __('ui.groups_invites_nobody_help') }}</small>
                        </span>
                    </label>
                </div>

                <div class="profile-social-subsetting">
                    <strong>{{ __('ui.park_presence_setting') }}</strong>
                    <label>
                        <input type="radio" name="park_presence_default" value="private" @checked($socialSettings->park_presence_default === 'private')>
                        <span>
                            <strong>{{ __('ui.park_presence_private') }}</strong>
                            <small>{{ __('ui.park_presence_private_help') }}</small>
                        </span>
                    </label>
                    <label>
                        <input type="radio" name="park_presence_default" value="friends" @checked($socialSettings->park_presence_default === 'friends')>
                        <span>
                            <strong>{{ __('ui.park_presence_friends') }}</strong>
                            <small>{{ __('ui.park_presence_friends_help') }}</small>
                        </span>
                    </label>
                    <label>
                        <input type="radio" name="park_presence_default" value="public" @checked($socialSettings->park_presence_default === 'public')>
                        <span>
                            <strong>{{ __('ui.park_presence_public') }}</strong>
                            <small>{{ __('ui.park_presence_public_help') }}</small>
                        </span>
                    </label>
                </div>

                <button type="submit" class="button button-primary">{{ __('ui.public_profile_save_visibility') }}</button>
            </form>
        </div>
    </div>
</section>

@if($plannedVisits->isNotEmpty())
<section class="section profile-next-visits">
    <div class="container">
        <div class="section-heading">
            <span class="eyebrow">{{ __('ui.plan_kicker') }}</span>
            <h2>{{ __('ui.plan_profile_title') }}</h2>
        </div>
        <div class="profile-planned-grid">
            @foreach($plannedVisits as $visit)
                @php
                    $pt=$visit->park->translations->firstWhere('locale',app()->getLocale()) ?? $visit->park->translations->firstWhere('locale','en');
                    $parkName=$pt?->name ?: $visit->park->official_name;
                @endphp
                <a href="{{ route('parks.show',$visit->park->slug) }}" class="profile-planned-card">
                    <time>{{ $visit->starts_on->format('d/m/Y') }}</time>
                    <strong>{{ $parkName }}</strong>
                    <small>{{ __('ui.plan_days_until', ['count' => max(0, (int) now()->startOfDay()->diffInDays($visit->starts_on, false))]) }}</small>
                </a>
            @endforeach
        </div>
    </div>
</section>
@endif

@if($topRecommendations->isNotEmpty())
<section class="section profile-recommendations">
    <div class="container">
        <div class="section-heading profile-reco-heading">
            <div>
                <span class="eyebrow">{{ __('ui.reco_kicker') }}</span>
                <h2>{{ __('ui.reco_profile_title') }}</h2>
            </div>
            <a href="{{ route('recommendations') }}" class="button button-ghost">{{ __('ui.reco_see_all') }}</a>
        </div>
        <div class="profile-reco-grid">
            @foreach($topRecommendations as $recommendation)
                @php
                    $item=$recommendation['item'];
                    $kind=$recommendation['kind'];
                    if($kind==='park'){
                        $tr=$item->translations->firstWhere('locale',app()->getLocale()) ?? $item->translations->firstWhere('locale','en');
                        $name=$tr?->name ?: $item->official_name;
                        $subtitle=$item->city ?: __('ui.explore_kind_park');
                        $href=route('parks.show',$item->slug);
                    } else {
                        $tr=$item->translations->firstWhere('locale',app()->getLocale()) ?? $item->translations->firstWhere('locale','en');
                        $ptr=$item->park?->translations?->firstWhere('locale',app()->getLocale()) ?? $item->park?->translations?->firstWhere('locale','en');
                        $name=$tr?->name ?: $item->official_name;
                        $subtitle=$ptr?->name ?: $item->park?->official_name;
                        $href=route('coasters.show',$item->coaster);
                    }
                @endphp
                <a href="{{ $href }}" class="profile-reco-card">
                    <span>{{ __('ui.explore_kind_'.$kind) }}</span>
                    <strong>{{ $name }}</strong>
                    @if($kind !== 'park')
                        <x-ride-queue-badges :attraction="$item" size="compact" class="profile-queue-badges" />
                    @endif
                    <small>{{ $subtitle }}</small>
                    <b>{{ $recommendation['score'] }}%</b>
                </a>
            @endforeach
        </div>
    </div>
</section>
@endif

<section class="section">
    <div class="container profile-records-grid">
        <article class="profile-record-card">
            <span>{{ __('ui.profile_fastest') }}</span>
            @if($fastest)
                <strong>{{ rtrim(rtrim((string)$fastest->attraction->coaster->speed_kmh, '0'), '.') }} <small>km/h</small></strong>
                <a href="{{ route('coasters.show', $fastest->attraction->coaster) }}">{{ $fastest->attraction->official_name }}</a>
                <x-ride-queue-badges :attraction="$fastest->attraction" size="compact" class="profile-queue-badges" />
            @else
                <strong>—</strong><small>{{ __('ui.profile_no_record') }}</small>
            @endif
        </article>
        <article class="profile-record-card">
            <span>{{ __('ui.profile_highest') }}</span>
            @if($highest)
                <strong>{{ rtrim(rtrim((string)$highest->attraction->coaster->height_m, '0'), '.') }} <small>m</small></strong>
                <a href="{{ route('coasters.show', $highest->attraction->coaster) }}">{{ $highest->attraction->official_name }}</a>
                <x-ride-queue-badges :attraction="$highest->attraction" size="compact" class="profile-queue-badges" />
            @else
                <strong>—</strong><small>{{ __('ui.profile_no_record') }}</small>
            @endif
        </article>
        <article class="profile-record-card">
            <span>{{ __('ui.profile_longest') }}</span>
            @if($longest)
                <strong>{{ rtrim(rtrim((string)$longest->attraction->coaster->length_m, '0'), '.') }} <small>m</small></strong>
                <a href="{{ route('coasters.show', $longest->attraction->coaster) }}">{{ $longest->attraction->official_name }}</a>
                <x-ride-queue-badges :attraction="$longest->attraction" size="compact" class="profile-queue-badges" />
            @else
                <strong>—</strong><small>{{ __('ui.profile_no_record') }}</small>
            @endif
        </article>
    </div>
</section>


@if($coasterCards->isNotEmpty())
<section class="section section-soft">
    <div class="container">
        <div class="section-heading">
            <span class="eyebrow">{{ __('ui.progression_cards_kicker') }}</span>
            <h2>{{ __('ui.progression_cards_title') }}</h2>
            <p>{{ __('ui.progression_cards_intro') }}</p>
        </div>
        <div class="progression-card-grid">
            @foreach($coasterCards as $ownedCard)
                @php
                    $card = $ownedCard->card;
                    $coaster = $card?->coaster;
                    $attraction = $coaster?->attraction;
                    $translation = $attraction?->translations?->firstWhere('locale', app()->getLocale())
                        ?? $attraction?->translations?->firstWhere('locale', 'en');
                    $name = $translation?->name ?: $attraction?->official_name;
                    $parkTranslation = $attraction?->park?->translations?->firstWhere('locale', app()->getLocale())
                        ?? $attraction?->park?->translations?->firstWhere('locale', 'en');
                    $parkName = $parkTranslation?->name ?: $attraction?->park?->official_name;
                @endphp
                @if($coaster && $attraction)
                    <a href="{{ route('coasters.show', $coaster) }}" class="progression-coaster-card is-{{ $card->visual_tier }}">
                        <div class="progression-card-tier">{{ __('ui.progression_tier_'.$card->visual_tier) }}</div>
                        <div class="progression-card-symbol">🎢</div>
                        <div class="progression-card-copy">
                            <span>{{ $parkName }}</span>
                            <strong>{{ $name }}</strong>
                            <x-ride-queue-badges :attraction="$attraction" size="compact" class="progression-queue-badges" />
                            <small>{{ $coaster->manufacturer?->name ?: __('ui.coaster_unknown') }}</small>
                        </div>
                        <div class="progression-card-stats">
                            <span>{{ $coaster->speed_kmh ? rtrim(rtrim((string)$coaster->speed_kmh, '0'), '.').' km/h' : '—' }}</span>
                            <span>{{ $coaster->height_m ? rtrim(rtrim((string)$coaster->height_m, '0'), '.').' m' : '—' }}</span>
                            <span>{{ $coaster->inversions ?? '—' }} {{ __('ui.park_inversions_short') }}</span>
                        </div>
                    </a>
                @endif
            @endforeach
        </div>
    </div>
</section>
@endif

@if($achievements->isNotEmpty())
<section class="section">
    <div class="container">
        <div class="section-heading">
            <span class="eyebrow">{{ __('ui.progression_badges_kicker') }}</span>
            <h2>{{ __('ui.progression_badges_title') }}</h2>
        </div>
        <div class="progression-badge-grid">
            @foreach($achievements as $unlock)
                @php
                    $translation = $unlock->achievement?->translations?->firstWhere('locale', app()->getLocale())
                        ?? $unlock->achievement?->translations?->firstWhere('locale', 'en');
                @endphp
                <article class="progression-badge is-unlocked is-tier-{{ data_get($unlock->achievement?->metadata, 'tier', 'bronze') }}">
                    <div class="progression-badge-icon">{{ data_get($unlock->achievement?->metadata, 'icon', '✦') }}</div>
                    <span>{{ __('ui.progression_category_'.($unlock->achievement?->category ?? 'coaster')) }}</span>
                    <strong>{{ $translation?->name ?: $unlock->achievement?->key }}</strong>
                    <p>{{ $translation?->description }}</p>
                    <small>{{ $unlock->unlocked_at?->format('d/m/Y') }}</small>
                </article>
            @endforeach
        </div>
    </div>
</section>
@endif

@if($parkProgress->isNotEmpty())
<section class="section section-soft">
    <div class="container">
        <div class="section-heading">
            <span class="eyebrow">{{ __('ui.profile_progress_kicker') }}</span>
            <h2>{{ __('ui.profile_progress_title') }}</h2>
            <p>{{ __('ui.profile_progress_intro') }}</p>
        </div>
        <div class="profile-progress-grid">
            @foreach($parkProgress as $park)
                @php
                    $parkTranslation = $park->translations->firstWhere('locale', app()->getLocale())
                        ?? $park->translations->firstWhere('locale', 'en');
                    $parkName = $parkTranslation?->name ?: $park->official_name;
                @endphp
                <a href="{{ route('parks.show', $park->slug) }}" class="profile-progress-card">
                    <div class="profile-progress-head">
                        <div><span>{{ __('ui.profile_park_progress') }}</span><strong>{{ $parkName }}</strong></div>
                        <b>{{ $park->profile_percent }}%</b>
                    </div>
                    <div class="profile-progress-bar"><i style="width: {{ $park->profile_percent }}%"></i></div>
                    <small>{{ __('ui.profile_done_of', ['done' => $park->profile_done, 'total' => $park->profile_total]) }}</small>
                </a>
            @endforeach
        </div>
    </div>
</section>
@endif

<section class="section">
    <div class="container profile-dashboard-grid">
        <article class="profile-panel">
            <div class="section-heading">
                <span class="eyebrow">{{ __('ui.profile_recent_kicker') }}</span>
                <h2>{{ __('ui.profile_recent_rides') }}</h2>
            </div>
            @if($recentRides->isNotEmpty())
                <div class="profile-activity-list">
                    @foreach($recentRides as $ride)
                        @php
                            $attraction = $ride->attraction;
                            $translation = $attraction?->translations?->firstWhere('locale', app()->getLocale())
                                ?? $attraction?->translations?->firstWhere('locale', 'en');
                            $rideName = $translation?->name ?: $attraction?->official_name;
                            $parkTranslation = $attraction?->park?->translations?->firstWhere('locale', app()->getLocale())
                                ?? $attraction?->park?->translations?->firstWhere('locale', 'en');
                        @endphp
                        <a href="{{ $attraction?->coaster ? route('coasters.show', $attraction->coaster) : route('attractions.show', $attraction) }}">
                            <div>
                                <strong>{{ $rideName }}</strong>
                                <x-ride-queue-badges :attraction="$attraction" size="compact" class="profile-queue-badges" />
                                <span>{{ $parkTranslation?->name ?: $attraction?->park?->official_name }}</span>
                            </div>
                            <time>{{ $ride->ridden_on?->format('d/m/Y') ?: $ride->ridden_year ?: '—' }}</time>
                        </a>
                    @endforeach
                </div>
            @else
                <p class="profile-empty">{{ __('ui.profile_no_rides') }}</p>
            @endif
        </article>

        <article class="profile-panel">
            <div class="section-heading">
                <span class="eyebrow">{{ __('ui.profile_manufacturers_kicker') }}</span>
                <h2>{{ __('ui.profile_manufacturers_title') }}</h2>
            </div>
            @if($manufacturerStats->isNotEmpty())
                <div class="profile-manufacturer-list">
                    @foreach($manufacturerStats as $manufacturer => $count)
                        <div>
                            <strong>{{ $manufacturer }}</strong>
                            <span>{{ trans_choice('ui.profile_manufacturer_count', $count, ['count' => $count]) }}</span>
                            <i style="width: {{ max(12, min(100, ($count / max(1, $manufacturerStats->max())) * 100)) }}%"></i>
                        </div>
                    @endforeach
                </div>
            @else
                <p class="profile-empty">{{ __('ui.profile_no_manufacturer') }}</p>
            @endif
        </article>
    </div>
</section>

@if($recentVisits->isNotEmpty())
<section class="section section-soft">
    <div class="container">
        <div class="section-heading">
            <span class="eyebrow">{{ __('ui.profile_recent_kicker') }}</span>
            <h2>{{ __('ui.profile_recent_visits') }}</h2>
        </div>
        <div class="profile-visit-grid">
            @foreach($recentVisits as $visit)
                @php
                    $translation = $visit->park?->translations?->firstWhere('locale', app()->getLocale())
                        ?? $visit->park?->translations?->firstWhere('locale', 'en');
                    $parkName = $translation?->name ?: $visit->park?->official_name;
                @endphp
                <a href="{{ route('parks.show', $visit->park->slug) }}">
                    <span>{{ $visit->starts_on?->format('d/m/Y') ?: '—' }}</span>
                    <strong>{{ $parkName }}</strong>
                    <small>{{ ucfirst($visit->status) }}</small>
                </a>
            @endforeach
        </div>
    </div>
</section>
@endif
@endsection