{% extends "admin_base.html" %}
{% set active = 'comments' %}
{% block admin_content %}
<div class="page-head">
  <h1 class="page-title">评论审核</h1>
  <div class="tabs">
    <a class="tab {% if status == 'pending' %}active{% endif %}" href="?status=pending">待审核 <em>{{ counts['pending'] }}</em></a>
    <a class="tab {% if status == 'approved' %}active{% endif %}" href="?status=approved">已通过 <em>{{ counts['approved'] }}</em></a>
    <a class="tab {% if status == 'rejected' %}active{% endif %}" href="?status=rejected">已驳回 <em>{{ counts['rejected'] }}</em></a>
  </div>
</div>
<div class="panel">
  {% for r in rows %}
  <div class="comment-admin-item">
    <div class="comment-head">
      <strong>{{ r['nickname'] }}</strong>
      {% if r['is_admin'] %}<span class="admin-badge">管理员</span>{% endif %}
      {% if r['parent_id'] %}<span class="tag-pill">回复</span>{% endif %}
      <span class="muted small">评论《{{ r['software_name'] }}》{% if r['client_ip'] %} · {{ r['client_ip'] }}{% endif %} · {{ r['created_at'] }}</span>
    </div>
    {% if r['parent_content'] %}
    <div class="quote-line">回复 @{{ r['parent_nickname'] }}：{{ r['parent_content'][:80] }}</div>
    {% endif %}
    <div class="comment-body">{{ r['content'] }}</div>
    <div class="comment-actions">
      {% if r['status'] != 'approved' %}
      <form method="post" action="/admin/comments/{{ r['id'] }}/approve" class="inline"><button class="btn btn-sm btn-primary" type="submit">通过</button></form>
      {% endif %}
      {% if r['status'] != 'rejected' %}
      <form method="post" action="/admin/comments/{{ r['id'] }}/reject" class="inline"><button class="btn btn-sm btn-ghost" type="submit">驳回</button></form>
      {% endif %}
      <button class="btn btn-sm btn-ghost admin-reply-toggle" type="button" data-target="reply-{{ r['id'] }}">回复</button>
      <form method="post" action="/admin/comments/{{ r['id'] }}/delete" class="inline" onsubmit="return confirm('彻底删除这条评论？其下的回复会一并删除。')"><button class="btn btn-sm btn-danger" type="submit">删除</button></form>
    </div>
    <form class="admin-reply-form" id="reply-{{ r['id'] }}" method="post" action="/admin/comments/{{ r['id'] }}/reply" hidden>
      <input type="text" name="content" maxlength="1000" required placeholder="以管理员身份回复，提交后直接显示在前台…">
      <button class="btn btn-sm btn-primary" type="submit">提交回复</button>
    </form>
  </div>
  {% else %}
  <p class="muted">该状态下暂无评论</p>
  {% endfor %}
</div>
<script>
// 回复框展开/收起（本页轻量交互，不放进全局 main.js）
document.querySelectorAll(".admin-reply-toggle").forEach(function (btn) {
  btn.addEventListener("click", function () {
    var f = document.getElementById(btn.getAttribute("data-target"));
    if (f) { f.hidden = !f.hidden; if (!f.hidden) f.querySelector("input").focus(); }
  });
});
</script>
{% endblock %}