{{define "post"}}
  <article class="post-article">
    <h1>{{.Data.Post.Title}}</h1>
    <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)}}
    </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>
      <button class="btn btn-primary" type="submit">发表评论</button>
    </form>
  </section>
{{end}}