@model Dpz.Core.Public.ViewModel.Response.ArticleArchiveResponse

@foreach (var year in Model.Years)
{
    <section class="archive__year" id="year-@year.Year">
        <div class="archive__year-header" data-year="@year.Year">
            <span class="archive__year-label">@year.Year</span>
            <span class="archive__year-count">@year.Count 篇</span>
        </div>
        <div class="archive__months">
            @foreach (var month in year.Months)
            {
                <div class="archive__month">
                    <div class="archive__month-header">
                        <span class="archive__month-label">@month.Month 月</span>
                        <span class="archive__month-count">@month.Count 篇</span>
                    </div>
                    <div class="archive__articles">
                        @foreach (var article in month.Articles)
                        {
                            <a asp-action="Read" asp-controller="Article" asp-route-id="@article.Id"
                               class="archive__article" data-pjax>
                                <div class="archive__article-main">
                                    <span class="archive__article-title">@article.Title</span>
                                    <span class="archive__article-date">@article.CreateTime.ToString("MM-dd")</span>
                                </div>
                                <div class="archive__article-meta">
                                    @if (article.Tags.Count > 0)
                                    {
                                        <span class="archive__article-tags">
                                            @foreach (var tag in article.Tags.Take(3))
                                            {
                                                <span class="archive__tag">@tag</span>
                                            }
                                        </span>
                                    }
                                    <span class="archive__article-stats">
                                        <span class="archive__article-views" title="浏览量">
                                            <i class="fa fa-eye"></i> @article.ViewCount
                                        </span>
                                        <span class="archive__article-comments" title="评论数">
                                            <i class="fa fa-comment"></i> @article.CommentCount
                                        </span>
                                    </span>
                                </div>
                            </a>
                        }
                    </div>
                </div>
            }
        </div>
    </section>
}