@extends('layouts.app')
@section('title', __('ui.community_gallery_title').' — Coaster World')
@section('content')
<section class="community-gallery-hero">
    <div class="container community-gallery-hero-grid">
        <div>
            <span class="eyebrow">{{ __('ui.community_gallery_kicker') }}</span>
            <h1>{{ __('ui.community_gallery_title') }}</h1>
            <p>{{ __('ui.community_gallery_intro') }}</p>
        </div>
        <div class="community-gallery-hero-stat"><strong>{{ $photos->total() }}</strong><span>{{ __('ui.community_gallery_photos') }}</span></div>
    </div>
</section>
<section class="section"><div class="container">
    <div class="community-gallery-toolbar">
        <div class="community-gallery-filters" aria-label="{{ __('ui.community_gallery_filter') }}">
            <a class="{{ !$type ? 'is-active' : '' }}" href="{{ route('community.photos.index') }}">{{ __('ui.community_gallery_filter_all') }}</a>
            @foreach(['park','attraction','coaster'] as $filterType)
                <a class="{{ $type === $filterType ? 'is-active' : '' }}" href="{{ route('community.photos.index', ['type' => $filterType]) }}">{{ __('ui.community_photo_type_'.$filterType) }}</a>
            @endforeach
        </div>
        @auth<a class="button button-ghost" href="{{ route('community.photos.mine') }}">{{ __('ui.community_photo_my') }}</a>@endauth
    </div>

    @if($cards->isNotEmpty())
        <div class="community-photo-v2-grid">
            @foreach($cards as $card)
                @include('pages.photos._community-card', ['card' => $card])
            @endforeach
        </div>
        @if($photos->hasPages())<div class="pagination-wrap">{{ $photos->links() }}</div>@endif
    @else
        <div class="community-gallery-empty"><span>📷</span><h2>{{ __('ui.community_gallery_empty_title') }}</h2><p>{{ __('ui.community_gallery_empty_text') }}</p></div>
    @endif
</div></section>
@endsection