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

<div class="photos-grid" id="photosGrid">
    @foreach (var item in Model)
    {
        <div class="photo-card">
            <div class="photo-image-wrapper">
                <img src="@(item.AccessUrl + "!albums")" alt="@item.Description" class="photo-image" loading="lazy">
            </div>
            <div class="photo-info">
                <div class="photo-desc" title="@item.Description">
                    @(string.IsNullOrEmpty(item.Description) ? "-" : item.Description)
                </div>
                <div class="photo-tags">
                    @foreach (var tag in item.Tags)
                    {
                        <span class="photo-tag">@tag</span>
                    }
                </div>
                <div class="photo-meta">
                    <i class="fa fa-calendar"></i> 上传于 @item.UploadTime.ToString("yyyy-MM-dd")
                </div>
                <div class="photo-actions">
                    <a asp-action="UploadPhoto" 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('photo', '@item.Id')">
                        <i class="fa fa-trash"></i> 删除
                    </button>
                </div>
            </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>