{{/*
  parts/reply_card.html — 回复卡片片段
  模板名：reply-card
  数据：utils.ReplyPageItem

  使用场景：
    1. post.html 初始渲染时通过 {{range .Replies}}{{template "reply-card" .}}{{end}} 内联
    2. HTMXReplyNew handler 返回此片段，HTMX 追加到 #reply-list

  关键字段：
    .RID         uint64
    .AuthorUID   uint64
    .AuthorName  string
    .AuthorAver  int64
    .ContentHTML template.HTML  ← 已渲染，直接输出，不会被转义
    .CreatedAt   time.Time
    .IsOwner     bool           ← 是否为当前登录用户的回复（服务端设置）

  删除按钮：
    仅 .IsOwner=true 时显示，调用 post.html 中定义的 hpDeleteReply(rid)
*/}}
{{define "reply-card"}}
<div class="reply-card" id="reply-{{.RID}}">
  <div class="reply-card-header">
    <a href="/u/{{.AuthorUID}}" style="flex-shrink:0;">
      <div class="avatar-wrapper">
        <div class="avatar avatar--sm">
          <img src="{{avatarURL .AuthorUID .AuthorAver}}"
               alt="{{.AuthorName}}"
               loading="lazy" />
        </div>
      </div>
    </a>
    <div class="reply-card-meta">
      <div class="reply-card-author-row">
        <div class="reply-card-author-left">
          <a href="/u/{{.AuthorUID}}" class="reply-item-author">
            {{.AuthorName}}
          </a>
        </div>
        <div style="display:flex;align-items:center;gap:0.25rem">
          <span class="reply-item-time">{{fmtdatetime .CreatedAt}}</span>
          {{if .IsOwner}}
          <button type="button"
                  class="btn btn--ghost btn--icon btn--danger btn--xs"
                  title="{{t "common.delete"}}"
                  onclick="hpDeleteReply({{.RID}})">
            {{icon "trash-2" 14}}
          </button>
          {{end}}
        </div>
      </div>
    </div>
  </div>
  <div class="reply-card-content">
    {{.ContentHTML}}
  </div>
</div>
{{end}}