{{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>

    {{if .Data.AuthorName}}
    <div class="blog-byline{{if .Data.Coauthors}} blog-byline-multi{{end}}">
      <span class="blog-byline-role">作者</span>
      {{if .Data.AuthorUsername}}
      <a class="blog-byline-name" href="/u/{{.Data.AuthorUsername}}">{{.Data.AuthorName}}</a>
      {{else}}
      <span class="blog-byline-name">{{.Data.AuthorName}}</span>
      {{end}}
      {{if .Data.Coauthors}}
      <span class="blog-byline-plus">＋</span>
      <span class="blog-byline-role blog-byline-role-co">共创</span>
      <span class="blog-byline-names">{{range $i, $c := .Data.Coauthors}}{{if $i}}<span class="blog-byline-sep">·</span>{{end}}<a class="blog-byline-name blog-byline-name-co" href="/u/{{$c.Username}}">{{$c.Display}}</a>{{end}}</span>
      <span class="blog-byline-tip">本文由多人共同署名创作</span>
      {{end}}
    </div>
    {{end}}

    <div class="article-meta">
      <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 .Data.CanEdit}}<a class="btn btn-ghost btn-sm blog-write-btn" href="/admin/posts/{{.Data.Post.ID}}/edit">{{ico "pen"}} 共同编辑</a>{{end}}
      {{if hasPerm .Perms "post.manage"}}<a class="btn btn-ghost btn-sm blog-write-btn" href="/publish">{{ico "pen"}} 写文章</a>{{end}}
    </div>
    <div class="article-body">
      {{.Data.Body}}
    </div>
  </article>

  {{if .Data.EditHistory}}
  <section class="comments blog-edits" id="edits">
    <h2>共同编辑记录（{{len .Data.EditHistory}}）</h2>
    <p class="blog-edits-tip">多人共同创作时，每次保存都会留下「谁在什么时候改了什么」，避免相互覆盖。</p>
    {{$first := index .Data.EditHistory 0}}
    <div class="blog-edits-latest">
      最近编辑：<strong>{{$first.Display}}</strong> · {{dateTime $first.CreatedAt}}{{if $first.Note}} · {{$first.Note}}{{end}}
    </div>
    <div class="blog-edits-list">
      {{range $i, $v := .Data.EditHistory}}
      {{if gt $i 0}}
      <div class="blog-edit-item">
        <span class="blog-edit-ver">v{{$v.Version}}</span>
        <span class="blog-edit-who">{{$v.Display}}</span>
        <span class="blog-edit-when">{{dateTime $v.CreatedAt}}</span>
        {{if $v.Note}}<span class="blog-edit-note">{{$v.Note}}</span>{{end}}
      </div>
      {{end}}
      {{end}}
    </div>
  </section>
  {{end}}

  <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}}