@extends('layouts.app')
@push('head')
<script src="{{ asset('js/gps-validation.js') }}?v=1.101.1" defer></script>
@endpush
@section('title', __('ui.collection_title').' — Coaster World')
@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="collection-hero"><div class="container">
<span class="eyebrow">{{ __('ui.collection_kicker') }}</span>
<h1>{{ __('ui.collection_title') }}</h1>
<p>{{ __('ui.collection_intro') }}</p>
<div class="collection-stats collection-stats-v147">
<div><strong>{{ $visits->count() }}</strong><span>{{ __('ui.collection_parks') }}</span></div>
<div><strong>{{ $riddenCoasters->count() }}</strong><span>{{ __('ui.collection_coasters_done') }}</span></div>
<div><strong>{{ $riddenAttractions->count() }}</strong><span>{{ __('ui.collection_attractions_done') }}</span></div>
<div><strong>{{ $visitedCountryCount }}</strong><span>{{ __('ui.collection_countries') }}</span></div>
<div><strong>{{ $ridesThisYear }}</strong><span>{{ __('ui.collection_this_year', ['year' => $currentYear]) }}</span></div>
<div><strong>{{ $wishlistRemainingCount }}</strong><span>{{ __('ui.collection_wishlist_remaining') }}</span></div>
</div>
</div></section>

<section class="section section-soft collection-overview-section">
<div class="container">
<div class="collection-overview-grid">
<article>
<span class="eyebrow">{{ __('ui.collection_overview_kicker') }}</span>
<h2>{{ __('ui.collection_overview_title') }}</h2>
<p>{{ __('ui.collection_overview_text') }}</p>
<div class="collection-overview-actions">
<a href="#collection-history" class="button button-ghost">{{ __('ui.collection_view_history') }}</a>
<a href="#collection-wishlist" class="button button-primary">{{ __('ui.collection_view_wishlist') }}</a>
</div>
</article>
<div class="collection-highlight-grid">
<div><span>{{ __('ui.collection_total_done') }}</span><strong>{{ $rides->count() }}</strong><small>{{ __('ui.collection_total_done_help') }}</small></div>
<div><span>{{ __('ui.collection_top_manufacturer') }}</span><strong>{{ $topManufacturer ?: '—' }}</strong><small>{{ $topManufacturer ? __('ui.collection_top_manufacturer_help') : __('ui.collection_top_manufacturer_empty') }}</small></div>
<div><span>{{ __('ui.collection_favorites') }}</span><strong>{{ $favoriteParks->count()+$favoriteCoasters->count()+$favoriteAttractions->count() }}</strong><small>{{ __('ui.collection_favorites_help') }}</small></div>
<div><span>{{ __('ui.wishlist_title_short') }}</span><strong>{{ $wishlistParks->count()+$wishlistCoasters->count()+$wishlistAttractions->count() }}</strong><small>{{ __('ui.collection_wishlist_help') }}</small></div>
</div>
</div>
</div>
</section>

<section class="section" id="planned-visits"><div class="container">
<div class="section-heading"><span class="eyebrow">{{ __('ui.plan_kicker') }}</span><h2>{{ __('ui.plan_upcoming_title') }}</h2><p>{{ __('ui.plan_upcoming_intro') }}</p></div>
@if($plannedVisits->isNotEmpty())
<div class="planned-visit-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
<article class="planned-visit-card">
    <div class="planned-visit-date">
        <strong>{{ $visit->starts_on->format('d') }}</strong>
        <span>{{ mb_strtoupper($visit->starts_on->translatedFormat('M')) }}</span>
        <small>{{ $visit->starts_on->format('Y') }}</small>
    </div>
    <div class="planned-visit-copy">
        <span>{{ __('ui.plan_planned_visit') }}</span>
        <h3><a href="{{ route('parks.show',$visit->park->slug) }}">{{ $parkName }}</a></h3>
        <p>
            {{ $visit->ends_on && !$visit->ends_on->equalTo($visit->starts_on)
                ? __('ui.plan_date_range', ['start'=>$visit->starts_on->format('d/m/Y'),'end'=>$visit->ends_on->format('d/m/Y')])
                : $visit->starts_on->format('d/m/Y') }}
        </p>
        @if($visit->private_notes)<small>{{ $visit->private_notes }}</small>@endif
    </div>
    <div class="planned-visit-actions">
        <form method="post" action="{{ route('visits.planned.start',$visit) }}" @if(!auth()->user()->is_admin) data-gps-required data-gps-kind="visit" data-gps-loading="{{ __('ui.gps_locating') }}" data-gps-unavailable="{{ __('ui.gps_unavailable') }}" data-gps-denied="{{ __('ui.gps_permission_denied') }}" data-gps-timeout="{{ __('ui.gps_timeout') }}" data-gps-error="{{ __('ui.gps_error') }}" @endif>@csrf
            <button type="submit" class="button button-primary">{{ __('ui.plan_start_visit') }}</button>
        </form>
        <form method="post" action="{{ route('visits.planned.destroy',$visit) }}">@csrf @method('DELETE')
            <button type="submit" class="button button-ghost">{{ __('ui.plan_cancel') }}</button>
        </form>
    </div>
