@using Dpz.Core.EnumLibrary
@model Dpz.Core.Public.ViewModel.Steam.VmSteamGame


@if (Model == null || Model.Achievements == null || !Model.Achievements.Any())
{
    <div class="blog-container">
        <blockquote class="layui-elem-quote sitemap layui-breadcrumb shadow">
            <a href="/" title="网站首页">网站首页</a>
            <a asp-action="Index" data-pjax>Steam</a>
        </blockquote>
        <div class="blog-main">
            <div class="layui-container achievements">
                <div class="layui-collapse">
                    <div class="layui-colla-item unlock">
                        <h2 class="layui-colla-title">已解锁成就</h2>
                        <div class="layui-colla-content layui-show">
                            <div class="layui-row">
                            </div>
                        </div>
                    </div>
                    <div class="layui-colla-item lock">
                        <h2 class="layui-colla-title">未解锁成就</h2>
                        <div class="layui-colla-content">
                            <div class="layui-row">
                            </div>
                        </div>
                    </div>
                    <div class="layui-colla-item lock-hide">
                        <h2 class="layui-colla-title">隐藏成就</h2>
                        <div class="layui-colla-content">
                            <div class="layui-row">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
}
else
{
    <div class="blog-container">
        <blockquote class="layui-elem-quote sitemap layui-breadcrumb shadow">
            <a href="/" title="网站首页">网站首页</a>
            <a asp-action="Index" data-pjax>Steam</a>
            <a>@Model.Name 成就</a>
            @* <a style="float: right">最近两周玩过的游戏</a> *@
        </blockquote>
        <div class="blog-main">
            <div class="layui-container achievements">
                <div class="layui-collapse">
                    <div class="layui-colla-item unlock">
                        <h2 class="layui-colla-title">已解锁成就</h2>
                        <div class="layui-colla-content layui-show">
                            <div class="layui-row">
                                @foreach (var item in Model.Achievements.Where(x => x.UnlockTime.HasValue).OrderByDescending(x => x.UnlockTime))
                                {
                                    <div class="item">
                                        <div class="ach-icon">
                                            <img src="@item.Icon" alt="@item.DisplayName" title="@item.DisplayName"/>
                                        </div>
                                        <div class="ach-desc">
                                            <div class="game-name">@item.DisplayName</div>
                                            <div class="desc">@item.Description</div>
                                        </div>
                                        <div class="ach-un-lock">
                                            <div class="un-lock">
                                                @if (item.UnlockTime != null)
                                                {
                                                    @item.UnlockTime.Value.ToString("yyyy年MM月dd日 HH:mm")
                                                    <text> 解锁</text>
                                                }
                                            </div>
                                        </div>
                                    </div>
                                }
                            </div>
                        </div>
                    </div>
                    <div class="layui-colla-item lock">
                        <h2 class="layui-colla-title">未解锁成就</h2>
                        <div class="layui-colla-content">
                            <div class="layui-row">
                                @foreach (var item in Model.Achievements.Where(x => !x.Hidden && x.UnlockTime == null))
                                {
                                    <div class="item">
                                        <div class="ach-icon">
                                            <img src="@item.Icon" alt="@item.DisplayName" title="@item.DisplayName"/>
                                        </div>
                                        <div class="ach-desc">
                                            <div class="game-name">@item.DisplayName</div>
                                            <div class="desc">@item.Description</div>
                                        </div>
                                        <div class="ach-un-lock">
                                        </div>
                                    </div>
                                }
                            </div>
                        </div>
                    </div>
                    <div class="layui-colla-item lock-hide">
                        <h2 class="layui-colla-title">隐藏成就</h2>
                        <div class="layui-colla-content">
                            <div class="layui-row">
                                @foreach (var item in Model.Achievements.Where(x => x.Hidden && x.UnlockTime == null))
                                {
                                    <div class="item">
                                        <div class="ach-icon">
                                            <img src="@item.Icon" alt="@item.DisplayName" title="@item.DisplayName"/>
                                        </div>
                                        <div class="ach-desc">
                                            <div class="game-name">@item.DisplayName</div>
                                            <div class="desc">@item.Description</div>
                                        </div>
                                        <div class="ach-un-lock">
                                        </div>
                                    </div>
                                }
                            </div>
                        </div>
                    </div>

                    @{
                        var commentModel = (CommentNode.Steam, Model.Name);
                    }
                    <partial name="_GlobalCommentPartial" model="commentModel"/>
                </div>
            </div>
        </div>
    </div>
}