Rapport-Laravel/resources/views/widgets/milestone_team_leaderboard_...

40 lines
1.7 KiB
PHP

@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>