</article>
@endforeach
</div>
@else
<p class="collection-empty">{{ __('ui.plan_empty') }}</p>
@endif
</div></section>

<section class="section" id="collection-history"><div class="container">
<div class="section-heading split-heading collection-history-heading">
<div><span class="eyebrow">{{ __('ui.collection_history') }}</span><h2>{{ __('ui.collection_history_title') }}</h2><p>{{ __('ui.collection_history_intro') }}</p></div>
<div class="collection-filter-bar" data-collection-history-filters>
<button type="button" class="is-active" data-collection-history-filter="all">{{ __('ui.collection_filter_all') }}</button>
<button type="button" data-collection-history-filter="park">{{ __('ui.collection_filter_parks') }}</button>
<button type="button" data-collection-history-filter="coaster">{{ __('ui.collection_filter_coasters') }}</button>
<button type="button" data-collection-history-filter="attraction">{{ __('ui.collection_filter_attractions') }}</button>
</div>
</div>
<div class="collection-filter-empty" data-collection-history-empty hidden>{{ __('ui.collection_filter_empty') }}</div>
<div class="collection-columns">
<div data-collection-history-group="park">
<div class="section-heading"><span class="eyebrow">{{ __('ui.collection_history') }}</span><h2>{{ __('ui.collection_visited_parks') }}</h2></div>
@if($visits->isNotEmpty())<div class="collection-list">@foreach($visits as $visit)
@php $pt=$visit->park->translations->firstWhere('locale',app()->getLocale()) ?? $visit->park->translations->firstWhere('locale','en'); @endphp
<a data-collection-history-item="park" href="{{ route('parks.show',$visit->park->slug) }}"><strong>{{ $pt?->name ?: $visit->park->official_name }}</strong><span>{{ $visit->starts_on?->format('d/m/Y') ?: '—' }}</span></a>
@endforeach</div>@else<p class="collection-empty">{{ __('ui.collection_no_visits') }}</p>@endif
</div>
<div>
<div class="section-heading"><span class="eyebrow">{{ __('ui.collection_history') }}</span><h2>{{ __('ui.collection_done') }}</h2></div>
@if($rides->isNotEmpty())<div class="collection-list">@foreach($rides as $ride)
@php $at=$ride->attraction; $tr=$at->translations->firstWhere('locale',app()->getLocale()) ?? $at->translations->firstWhere('locale','en'); @endphp
<a data-collection-history-item="{{ $at->coaster ? 'coaster' : 'attraction' }}" href="{{ $at->coaster ? route('coasters.show',$at->coaster) : route('attractions.show',$at) }}"><strong>{{ $tr?->name ?: $at->official_name }}</strong><x-ride-queue-badges :attraction="$at" size="compact" class="collection-queue-badges" /><span>{{ $ride->ridden_on?->format('d/m/Y') ?: $ride->ridden_year }}</span></a>
@endforeach</div>@else<p class="collection-empty">{{ __('ui.collection_no_rides') }}</p>@endif
</div>
</div>
</div></section>


