@using Dpz.Core.EnumLibrary
@using Dpz.Core.Public.ViewModel.Response
@model VmArticle
@{
    var searchResult = Model as ArticleSearchResultResponse;
}
<div class="blog-container">
    <blockquote class="layui-elem-quote sitemap layui-breadcrumb shadow">
        <a href="/" title="网站首页" data-pjax>网站首页</a>
        <a asp-action="Index" asp-controller="Article" title="文章专栏" data-pjax>文章专栏</a>
        <a>
            <cite></cite>@Model.Title
        </a>
    </blockquote>
    <div class="blog-main">
        <div class="article-detail shadow">
            <div class="article-detail-title">
                @(searchResult == null ? Model.Title : Html.Raw(searchResult.HighlightTitle()))
            </div>
            @if (Model.AdWeight >= 0.7)
            {
                <div class="ai-tips-warning">
                    ⚠⚠&nbsp; &nbsp; 以下内容AI分析结果大概率为广告，请自行甄别
                </div>
            }
            <div class="article-detail-info">
                <span>
                    <time class="timeago" datetime="@Model.CreateTime">@Model.CreateTime</time>发布
                </span>
                <span>作者：@Model.Author.Name</span>
                <span>浏览量：@Model.ViewCount</span>
            </div>
            @{
                var className = "";
                if (Model.Tags.Contains("cnBeta") || Model.Tags.Contains("ItHome"))
                {
                    className = "cnBeta";
                }
            }
            <div class="article-detail-content @(className) markdown-body">
                <blockquote class="introduction">
                    @Html.Raw(Model.Introduction)
                </blockquote>
                @Html.Raw(
                    searchResult == null ? Model.Markdown.MarkdownToHtml() : searchResult.HighlightContent(true).MarkdownToHtml(disableHtml: false)
                )
            </div>
        </div>
        <!-- 评论区域 -->

        <partial name="_GlobalCommentPartial" model="(CommentNode.Article,Model.Id)"/>
    </div>
    <input type="checkbox" id="toc" style="display: none"/>
    <label class="toc-icon menu" for="toc">目录</label>
    <nav class="toc toc-right transition--300 js-toc"></nav>
</div>