@model List<VmBookmark>

@if (Model.Count == 0)
{
    <div class="bookmark__empty">暂无书签</div>
}
else
{
    foreach (var item in Model)
    {
        <div class="bookmark-card">
            <a href="@item.Url" target="_blank" class="bookmark-card__link">
                @if (!string.IsNullOrEmpty(item.Image))
                {
                    <img class="bookmark-card__preview lazy" data-src="@(item.Image + "!bookmark")" src="@Program.LibraryHost/loaders/puff.svg" alt="@item.Title" loading="lazy" />
                }
                <div class="bookmark-card__content">
                    @if (!string.IsNullOrEmpty(item.Icon))
                    {
                        <img class="bookmark-card__icon" src="@item.Icon" alt="icon" />
                    }
                    <h3 class="bookmark-card__title">@item.Title</h3>
                </div>
            </a>
            <div class="bookmark-card__footer">
                <div class="bookmark-card__tags">
                    @foreach (var category in item.Categories)
                    {
                        <span class="bookmark-card__tag">
                            @category
                        </span>
                    }
                </div>
                @if (User.HasSystem)
                {
                    <a href="@Url.Action("Update", "Bookmark", new { id = item.Id })" class="bookmark-card__edit" title="编辑" data-pjax>
                        <i class="fa fa-cog"></i>
                    </a>
                }
            </div>
        </div>
    }
}