{{define "post/comment_item"}}
<li class="j13-comment j13-comment--depth-{{.Depth}}" id="floor-{{.Floor}}" data-comment-id="{{.ID}}" data-floor="{{.Floor}}" data-author="{{.AuthorName}}" data-depth="{{.Depth}}">
  <div class="j13-comment__meta">
    <span class="j13-comment__floor">#{{.Floor}}</span>
    {{if .AuthorID}}<a href="/user/{{.AuthorID}}{{.PermalinkSuffix}}">{{.AuthorName}}</a>{{else}}<span>{{.AuthorName}}</span>{{end}}
    <span>{{.CreatedLabel}}</span>
    {{if .StatusLabel}}<span class="j13-tag j13-tag--{{.Status}}">{{.StatusLabel}}</span>{{end}}
    {{if .IsPrivate}}<span class="j13-tag">私密</span>{{end}}
    {{if .IsBountyAward}}<span class="j13-tag j13-tag--resolved">已采纳</span>{{end}}
    {{if .ReplyToFloor}}
    <span class="j13-comment__reply-to">回复 <a href="#floor-{{.ReplyToFloor}}">#{{.ReplyToFloor}}</a>{{if .ReplyToAuthor}} {{.ReplyToAuthor}}{{end}}</span>
    {{end}}
  </div>
  {{if .ContentHidden}}
  <p class="j13-muted">（私密评论不可见）</p>
  {{else}}
  <div class="j13-comment__body">{{safeHTML .Content}}</div>
  {{end}}
  {{if .LoggedIn}}
  <div class="j13-comment__actions">
    {{if .CanAwardBounty}}
    <form method="post" action="/post/{{.PostID}}/bounty/award" class="j13-inline-form">
      <input type="hidden" name="_csrf" value="{{.CSRF}}"/>
      <input type="hidden" name="comment_id" value="{{.ID}}"/>
      <button type="submit">采纳并发放悬赏</button>
    </form>
    {{end}}
    <form method="post" action="/post/{{.PostID}}/comments/{{.ID}}/like" class="j13-inline-form">
      <input type="hidden" name="_csrf" value="{{.CSRF}}"/>
      <button type="submit" class="j13-linkbtn">{{if .Liked}}取消赞{{else}}赞{{end}} ({{.LikeCount}})</button>
    </form>
    {{if not .CommentsLocked}}
    <button type="button" class="j13-linkbtn j13-comment__reply-btn" data-reply-to="{{.ID}}" data-reply-floor="{{.Floor}}" data-reply-author="{{.AuthorName}}">回复</button>
    {{end}}
    {{if .CanEdit}}
    <a class="j13-linkbtn" href="/post/{{.PostID}}/comments/{{.ID}}/edit">编辑</a>
    {{end}}
    {{if .CanDelete}}
    <form method="post" action="/post/{{.PostID}}/comments/{{.ID}}/delete" class="j13-inline-form" onsubmit="return confirm('确定删除该评论？回复也会一并移入回收站。');">
      <input type="hidden" name="_csrf" value="{{.CSRF}}"/>
      <button type="submit" class="j13-linkbtn">删除</button>
    </form>
    {{end}}
    {{if .CanReport}}
    <details class="j13-report">
      <summary class="j13-linkbtn">举报</summary>
      <form method="post" action="/post/{{.PostID}}/comments/{{.ID}}/report" class="j13-report__form">
        <input type="hidden" name="_csrf" value="{{.CSRF}}"/>
        <label>原因
          <select name="reason" required>
            <option value="">请选择</option>
            <option value="spam">垃圾广告</option>
            <option value="abuse">人身攻击 / 辱骂</option>
            <option value="illegal">违法违规</option>
            <option value="irrelevant">内容无关 / 灌水</option>
            <option value="other">其他</option>
          </select>
        </label>
        <label>补充说明（可选）
          <input name="detail" maxlength="500" placeholder="可选"/>
        </label>
        <button type="submit" class="j13-btn j13-btn--sm">提交举报</button>
      </form>
    </details>
    {{end}}
  </div>
  {{end}}
  {{if .Children}}
  <ul class="j13-comment-list j13-comment-list--nested">
    {{range .Children}}{{template "post/comment_item" ($.Wrap .)}}{{end}}
  </ul>
  {{end}}
</li>
{{end}}