@props(['park'])
@php
    $translation = $park->translations->firstWhere('locale', app()->getLocale())
        ?? $park->translations->firstWhere('locale', 'en');
    $name = $translation?->name ?: $park->official_name;
@endphp
<a href="{{ route('parks.show', $park) }}" class="park-card">
    <div class="park-card-visual">
        <div class="park-card-orbit"></div>
        <span class="park-card-country">{{ $park->country?->iso2 }}</span>
        <div class="park-card-monogram">{{ mb_strtoupper(mb_substr($name, 0, 1)) }}</div>
    </div>
    <div class="park-card-body">
        <span class="eyebrow">
            @if($park->city)
                {{ $park->city }}
            @elseif($park->country?->official_name)
                <x-country-label :code="$park->country?->iso2" :name="$park->country?->official_name" size="small" />
            @endif
        </span>
        <h3>{{ $name }}</h3>
        <div class="park-card-meta">
            @if($park->country?->official_name)<x-country-label :code="$park->country?->iso2" :name="$park->country?->official_name" size="small" />@endif
            <span class="status-dot {{ in_array($park->status, ['active', 'operating', 'open'], true) ? 'is-open' : '' }}">{{ $park->status }}</span>
        </div>
    </div>
</a>