@php
    $users = array_slice($users ?? [], 0, 3);
    $slots = [
        2 => $users[1] ?? null,
        1 => $users[0] ?? null,
        3 => $users[2] ?? null,
    ];
@endphp
<div class="mlb-podium-row">
    @foreach($slots as $rank => $user)
        <div class="mlb-col {{ $rank === 1 ? 'is-first' : '' }} {{ $user ? '' : 'is-empty' }}">
            @if($user)
                <div class="mlb-avatar-wrap">
                    @if($rank === 1)
                        <span class="mlb-crown" aria-hidden="true">
                            <svg width="26" height="18" viewBox="0 0 26 18" fill="none">
                                <path d="M3 15.5L1 5l6.2 4L13 1l5.8 8L25 5l-2 10.5H3z" fill="#F0C94A"/>
                                <path d="M4 15.5h18v2H4v-2z" fill="#E3B341"/>
                            </svg>
                        </span>
                    @endif
                    <div class="mlb-avatar rank-{{ $rank }}">
                        @if(!empty($user['avatar']) && strpos($user['avatar'], 'ui-avatars.com') === false)
                            <img src="{{ $user['avatar'] }}" alt="">
                        @else
                            {{ $user['initials'] ?? '?' }}
                        @endif
                    </div>
                    <span class="mlb-badge rank-{{ $rank }}">{{ $rank }}</span>
                </div>
                <div class="mlb-name" title="{{ $user['name'] ?? '' }}">{{ $user['name'] ?? '' }}</div>
                <div class="mlb-bar rank-{{ $rank }}">{{ $user['score'] ?? 0 }}</div>
            @else
                <div class="mlb-name">-</div>
                <div class="mlb-bar rank-{{ $rank }}">-</div>
            @endif
        </div>
    @endforeach
</div>