@addTagHelper *, Dpz.Core.Web.Pager
@model IPagedList<Dpz.Core.Public.ViewModel.Response.ArticleMiniResponse>

<div class="list-module">
    @foreach (var item in Model)
    {
        <div class="list-item">
            <div class="list-content">
                <div class="list-header">
                    <h3 class="list-title">
                        <a asp-action="Read" asp-controller="Article" asp-route-id="@item.Id" target="_blank">
                            @item.Title
                        </a>
                    </h3>
                </div>
                <div class="list-desc">
                    @item.Introduction
                    <textarea id="article_content_@item.Id" style="display:none">@item.Introduction</textarea>
                </div>
                <div class="list-tags">
                    @foreach (var tag in item.Tags)
                    {
                        <span class="list-tag">@tag</span>
                    }
                </div>
                <div class="list-meta">
                    <span class="meta-item" title="查看量">
                        <i class="fa fa-eye"></i> @item.ViewCount
                    </span>
                    <span class="meta-item" title="评论量">
                        <i class="fa fa-comment"></i> @item.CommentCount
                    </span>
                    <span class="meta-item" title="发布时间">
                        <i class="fa fa-clock-o"></i> @item.CreateTime.ToString("yyyy-MM-dd HH:mm")
                    </span>
                </div>
            </div>
            <div class="list-actions">
                <button class="btn btn-sm btn-info"
                        onclick="memberCenter.showContent(document.getElementById('article_content_@item.Id').value, 'text')">
                    <i class="fa fa-eye"></i> 查看
                </button>
                <a asp-action="PublishArticle" asp-controller="Member" asp-route-id="@item.Id"
                   class="btn btn-sm btn-primary">
                    <i class="fa fa-edit"></i> 修改
                </a>
                <button class="btn btn-sm btn-danger" onclick="memberCenter.deleteItem('article', '@item.Id')">
                    <i class="fa fa-trash"></i> 删除
                </button>
            </div>
        </div>
    }
</div>

<div class="pagination-container">
    <nav aria-label="文章分页">
        <pager
            page-index-parameter-name="pageIndex"
            show-first-last="false"
            tag-name="ul"
            class="pagination"
            current-pager-item-template="<a class='page-item active'><span class='page-link'>{0}</span></a>"
            disabled-pager-item-template="<a class='page-item active'><span class='page-link'>{0}</span></a>"
            pager-item-template="<li class='page-item'>{0}</li>"
            pager-item-css-class="page-link"
            next-page-text="下一页"
            prev-page-text="上一页"
            show-more-pager-items="false"
            numeric-pager-item-count="5"
            asp-model="@Model">
        </pager>
    </nav>
</div>