@if($localExperts->isNotEmpty())
<section class="section park-local-experts-section">
    <div class="container">
        <div class="section-heading park-local-experts-heading">
            <div>
                <span class="eyebrow">{{ __('ui.park_local_experts_kicker') }}</span>
                <h2>{{ __('ui.park_local_experts_title') }}</h2>
                <p>{{ __('ui.park_local_experts_intro') }}</p>
            </div>
            <a class="button button-ghost" href="{{ route('experts.index', ['park' => $park->id]) }}">{{ __('ui.park_local_experts_all') }}</a>
        </div>

        <div class="park-local-experts-grid">
            @foreach($localExperts as $expert)
                @php
                    $expertUser = $expert['user'];
                    $expertName = $expertUser->username ?: $expertUser->name;
                    $expertInitial = mb_strtoupper(mb_substr($expertName ?: '?', 0, 1));
                    $expertTier = $expert['tier'];
                @endphp
                <article class="park-local-expert-card is-{{ $expertTier }}">
                    <a class="park-local-expert-avatar" href="{{ route('profiles.public', $expertUser->username) }}">{{ $expertInitial }}</a>
                    <div class="park-local-expert-main">
                        <a href="{{ route('profiles.public', $expertUser->username) }}">{{ '@'.$expertName }}</a>
                        <span>{{ __('ui.local_experts_tier_'.$expertTier) }}</span>
                        <div>
                            <small>🎟️ {{ $expert['visits'] }}</small>
                            <small>🎢 {{ $expert['rides'] }}</small>
                            <small>✦ {{ $expert['contributions'] }}</small>
                            <small>⭐ {{ $expert['reviews'] }}</small>
                            <small>📷 {{ $expert['photos'] }}</small>
                        </div>
                    </div>
                    <strong>{{ $expert['score'] }}<small>{{ __('ui.local_experts_points_short') }}</small></strong>
                </article>
            @endforeach
        </div>
    </div>
</section>
@endif