{{define "circleplus_post"}}
  <div class="thm-circles">
  <div class="mod-back">
    <a href="/circles/{{.Data.Circle.Slug}}/tieba">← 返回 {{.Data.Circle.Name}} · 贴吧</a>
    {{if .Data.IsManager}}
    <a class="btn btn-ghost btn-sm" style="margin-left:10px;" href="/circles/{{.Data.Circle.Slug}}/tieba/mod">{{ico "shield"}} 吧务</a>
    {{end}}
    <a class="btn btn-ghost btn-sm" style="margin-left:10px;" href="/circles/{{.Data.Circle.Slug}}/post/{{.Data.Post.ID}}">{{ico "layout"}} 圈子版</a>
  </div>

  {{/* 主楼 = 1 楼 */}}
  <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>
      {{if eq .Data.Post.Sticky 1}}<span class="echo-pin">置顶</span>{{end}}
      {{if eq .Data.Post.Featured 1}}<span class="pt-chip">{{ico "spark"}} 精华</span>{{end}}
      {{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>
    <div style="display:flex;align-items:baseline;gap:10px;">
      <h1 class="mod-detail-title" style="font-size:21px;margin:0;">{{.Data.Post.Title}}</h1>
      <span class="pt-chip">1 楼</span>
    </div>
    <div class="mod-detail-meta">
      <span>{{.Data.Post.Author}}</span>
      <span>{{ico "clock"}} {{dateTime .Data.Post.CreatedAt}}</span>
      <span>{{.Data.ReplyCount}} 回复</span>
    </div>
    {{if .Data.IsManager}}
    <div style="display:flex;gap:8px;margin-top:12px;">
      <form method="post" action="/circles/{{.Data.Circle.Slug}}/post/{{.Data.Post.ID}}/flag">
        {{if $.CSRF}}<input type="hidden" name="csrf" value="{{$.CSRF}}">{{end}}
        <input type="hidden" name="flag" value="sticky">
        <input type="hidden" name="on" value="{{if eq .Data.Post.Sticky 1}}0{{else}}1{{end}}">
        <button class="btn btn-sm {{if eq .Data.Post.Sticky 1}}btn-primary{{else}}btn-ghost{{end}}" type="submit">{{if eq .Data.Post.Sticky 1}}{{ico "pin"}} 取消置顶{{else}}{{ico "pin"}} 置顶{{end}}</button>
      </form>
      <form method="post" action="/circles/{{.Data.Circle.Slug}}/post/{{.Data.Post.ID}}/flag">
        {{if $.CSRF}}<input type="hidden" name="csrf" value="{{$.CSRF}}">{{end}}
        <input type="hidden" name="flag" value="featured">
        <input type="hidden" name="on" value="{{if eq .Data.Post.Featured 1}}0{{else}}1{{end}}">
        <button class="btn btn-sm {{if eq .Data.Post.Featured 1}}btn-primary{{else}}btn-ghost{{end}}" type="submit">{{if eq .Data.Post.Featured 1}}{{ico "spark"}} 取消加精{{else}}{{ico "spark"}} 加精{{end}}</button>
      </form>
    </div>
    {{end}}
  </article>

  <div class="mod-panel" style="padding:24px 28px;">
    {{if eq .Data.Post.Type "longform"}}
    <div class="pt-longform-body" data-mention-highlight>{{.Data.Body}}</div>
    {{else}}
    <div class="tribe-post-content" data-mention-highlight>{{.Data.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")}}
    <p style="color:var(--muted);font-size:12.5px;margin-top:14px;">
      {{ico "info"}} 本帖为{{if eq .Data.Post.Type "poll"}}投票{{else if eq .Data.Post.Type "gallery"}}多图{{else if eq .Data.Post.Type "product"}}商品{{else if eq .Data.Post.Type "debate"}}辩论{{else}}视频{{end}}帖，完整交互请在
      <a href="/circles/{{.Data.Circle.Slug}}/post/{{.Data.Post.ID}}">圈子版详情</a>中操作。
    </p>
    {{end}}

    <div style="display:flex;gap:10px;flex-wrap:wrap;margin-top:20px;padding-top:14px;border-top:1px dashed var(--line);">
      {{template "fav_button" dict "VD" . "Type" "circle" "Key" (printf "%d" .Data.Post.ID) "Title" .Data.Post.Title "URL" (printf "/circles/%s/post/%d/tieba" .Data.Circle.Slug .Data.Post.ID)}}
      <form method="post" action="/circles/{{.Data.Circle.Slug}}/tieba/report" style="display:inline;">
        {{if $.CSRF}}<input type="hidden" name="csrf" value="{{$.CSRF}}">{{end}}
        <input type="hidden" name="target_type" value="circle_post">
        <input type="hidden" name="target_id" value="{{.Data.Post.ID}}">
        <input type="hidden" name="reason" value="举报此楼内容">
        <button class="btn btn-ghost btn-sm" type="submit" title="举报此楼">{{ico "flag"}} 举报</button>
      </form>
    </div>
  </div>

  {{/* 回复输入（仅吧模式，未封禁可发） */}}
  {{if .Data.CurrentUser}}
    {{if .Data.Banned}}
    <div class="empty" style="padding:18px;">你已被本吧封禁，无法回复。</div>
    {{else}}
    <form method="post" action="/circles/{{.Data.Circle.Slug}}/post/{{.Data.Post.ID}}/reply" class="mod-panel" style="padding:18px 20px;margin-top:14px;">
      {{if $.CSRF}}<input type="hidden" name="csrf" value="{{$.CSRF}}">{{end}}
      <input type="hidden" name="parent_id" value="0">
      <textarea name="content" placeholder="写回复…（以 {{.Data.CurrentUser}} 的身份，楼中楼可点楼层右下角「回复」）" rows="3" maxlength="2000" required></textarea>
      <div style="display:flex;justify-content:flex-end;gap:10px;align-items:center;margin-top:8px;">
        <span style="color:var(--muted);font-size:12.5px;">回复占一层楼</span>
        <button class="btn btn-primary btn-sm" type="submit">{{ico "send"}} 发表回复</button>
      </div>
    </form>
    {{end}}
  {{else}}
  <div class="empty" style="padding:18px;margin-top:14px;">
    登录后才能回复。<a class="btn btn-primary btn-sm" href="/admin/login">去登录</a>
  </div>
  {{end}}

  {{/* 楼层流：2 楼起按序展示，楼中楼嵌套 */}}
  <div style="margin-top:16px;">
    <h3 style="font-size:15px;margin:0 0 10px;">全部回复（{{.Data.ReplyCount}}）</h3>
    {{range .Data.Replies}}
    <article class="mod-panel" style="padding:16px 20px;margin-bottom:10px;">
      <div style="display:flex;align-items:baseline;gap:10px;">
        <span class="pt-chip">{{.Floor}} 楼</span>
        <b>{{.Author}}</b>
        <span style="color:var(--muted);font-size:12.5px;">{{dateTime .CreatedAt}}</span>
        <span style="flex:1;"></span>
        <a class="btn btn-ghost btn-sm" href="#reply-{{.ID}}" data-jump-input="{{.ID}}" onclick="var i=document.getElementById('reply-input-{{.ID}}');if(i){i.style.display='block';i.value='';i.scrollIntoView();i.focus();}return false;">{{ico "reply"}} 回复</a>
        <form method="post" action="/circles/{{$.Data.Circle.Slug}}/tieba/report" style="display:inline;">
          {{if $.CSRF}}<input type="hidden" name="csrf" value="{{$.CSRF}}">{{end}}
          <input type="hidden" name="target_type" value="circle_reply">
          <input type="hidden" name="target_id" value="{{.ID}}">
          <input type="hidden" name="reason" value="举报此楼内容">
          <button class="btn btn-ghost btn-sm" type="submit" title="举报此楼">{{ico "flag"}}</button>
        </form>
      </div>
      <div style="margin-top:8px;line-height:1.7;" data-mention-highlight>{{.Content}}</div>

      {{/* 楼中楼（嵌套回复） */}}
      {{range .Children}}
      <div style="margin-top:10px;padding:10px 14px;background:var(--panel-soft,#f5f6f8);border-left:3px solid var(--line);">
        <div style="display:flex;align-items:baseline;gap:10px;">
          <span class="pt-chip" style="font-size:11px;">回复</span>
          <b>{{.Author}}</b>
          <span style="color:var(--muted);font-size:12px;">{{dateTime .CreatedAt}}</span>
        </div>
        <div style="margin-top:6px;font-size:13.5px;line-height:1.6;" data-mention-highlight>{{.Content}}</div>
        {{range .Children}}
        <div style="margin-top:8px;padding:8px 12px;border-left:3px solid var(--line);">
          <b style="font-size:12.5px;">{{.Author}}</b>
          <span style="color:var(--muted);font-size:12px;"> · {{dateTime .CreatedAt}}</span>
          <div style="margin-top:4px;font-size:13px;line-height:1.6;" data-mention-highlight>{{.Content}}</div>
        </div>
        {{end}}
      </div>
      {{end}}

      {{if $.Data.CurrentUser}}
      <form method="post" action="/circles/{{$.Data.Circle.Slug}}/post/{{$.Data.Post.ID}}/reply" id="reply-input-{{.ID}}" style="margin-top:10px;display:none;">
        {{if $.CSRF}}<input type="hidden" name="csrf" value="{{$.CSRF}}">{{end}}
        <input type="hidden" name="parent_id" value="{{.ID}}">
        <textarea name="content" placeholder="回复 {{.Author}}（楼中楼）" rows="2" maxlength="1000"></textarea>
        <div style="display:flex;justify-content:flex-end;margin-top:6px;"><button class="btn btn-primary btn-sm" type="submit">{{ico "send"}} 回复</button></div>
      </form>
      {{end}}
    </article>
    {{else}}
    <div class="empty" style="padding:30px 20px;">
      <h3>还没有回复</h3>
      <p>抢个沙发，做 2 楼。</p>
    </div>
    {{end}}
  </div>

  <p style="text-align:center;color:var(--muted);font-size:12.5px;margin:16px 0 0;">
    楼层流由「圈吧模式」插件提供 · 圈子与贴吧共享同一份数据
  </p>
  {{template "module_meta" .}}
  </div>
{{end}}