@addTagHelper *, Dpz.Core.Web.Pager
@model IPagedList<VmTimeline>

<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">@item.Title</h3>
                    <span class="list-tag" style="background: var(--info-color); color: white; margin-left: auto;">
                        <i class="fa fa-calendar"></i> @item.Date.ToString("yyyy-MM-dd")
                    </span>
                </div>
                <div class="list-desc">
                    @item.Content
                    <textarea id="timeline_content_@item.Id" style="display:none">@item.Content</textarea>
                </div>
                <div class="list-meta">
                    <span class="meta-item" title="发布时间">
                        <i class="fa fa-clock-o"></i> 发布于 @item.CreateTime.ToString("yyyy-MM-dd HH:mm")
                    </span>
                    @if (!string.IsNullOrEmpty(item.More))
                    {
                        <span class="meta-item">
                            <a href="@item.More" target="_blank" class="text-muted text-decoration-none">
                                <i class="fa fa-link"></i> 更多详情
                            </a>
                        </span>
                    }
                </div>
            </div>
            <div class="list-actions">
                <button class="btn btn-sm btn-info"
                        onclick="memberCenter.showContent(document.getElementById('timeline_content_@item.Id').value, 'markdown')">
                    <i class="fa fa-eye"></i> 查看
                </button>
                <a asp-action="PublishTimeline" 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('timeline', '@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>