{{--
    Bảng xếp hạng dùng chung (Marketing / Telesales / CarePage).
    Tham số:
      - $items       : mảng user đã sắp xếp giảm dần theo gross_revenue (mỗi phần tử có id, full_name, avatar, gross_revenue)
      - $metricLabel : nhãn chỉ số xếp hạng (mặc định "Doanh thu")
    Bố cục: 3 thẻ tóm tắt -> bục vinh danh top 3 -> danh sách đầy đủ (cuộn dọc, không giới hạn số người nên không vỡ layout).
--}}
@php
    $metricLabel = $metricLabel ?? 'Doanh thu';
    // sortByDesc()->toArray() giữ key gốc => đánh lại chỉ số 0..n-1 để thứ hạng đúng
    $list = array_values((array) $items);
    $myId = \Illuminate\Support\Facades\Auth::id();
    $topRevenue = count($list) ? max(1, (int) $list[0]['gross_revenue']) : 1;
    $totalRevenue = array_sum(array_map(function ($i) { return (int) $i['gross_revenue']; }, $list));
    $myRank = null;
    foreach ($list as $idx => $row) {
        if ($row['id'] == $myId) { $myRank = $idx + 1; break; }
    }
    // Chữ cái đầu của từ cuối trong tên, dùng làm avatar khi user chưa có ảnh
    $initialOf = function ($name) {
        $words = preg_split('/\s+/u', trim((string) $name));
        return mb_strtoupper(mb_substr(end($words) ?: '?', 0, 1));
    };
    // Thứ tự hiển thị bục: hạng 2 - hạng 1 - hạng 3
    $podium = array_filter([1 => $list[1] ?? null, 0 => $list[0] ?? null, 2 => $list[2] ?? null]);
    $medal = [0 => 'gold', 1 => 'silver', 2 => 'bronze'];
@endphp

@if(count($list))
    <div class="crm-rank">
        <div class="crm-rank__summary">
            <div class="crm-rank__stat">
                <span class="crm-rank__stat-icon"><i class="fas fa-users"></i></span>
                <div><span class="crm-rank__stat-label">Nhân sự xếp hạng</span><strong>{{ count($list) }}</strong></div>
            </div>
            <div class="crm-rank__stat">
                <span class="crm-rank__stat-icon crm-rank__stat-icon--success"><i class="fas fa-coins"></i></span>
                <div><span class="crm-rank__stat-label">Tổng {{ mb_strtolower($metricLabel) }}</span><strong>{{ number_format($totalRevenue) }} <small>VNĐ</small></strong></div>
            </div>
            <div class="crm-rank__stat">
                <span class="crm-rank__stat-icon crm-rank__stat-icon--gold"><i class="fas fa-medal"></i></span>
                <div><span class="crm-rank__stat-label">Hạng của bạn</span><strong>{{ $myRank ? '#'.$myRank : '—' }}@if($myRank) <small>/ {{ count($list) }}</small>@endif</strong></div>
            </div>
        </div>

        <div class="crm-rank__podium">
            @foreach($podium as $idx => $row)
                <div class="crm-rank__podium-item crm-rank__podium-item--{{ $medal[$idx] }} {{ $row['id'] == $myId ? 'is-me' : '' }}">
                    @if($idx === 0)
                        <i class="fas fa-crown crm-rank__crown"></i>
                    @endif
                    <div class="crm-rank__podium-avatar">
                        @if(!empty($row['avatar']))
                            <img src="{{ $row['avatar'] }}" alt="">
                        @else
                            <span>{{ $initialOf($row['full_name']) }}</span>
                        @endif
                        <span class="crm-rank__podium-no">{{ $idx + 1 }}</span>
                    </div>
                    <div class="crm-rank__podium-name" title="{{ $row['full_name'] }}">{{ $row['full_name'] }}</div>
                    <div class="crm-rank__podium-value">{{ number_format((int) $row['gross_revenue']) }} <small>VNĐ</small></div>
                    <div class="crm-rank__podium-base"><span>#{{ $idx + 1 }}</span></div>
                </div>
            @endforeach
        </div>

        <div class="crm-rank__list">
            <div class="crm-rank__list-head">
                <span>Hạng</span><span>Nhân sự</span><span class="text-right">{{ $metricLabel }}</span>
            </div>
            <ol class="crm-rank__rows">
                @foreach($list as $idx => $row)
                    @php $pct = round(((int) $row['gross_revenue']) / $topRevenue * 100, 1); @endphp
                    <li class="crm-rank__row {{ $idx < 3 ? 'is-top crm-rank__row--'.$medal[$idx] : '' }} {{ $row['id'] == $myId ? 'is-me' : '' }}">
                        <span class="crm-rank__no">{{ $idx + 1 }}</span>
                        <div class="crm-rank__person">
                            <span class="crm-rank__avatar">
                                @if(!empty($row['avatar']))
                                    <img src="{{ $row['avatar'] }}" alt="">
                                @else
                                    {{ $initialOf($row['full_name']) }}
                                @endif
                            </span>
                            <div class="crm-rank__person-info">
                                <span class="crm-rank__name">{{ $row['full_name'] }}@if($row['id'] == $myId) <em class="crm-rank__me-tag">Bạn</em>@endif</span>
                                <span class="crm-rank__bar"><span style="width: {{ $pct }}%"></span></span>
                            </div>
                        </div>
                        <span class="crm-rank__value">{{ number_format((int) $row['gross_revenue']) }}<small>{{ $pct }}% so với #1</small></span>
                    </li>
                @endforeach
            </ol>
        </div>
    </div>
@else
    <div class="crm-rank-empty">
        <i class="fas fa-trophy"></i>
        <span>Chưa có dữ liệu xếp hạng trong khoảng thời gian này</span>
    </div>
@endif