{% extends "admin/base.html" %}

{% block main_content %}
<section class="table-panel">
    <div class="table-head">
        <div>
            <h2>评论队列</h2>
            <div class="table-note">处理前台真实评论，并能一键跳到对应文章页核对展示。</div>
        </div>
    </div>

    {% if rows | length > 0 %}
    <div class="table-wrap">
        <table>
            <thead>
                <tr>
                    <th>ID</th>
                    <th>作者 / 文章</th>
                    <th>内容</th>
                    <th>状态</th>
                    <th>时间</th>
                    <th>操作</th>
                </tr>
            </thead>
            <tbody>
                {% for row in rows %}
                <tr>
                    <td class="mono">#{{ row.id }}</td>
                    <td>
                        <div class="item-title">
                            <strong>{{ row.author }}</strong>
                            <span class="item-meta">{{ row.post_slug }}</span>
                            {% if row.frontend_url %}
                            <a href="{{ row.frontend_url }}" class="inline-link" target="_blank" rel="noreferrer noopener">跳到前台文章</a>
                            {% endif %}
                        </div>
                    </td>
                    <td>{{ row.content }}</td>
                    <td>
                        {% if row.approved %}
                        <span class="badge badge-success">已审核</span>
                        {% else %}
                        <span class="badge badge-warning">待审核</span>
                        {% endif %}
                    </td>
                    <td class="mono">{{ row.created_at }}</td>
                    <td>
                        <div class="actions">
                            <button class="btn btn-success" onclick='adminPatch("{{ row.api_url }}", {"approved": true}, "评论状态已更新")'>通过</button>
                            <button class="btn btn-warning" onclick='adminPatch("{{ row.api_url }}", {"approved": false}, "评论状态已更新")'>待审</button>
                            <a href="{{ row.api_url }}" class="btn btn-ghost" target="_blank" rel="noreferrer noopener">API</a>
                        </div>
                    </td>
                </tr>
                {% endfor %}
            </tbody>
        </table>
    </div>
    {% else %}
    <div class="empty">暂无评论数据。</div>
    {% endif %}
</section>
{% endblock %}