@model List<Dpz.Core.Public.ViewModel.VmVideo>

<div class="video-container">
    <div class="video-grid">
        @foreach (var item in Model)
        {
            <a asp-action="Watch" asp-route-id="@item.Id" class="video-card" data-pjax>
                <div class="video-card__cover">
                    <img class="video-card__image" loading="lazy" src="https://cdn.dpangzi.com/Video/@item.Title/video.webp!Screenshot" alt="@item.SubTitle" />
                </div>
                <div class="video-card__info">
                    <h3 class="video-card__title" title="@item.VideoTitle">@item.VideoTitle</h3>
                    <div class="video-card__meta">
                        <div class="video-card__stats">
                            <span class="video-card__stat" title="播放量">
                                <svg class="icon" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15 12C15 13.6569 13.6569 15 12 15C10.3431 15 9 13.6569 9 12C9 10.3431 10.3431 9 12 9C13.6569 9 15 10.3431 15 12Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M2.45825 12C3.73253 7.94291 7.52281 5 12.0002 5C16.4776 5 20.2679 7.94291 21.5422 12C20.2679 16.0571 16.4776 19 12.0002 19C7.52281 19 3.73253 16.0571 2.45825 12Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
                                @item.PlayCount
                            </span>
                            <span class="video-card__stat" title="弹幕">
                                <svg class="icon" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21 15C21 15.5304 20.7893 16.0391 20.4142 16.4142C20.0391 16.7893 19.5304 17 19 17H7L3 21V7C3 6.46957 3.21071 5.96086 3.58579 5.58579C3.96086 5.21071 4.46957 5 5 5H19C19.5304 5 20.0391 5.21071 20.4142 5.58579C20.7893 5.96086 21 6.46957 21 7V15Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
                                @item.DanmakuCount
                            </span>
                        </div>
                    </div>
                </div>
            </a>
        }
    </div>
</div>