@model List<Dpz.Core.Public.ViewModel.Steam.VmAchievementDetail>

@if (Model.Count > 0)
{
    var unlockCount = Model.Count(x => x.UnlockTime.HasValue);
    var count = Model.Count;
    var percent = count > 0 ? ((decimal)unlockCount / count * 100).ToString("F0") : "0";

    <div class="steam-summary">
        <div class="steam-summary__stats">
            <span>成就进度</span>
            <span>@percent%</span>
        </div>
        <div class="steam-summary__progress-track">
            <div class="steam-summary__progress-bar" style="width: 0" data-width="@percent%"></div>
        </div>
        <div class="steam-summary__icons">
            @foreach (var item in Model.Where(x => x.UnlockTime.HasValue).OrderByDescending(x => x.UnlockTime).Take(10))
            {
                <div class="steam-summary__icon" title="@item.DisplayName">
                    <img src="@item.Icon" alt="@item.DisplayName" loading="lazy" />
                </div>
            }
        </div>
    </div>
}
else
{
    <div class="steam-summary">
        <div class="steam-summary__stats">
            <span>暂无成就</span>
        </div>
    </div>
}