{{define "paper_post"}}
  <article class="paper-article">
    <div class="paper-article-kicker">
      {{if .Data.Post.CategoryName}}<a href="/category/{{.Data.Post.CategorySlug}}">{{.Data.Post.CategoryName}}</a>{{else}}随笔{{end}}
      <span>·</span>
      <span>{{date .Data.Post.CreatedAt}}</span>
    </div>
    <h1 class="paper-article-title">{{.Data.Post.Title}}</h1>
    <div class="paper-article-meta">
      <span class="paper-article-author">作者 {{.Site.Name}}</span>
      <span>阅读 {{.Data.Post.Views}}</span>
      {{range .Data.Post.Tags}}<a class="paper-tag" href="/tag/{{.Slug}}">#{{.Name}}</a>{{end}}
    </div>
    <div class="paper-article-body">
      {{.Data.Body}}
    </div>
    <div class="paper-article-end">— 全文完 · 感谢慢读 —</div>
  </article>

  <section class="paper-comments">
    <h2 class="paper-comments-title">评论（{{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>
      <button class="btn btn-primary" type="submit">发表评论</button>
    </form>
  </section>
{{end}}