{{template "layout/base" .}}

{{define "content"}}
    {{ if and (.post) (gt .post.Id 0)}}
        <div id="primary" class="content-area">
            <main id="main" class="site-main">
                <article class="{{ .post|postsFn .calPostClass}}">
                    {{if .post.Thumbnail.Path }}
                        <div class="post-thumbnail">
                            <img width="{{.post.Thumbnail.Width}}" height="{{.post.Thumbnail.Height}}" src="{{.post.Thumbnail.Path}}" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" decoding="async">
                        </div>
                    {{end}}

                    <header class="entry-header">
                        <h1 class="entry-title">{{.post.PostTitle}}</h1></header><!-- .entry-header -->

                    <div class="entry-content">
                        {{.post.PostContent|unescaped}}
                    </div><!-- .entry-content -->

                    <footer class="entry-footer">
                        <span class="posted-on">
                            <span class="screen-reader-text">发布于 </span>
                            <a href="/p/{{.post.Id}}" rel="bookmark">
                                <time class="entry-date published updated"
                                      datetime="{{.post.PostDateGmt}}">{{.post.PostDate|dateCh}}
                                </time>
                            </a>
                        </span>
                        <span class="byline">
                            <span class="author vcard">
                                <span class="screen-reader-text">作者 </span>
                                <a class="url fn n" href="/p/author/{{.user.UserLogin}}">{{.user.UserLogin}}</a>
                            </span>
                        </span>
                        {{if .post.CategoriesHtml}}
                            <span class="cat-links">
                                <span class="screen-reader-text">分类 </span>
                                {{.post.CategoriesHtml|unescaped}}
                            </span>
                        {{end}}

                        {{if .post.TagsHtml}}
                            <span class="tags-links">
                                <span class="screen-reader-text">标签 </span>{{.post.TagsHtml|unescaped}}
                            </span>
                        {{end}}
                    </footer>
                    <!-- .entry-footer -->

                </article><!-- #post-1 -->

                {{ if .showComment}}
                    <div id="comments" class="comments-area">
                        {{ if ne .comments ""}}
                            <h2 class="comments-title">《{{.post.PostTitle}}》上有{{.totalCommentNum}}条评论 </h2>
                                {{if gt .totalCommentPage 1}}
                                <nav class="navigation comment-navigation">
                                    <h2 class="screen-reader-text">评论导航</h2>
                                    <div class="nav-links">
                                        {{ .commentPageNav|unescaped}}
                                    </div><!-- .nav-links -->
                                </nav>
                                {{end}}
                            <ol class="comment-list">
                                {{.comments|unescaped}}
                            </ol>
                                {{if gt .totalCommentPage 1}}
                                    <nav class="navigation comment-navigation">
                                        <h2 class="screen-reader-text">评论导航</h2>
                                        <div class="nav-links">
                                            {{ .commentPageNav|unescaped}}
                                        </div><!-- .nav-links -->
                                    </nav>
                                {{end}}

                        {{end}}
                        {{if eq .post.CommentStatus "open"}}
                            <div id="respond" class="comment-respond">
                                <h3 id="reply-title" class="comment-reply-title">发表回复
                                    <small>
                                        <a rel="nofollow" id="cancel-comment-reply-link" href="/p/{{.post.Id}}#respond" style="display:none;">取消回复</a>
                                    </small>
                                </h3>
                                <form action="/comment" method="post" id="commentform" class="comment-form"
                                      novalidate="">
                                    <p class="comment-notes">
                                        <span id="email-notes">您的电子邮箱地址不会被公开。</span>
                                        <span class="required-field-message" aria-hidden="true">必填项已用<span class="required" aria-hidden="true">*</span>标注</span>
                                    </p>
                                    <p class="comment-form-comment">
                                        <label for="comment">评论 <span class="required" aria-hidden="true">*</span></label>
                                        <textarea id="comment" name="comment" cols="45" rows="8" maxlength="65525" required=""></textarea></p>
                                    <p class="comment-form-author">
                                        <label for="author">显示名称 <span class="required" aria-hidden="true">*</span></label>
                                        <input id="author" name="author" type="text" value="" size="30" maxlength="245"
                                               required=""></p>
                                    <p class="comment-form-email">
                                        <label for="email">电子邮箱地址 <span class="required" aria-hidden="true">*</span></label>
                                        <input id="email" name="email" type="email" value="" size="30" maxlength="100"
                                               aria-describedby="email-notes" required="">
                                    </p>
                                    <p class="comment-form-url"><label for="url">网站地址</label>
                                        <input id="url" name="url" type="url" value="" size="30" maxlength="200"></p>
                                    <p class="comment-form-cookies-consent">
                                        <input id="wp-comment-cookies-consent" name="wp-comment-cookies-consent" type="checkbox" value="yes">
                                        <label for="wp-comment-cookies-consent">在此浏览器中保存我的显示名称、邮箱地址和网站地址，以便下次评论时使用。</label>
                                    </p>
                                    <p class="form-submit">
                                        <input name="submit" type="submit" id="submit" class="submit" value="发表评论">
                                        <input type="hidden" name="comment_post_ID" value="{{.post.Id}}" id="comment_post_ID">
                                        <input type="hidden" name="comment_parent" id="comment_parent" value="0">
                                    </p>
                                </form>
                            </div><!-- #respond -->
                                {{else}}
                            <p class="no-comments">评论已关闭。</p>
                        {{end}}
                    </div><!-- .comments-area -->
                {{end}}


                <nav class="navigation post-navigation" aria-label="文章">
                    <h2 class="screen-reader-text">文章导航</h2>

                    <div class="nav-links">
                        {{if gt .prev.Id 0}}
                            <div class="nav-previous">
                                <a href="/p/{{.prev.Id}}" rel="prev">
                                    <span class="meta-nav" aria-hidden="true">上一篇</span>
                                    <span class="screen-reader-text">上篇文章：</span>
                                    <span class="post-title">{{.prev.PostTitle}}</span></a>
                            </div>
                        {{end}}
                        {{if gt .next.Id 0}}
                            <div class="nav-next">
                                <a href="/p/{{.next.Id}}" rel="next">
                                    <span class="meta-nav" aria-hidden="true">下一篇</span>
                                    <span class="screen-reader-text">下篇文章：</span>
                                    <span class="post-title">{{.next.PostTitle}}</span></a>
                            </div>
                        {{end}}

                    </div>
                </nav>
            </main><!-- .site-main -->
        </div>
    {{else}}
        {{template "layout/empty"}}
    {{end }}
{{end}}