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

<div class="list-module">
    @foreach (var item in Model)
    {
        <div class="list-item">
            <div class="list-content">
                <div class="list-desc-lg">
                    @item.Markdown
                    <textarea id="mumble_content_@item.Id" style="display:none">@item.Markdown</textarea>
                </div>
                <div class="list-meta">
                    <span class="meta-item" title="点赞数">
                        <i class="fa fa-thumbs-up"></i> @item.Like
                    </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('mumble_content_@item.Id')?.value, 'markdown')">
                    <i class="fa fa-eye"></i> 查看
                </button>
                <a asp-action="PublishMumble" 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('mumble', '@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>