@php
    $state = $parkCard['state'] ?? 'unknown';
    $statusLabel = match ($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'),
    };
    $hours = !empty($parkCard['opens_at']) && !empty($parkCard['closes_at'])
        ? $parkCard['opens_at'].' — '.$parkCard['closes_at']
        : __('ui.park_hours_unavailable');
@endphp

<section class="section section-soft detail-park-section">
    <div class="container">
        <div class="section-heading detail-park-heading">
            <span class="eyebrow">{{ __('ui.public_park_context_kicker') }}</span>
            <h2>{{ $parkCard['name'] }}</h2>
        </div>

        <a class="discover-park-card detail-park-card" href="{{ $parkCard['url'] }}">
            <span class="discover-park-visual {{ $parkCard['image_url'] ? 'has-image' : 'has-placeholder' }}">
                @if($parkCard['image_url'])
                    <img src="{{ $parkCard['image_url'] }}" alt="" loading="lazy" decoding="async">
                @else
                    <span class="discover-park-placeholder" aria-hidden="true">CW</span>
                @endif
                <span class="discover-park-image-shade" aria-hidden="true"></span>
                <span class="discover-park-status is-{{ $state }}"><i aria-hidden="true"></i>{{ $statusLabel }}</span>
            </span>

            <span class="discover-park-body">
                <span class="discover-park-intro">
                    <span>
                        @if(($parkCard['city'] ?? null) || ($parkCard['country_name'] ?? null))
                            <small>
                                @if($parkCard['city'] ?? null){{ $parkCard['city'] }}@if($parkCard['country_name'] ?? null) · @endif @endif
                                @if($parkCard['country_name'] ?? null)
                                    <x-country-label :code="$parkCard['country_code'] ?? null" :name="$parkCard['country_name']" size="small" />
                                @endif
                            </small>
                        @elseif($parkCard['location'])
                            <small>{{ $parkCard['location'] }}</small>
                        @endif
                        <strong>{{ $parkCard['name'] }}</strong>
                    </span>
                    <b aria-hidden="true">↗</b>
                </span>

                <span class="discover-park-hours">
                    <small>{{ __('ui.park_opening_hours') }}</small>
                    <strong>{{ $hours }}</strong>
                </span>

                <span class="discover-park-stats">
                    <span><strong>{{ $parkCard['coasters_count'] }}</strong>{{ __('ui.park_coasters') }}</span>
                    <span><strong>{{ $parkCard['attractions_count'] }}</strong>{{ __('ui.park_attractions') }}</span>
                </span>

                <span class="detail-park-action">{{ __('ui.public_view_park') }} <b aria-hidden="true">→</b></span>
            </span>
        </a>
    </div>
</section>