{{define "post"}}
  <link rel="stylesheet" href="/static/css/blog.css?v={{assetVer}}">

  {{if .Data.CoIgnored}}<div class="blog-note">{{.Data.CoIgnored}}</div>{{end}}

  {{if .Data.MyInvite}}
  <div class="blog-invite">
    <span class="blog-invite-text">{{.Data.MyInvite.InviterName}} 邀请你共同署名，是否接受？</span>
    <form class="blog-invite-actions" method="post" action="/post/{{.Data.Post.Slug}}/coauthor">
      <input type="hidden" name="csrf" value="{{.CSRF}}">
      <button class="btn btn-primary btn-sm blog-nowrap" type="submit" name="action" value="accept">接受</button>
      <button class="btn btn-ghost btn-sm blog-nowrap" type="submit" name="action" value="decline">谢绝</button>
    </form>
  </div>
  {{end}}

  <article class="post-article">
    <h1>{{.Data.Post.Title}}</h1>
    <div class="article-meta">
      {{if .Data.AuthorName}}<span class="blog-author-line">作者：{{.Data.AuthorName}}{{if .Data.Coauthors}} · 共创：{{range $i, $c := .Data.Coauthors}}{{if $i}}、{{end}}{{$c.Display}}{{end}}{{end}}</span>{{end}}
      <span>{{date .Data.Post.CreatedAt}}</span>
      {{if .Data.Post.CategoryName}}<a href="/category/{{.Data.Post.CategorySlug}}">{{.Data.Post.CategoryName}}</a>{{end}}
      <span>阅读 {{.Data.Post.Views}}</span>
      {{range .Data.Post.Tags}}<a class="tag" href="/tag/{{.Slug}}">{{.Name}}</a>{{end}}
      {{template "fav_button" dict "VD" . "Type" "blog" "Key" .Data.Post.Slug "Title" .Data.Post.Title "URL" (printf "/post/%s" .Data.Post.Slug)}}
      {{if hasPerm .Perms "post.manage"}}<a class="btn btn-ghost btn-sm blog-write-btn" href="/publish">✍ 写文章</a>{{end}}
    </div>
    <div class="article-body">
      {{.Data.Body}}
    </div>
  </article>

  <section class="comments">
    <h2>评论（{{len .Data.Comments}}）</h2>
    {{range .Data.Comments}}
    <div class="comment-item">
      <div>
        <span class="c-name">{{.Name}}</span>
        <span class="c-time">{{dateTime .CreatedAt}}</span>
      </div>
      <div class="c-content">{{.Content}}</div>
    </div>
    {{else}}
    <div class="empty" style="padding:30px 20px;">
      <h3>还没有评论</h3>
      <p>做第一个留下想法的人吧。</p>
    </div>
    {{end}}

    <form class="comment-form" method="post" action="/post/{{.Data.Post.Slug}}/comment">
      <div class="field">
        <input type="text" name="name" placeholder="你的昵称" maxlength="40" required>
      </div>
      <div class="field hp" aria-hidden="true">
        <input type="text" name="website" tabindex="-1" autocomplete="off">
      </div>
      <div class="field">
        <textarea name="content" placeholder="写下你的想法…" maxlength="1000" required></textarea>
      </div>
      {{captchaField}}
      <button class="btn btn-primary" type="submit">发表评论</button>
    </form>
  </section>
{{end}}