@php
    $expertEntries = collect($localExpertise['entries'] ?? []);
    $expertReputation = $localExpertise['reputation'] ?? ['score' => 0, 'tier' => 'newcomer'];
    $expertCount = (int) ($localExpertise['expert_count'] ?? 0);
    $expertTierIcons = ['progress' => '◌', 'bronze' => '📍', 'silver' => '🧭', 'gold' => '✦', 'legend' => '👑'];
    $reputationIcons = ['newcomer' => '•', 'contributor' => '✦', 'trusted' => '✓', 'reference' => '◆', 'ambassador' => '★'];
@endphp

@if($expertEntries->isNotEmpty() || (int) ($expertReputation['score'] ?? 0) > 0)
<section class="section section-soft explorer-local-experts-section">
    <div class="container">
        <div class="section-heading explorer-section-heading-row">
            <div>
                <span class="eyebrow">{{ __('ui.profile_local_experts_kicker') }}</span>
                <h2>{{ __('ui.profile_local_experts_title') }}</h2>
                <p>{{ __('ui.profile_local_experts_intro') }}</p>
            </div>
            <a class="button button-ghost" href="{{ route('experts.index') }}">{{ __('ui.profile_local_experts_directory') }}</a>
        </div>

        <div class="explorer-local-experts-layout">
            <article class="explorer-reputation-card is-{{ $expertReputation['tier'] ?? 'newcomer' }}">
                <span class="explorer-reputation-icon">{{ $reputationIcons[$expertReputation['tier'] ?? 'newcomer'] ?? '•' }}</span>
                <div>
                    <small>{{ __('ui.local_experts_reputation') }}</small>
                    <strong>{{ __('ui.local_experts_reputation_'.($expertReputation['tier'] ?? 'newcomer')) }}</strong>
                    <p>{{ __('ui.profile_local_experts_reputation_text') }}</p>
                </div>
                <b>{{ (int) ($expertReputation['score'] ?? 0) }}</b>
            </article>

            <div class="explorer-local-experts-summary">
                <div><strong>{{ $expertCount }}</strong><span>{{ __('ui.profile_local_experts_count') }}</span></div>
                <div><strong>{{ (int) ($expertReputation['contributions'] ?? 0) }}</strong><span>{{ __('ui.local_experts_contributions') }}</span></div>
                <div><strong>{{ (int) ($expertReputation['photos'] ?? 0) }}</strong><span>{{ __('ui.local_experts_photos') }}</span></div>
                <div><strong>{{ (int) ($expertReputation['helpful'] ?? 0) }}</strong><span>{{ __('ui.local_experts_helpful') }}</span></div>
            </div>
        </div>

        @if($expertEntries->isNotEmpty())
            <div class="explorer-local-experts-grid">
                @foreach($expertEntries as $expert)
                    @php
                        $expertPark = $expert['park'];
                        $expertParkTranslation = $expertPark->translations->firstWhere('locale', app()->getLocale())
                            ?? $expertPark->translations->firstWhere('locale', 'en')
                            ?? $expertPark->translations->first();
                        $expertCountryTranslation = $expertPark->country?->translations?->firstWhere('locale', app()->getLocale())
                            ?? $expertPark->country?->translations?->firstWhere('locale', 'en')
                            ?? $expertPark->country?->translations?->first();
                        $expertTier = $expert['tier'];
                    @endphp
                    <a class="explorer-local-expert-park is-{{ $expertTier }}" href="{{ route('parks.show', $expertPark->slug) }}">
                        <div class="explorer-local-expert-top">
                            <span>{{ $expertTierIcons[$expertTier] ?? '◌' }}</span>
                            <div>
                                <strong>{{ $expertParkTranslation?->name ?: $expertPark->official_name }}</strong>
                                <small><x-country-label :code="$expertPark->country?->iso2" :name="$expertCountryTranslation?->name ?: $expertPark->country?->official_name" size="small" /></small>
                            </div>
                            <b>{{ $expert['score'] }}<small>{{ __('ui.local_experts_points_short') }}</small></b>
                        </div>
                        <div class="explorer-local-expert-status">
                            <span>{{ __('ui.local_experts_tier_'.$expertTier) }}</span>
                            @unless($expert['is_expert'])
                                <i><em style="width: {{ $expert['progress_percent'] }}%"></em></i>
                                <small>{{ __('ui.profile_local_experts_progress', ['percent' => $expert['progress_percent']]) }}</small>
                            @endunless
                        </div>
                        <div class="explorer-local-expert-signals">
                            <small>🎟️ {{ $expert['visits'] }}</small>
                            <small>🎢 {{ $expert['rides'] }}</small>
                            <small>✦ {{ $expert['contributions'] }}</small>
                            <small>⭐ {{ $expert['reviews'] }}</small>
                            <small>📷 {{ $expert['photos'] }}</small>
                        </div>
                    </a>
                @endforeach
            </div>
        @endif
    </div>
</section>
@endif