<section class="section" id="collection-wishlist"><div class="container">
<div class="section-heading split-heading collection-wishlist-heading">
<div><span class="eyebrow">{{ __('ui.wishlist_kicker') }}</span><h2>{{ __('ui.wishlist_title') }}</h2><p>{{ __('ui.wishlist_intro') }}</p></div>
<div class="collection-filter-bar" data-collection-wishlist-filters>
<button type="button" class="is-active" data-collection-wishlist-filter="all">{{ __('ui.collection_filter_all') }}</button>
<button type="button" data-collection-wishlist-filter="park">{{ __('ui.collection_filter_parks') }}</button>
<button type="button" data-collection-wishlist-filter="coaster">{{ __('ui.collection_filter_coasters') }}</button>
<button type="button" data-collection-wishlist-filter="attraction">{{ __('ui.collection_filter_attractions') }}</button>
</div>
</div>
<div class="collection-filter-empty" data-collection-wishlist-empty hidden>{{ __('ui.collection_filter_empty') }}</div>
@php $wishlistCount=$wishlistParks->count()+$wishlistCoasters->count()+$wishlistAttractions->count(); @endphp
@if($wishlistCount)
<div class="wishlist-groups">
    @if($wishlistParks->isNotEmpty())
    <div class="wishlist-group" data-collection-wishlist-group="park">
        <h3>{{ __('ui.wishlist_parks') }}</h3>
        <div class="wishlist-grid">
            @foreach($wishlistParks as $park)
                @php $pt=$park->translations->firstWhere('locale',app()->getLocale()) ?? $park->translations->firstWhere('locale','en'); @endphp
                <a href="{{ route('parks.show',$park->slug) }}" class="wishlist-card">
                    <span>{{ __('ui.explore_kind_park') }}</span>
                    <strong>{{ $pt?->name ?: $park->official_name }}</strong>
                    <small>
                        @if($park->city){{ $park->city }}@if($park->country?->official_name) · @endif @endif
                        @if($park->country?->official_name)<x-country-label :code="$park->country?->iso2" :name="$park->country?->official_name" size="small" />@endif
                    </small>
                </a>
            @endforeach
        </div>
    </div>
    @endif

    @if($wishlistCoasters->isNotEmpty())
    <div class="wishlist-group" data-collection-wishlist-group="coaster">
        <h3>{{ __('ui.wishlist_coasters') }}</h3>
        <div class="wishlist-grid">
            @foreach($wishlistCoasters as $coaster)
                @php
                    $at=$coaster->attraction;
                    $tr=$at?->translations?->firstWhere('locale',app()->getLocale()) ?? $at?->translations?->firstWhere('locale','en');
                    $ptr=$at?->park?->translations?->firstWhere('locale',app()->getLocale()) ?? $at?->park?->translations?->firstWhere('locale','en');
                @endphp
                <a href="{{ route('coasters.show',$coaster) }}" class="wishlist-card is-coaster">
                    <span>{{ __('ui.explore_kind_coaster') }}</span>
                    <strong>{{ $tr?->name ?: $at?->official_name }}</strong>
                    <x-ride-queue-badges :attraction="$at" size="compact" class="collection-queue-badges" />
                    <small>{{ $ptr?->name ?: $at?->park?->official_name }}@if($coaster->manufacturer) · {{ $coaster->manufacturer->name }}@endif</small>
                </a>
            @endforeach
        </div>
    </div>
    @endif

    @if($wishlistAttractions->isNotEmpty())
    <div class="wishlist-group" data-collection-wishlist-group="attraction">
        <h3>{{ __('ui.wishlist_attractions') }}</h3>
        <div class="wishlist-grid">
            @foreach($wishlistAttractions as $attraction)
                @php
                    $tr=$attraction->translations->firstWhere('locale',app()->getLocale()) ?? $attraction->translations->firstWhere('locale','en');
                    $ptr=$attraction->park?->translations?->firstWhere('locale',app()->getLocale()) ?? $attraction->park?->translations?->firstWhere('locale','en');
                @endphp
                <a href="{{ route('attractions.show',$attraction) }}" class="wishlist-card">
                    <span>{{ __('ui.explore_kind_attraction') }}</span>
                    <strong>{{ $tr?->name ?: $attraction->official_name }}</strong>
                    <x-ride-queue-badges :attraction="$attraction" size="compact" class="collection-queue-badges" />
                    <small>{{ $ptr?->name ?: $attraction->park?->official_name }}</small>
                </a>
            @endforeach
        </div>
    </div>
    @endif
</div>
@else
<p class="collection-empty">{{ __('ui.wishlist_empty') }}</p>
@endif
</div></section>

<section class="section section-soft"><div class="container">
<div class="section-heading"><span class="eyebrow">{{ __('ui.collection_favorites') }}</span><h2>{{ __('ui.collection_favorite_title') }}</h2></div>
@php $favoriteCount=$favoriteParks->count()+$favoriteCoasters->count()+$favoriteAttractions->count(); @endphp
@if($favoriteCount)
<div class="collection-favorites-grid">
@foreach($favoriteParks as $park)<a href="{{ route('parks.show',$park->slug) }}"><span>{{ __('ui.explore_kind_park') }}</span><strong>{{ $park->translations->firstWhere('locale',app()->getLocale())?->name ?: $park->official_name }}</strong></a>@endforeach
@foreach($favoriteCoasters as $coaster)<a href="{{ route('coasters.show',$coaster) }}"><span>{{ __('ui.explore_kind_coaster') }}</span><strong>{{ $coaster->attraction?->official_name }}</strong><x-ride-queue-badges :attraction="$coaster->attraction" size="compact" class="collection-queue-badges" /></a>@endforeach
@foreach($favoriteAttractions as $attraction)<a href="{{ route('attractions.show',$attraction) }}"><span>{{ __('ui.explore_kind_attraction') }}</span><strong>{{ $attraction->translations->firstWhere('locale',app()->getLocale())?->name ?: $attraction->official_name }}</strong><x-ride-queue-badges :attraction="$attraction" size="compact" class="collection-queue-badges" /></a>@endforeach
</div>
@else<p class="collection-empty">{{ __('ui.collection_no_favorites') }}</p>@endif
</div></section>
@endsection