@forelse($discoveryParks as $item)
    @php($park = $item['park'])
    @php($location = collect([$park->city, $park->country?->official_name])->filter()->join(' · '))
    @php
        $stateLabel = match($item['state']) {
            'open' => __('ui.park_status_open_now'),
            'opening_later' => __('ui.park_status_opening_later'),
            'closed' => __('ui.park_status_closed_now'),
            default => __('ui.park_status_unknown_now'),
        };
    @endphp
    @php($hoursLabel = $item['opens_at'] && $item['closes_at'] ? $item['opens_at'].'–'.$item['closes_at'] : __('ui.park_hours_unavailable'))

    <a class="discover-park-card" href="{{ route('parks.show', $park) }}" data-discovery-park-id="{{ $park->id }}" @if($loop->index >= 4) hidden @endif>
        <span class="discover-park-visual">
            <img src="{{ $item['banner_url'] }}" alt="{{ $park->official_name }}" loading="lazy" decoding="async">
            <span class="discover-park-image-shade" aria-hidden="true"></span>
            <span class="discover-park-status is-{{ str_replace('_', '-', $item['state']) }}"><i></i>{{ $stateLabel }}</span>
            <span class="discover-park-card-arrow" aria-hidden="true">↗</span>
        </span>
        <span class="discover-park-card-body">
            <span class="discover-park-location">{{ $location ?: '—' }}</span>
            <strong>{{ $park->official_name }}</strong>
            <span class="discover-park-facts">
                <span><small>{{ __('ui.park_opening_hours') }}</small><b>{{ $hoursLabel }}</b></span>
                <span><small>{{ __('ui.park_coasters') }}</small><b>{{ $item['coasters_count'] }}</b></span>
                <span><small>{{ __('ui.park_attractions') }}</small><b>{{ $item['attractions_count'] }}</b></span>
            </span>
        </span>
    </a>
@empty
    <div class="discover-empty discover-random-empty">
        <strong>{{ __('ui.empty_parks_title') }}</strong>
        <span>{{ __('ui.empty_parks_text') }}</span>
    </div>
@endforelse