{{define "camp_circles_post"}}
<div class="camp-page">
  <div class="mod-back"><a href="/circles/{{.Data.Circle.Slug}}">← 返回 {{.Data.Circle.Name}}</a></div>

  <article class="mod-detail-head">
    <div class="mod-card-top" style="margin-bottom:8px;">
      <a href="/circles/{{.Data.Circle.Slug}}" class="mod-chip" style="text-decoration:none;">{{ico "compass"}} {{.Data.Circle.Name}}</a>
      <span class="camp-planet-mood" title="{{.Data.Circle.MoodDesc}}">{{.Data.Circle.Mood}}</span>
      {{if ne .Data.Post.Type "text"}}
      <span class="pt-chip">
        {{if eq .Data.Post.Type "poll"}}{{ico "check"}} 投票
        {{else if eq .Data.Post.Type "gallery"}}{{ico "image"}} 多图
        {{else if eq .Data.Post.Type "debate"}}{{ico "sliders"}} 辩论
        {{else if eq .Data.Post.Type "product"}}{{ico "bag"}} 商品
        {{else if eq .Data.Post.Type "longform"}}{{ico "file"}} 长文
        {{else if eq .Data.Post.Type "video"}}{{ico "camera"}} 视频
        {{end}}
      </span>
      {{end}}
    </div>
    <h1 class="mod-detail-title">{{.Data.Post.Title}}</h1>
    <div class="mod-detail-meta">
      <span>{{.Data.Post.Author}}</span>
      <span>{{ico "clock"}} {{dateTime .Data.Post.CreatedAt}}</span>
      {{template "fav_button" dict "VD" . "Type" "circle" "Key" (printf "%d" .Data.Post.ID) "Title" .Data.Post.Title "URL" .Data.Post.URL}}
    </div>
  </article>

  <div class="camp-signal" style="padding:26px 30px;">
    {{if eq .Data.Post.Type "longform"}}
    <div class="pt-longform-body">{{.Data.Post.Body}}</div>
    {{else}}
    <div class="camp-post-content">{{.Data.Post.Body}}</div>
    {{end}}

    {{if or (eq .Data.Post.Type "poll") (eq .Data.Post.Type "gallery") (eq .Data.Post.Type "product") (eq .Data.Post.Type "debate") (eq .Data.Post.Type "video")}}
    {{template "post_type_blocks" dict
      "Type" .Data.Post.Type
      "Config" .Data.Post.Config
      "Poll" .Data.Post.Poll
      "Debate" .Data.Post.Debate
      "PollURL" (printf "/circles/%s/post/%d/vote" .Data.Circle.Slug .Data.Post.ID)
      "DebateURL" (printf "/circles/%s/post/%d/debate" .Data.Circle.Slug .Data.Post.ID)
    }}
    {{end}}

    <div style="display:flex;gap:10px;flex-wrap:wrap;margin-top:24px;padding-top:18px;border-top:1px dashed var(--line);">
      <a class="btn btn-primary btn-sm" href="/circles/{{.Data.Circle.Slug}}">回星球接着聊</a>
      <a class="btn btn-ghost btn-sm" href="/circles">逛逛其他星球</a>
    </div>
  </div>

  <p style="text-align:center;color:var(--muted);font-size:12.5px;line-height:1.9;margin:0 0 20px;">
    这条信号来自「{{.Data.Circle.Name}}」。星球是大家聊天的地方，这里是一句话被单独留下、可以慢慢读的地方。
  </p>
</div>
{{end}}