{extend name="admin/layout" /}

{block name="content"}
<div class="card mb-4">
    <div class="card-header">
        <form class="row align-items-center" method="get">
            <div class="col">
                <h5 class="mb-0">评论审核 ({$total})</h5>
            </div>
            <div class="col-auto">
                <input type="text" class="form-control form-control-sm" name="keyword" value="{$keyword}" placeholder="搜索内容/IP/邮箱/昵称">
            </div>
            <div class="col-auto">
                <div class="btn-group btn-group-sm">
                    <a href="?status=pending&keyword={:rawurlencode($keyword)}" class="btn {$status == 'pending' ? 'btn-primary' : 'btn-outline-primary'}">待审核</a>
                    <a href="?status=approved&keyword={:rawurlencode($keyword)}" class="btn {$status == 'approved' ? 'btn-primary' : 'btn-outline-primary'}">已通过</a>
                    <a href="?status=rejected&keyword={:rawurlencode($keyword)}" class="btn {$status == 'rejected' ? 'btn-primary' : 'btn-outline-primary'}">已拒绝</a>
                    <a href="?status=all&keyword={:rawurlencode($keyword)}" class="btn {$status == 'all' ? 'btn-primary' : 'btn-outline-primary'}">全部</a>
                </div>
            </div>
            <div class="col-auto">
                <button class="btn btn-sm btn-secondary" type="submit">搜索</button>
            </div>
        </form>
    </div>
    <div class="card-body">
        <div class="mb-3">
            <div class="btn-group btn-group-sm">
                <button class="btn btn-outline-success" onclick="batchAudit('approve')">批量通过</button>
                <button class="btn btn-outline-warning" onclick="batchAudit('reject')">批量拒绝</button>
                <button class="btn btn-outline-danger" onclick="batchAudit('delete')">批量删除</button>
            </div>
        </div>
        <div class="table-responsive">
            <table class="table table-hover">
                <thead>
                    <tr>
                        <th style="width:34px"><input type="checkbox" onclick="toggleAllComments(this)"></th>
                        <th>ID</th>
                        <th>评论者资料</th>
                        <th>内容</th>
                        <th>文章</th>
                        <th>状态</th>
                        <th>时间</th>
                        <th style="width:220px">操作</th>
                    </tr>
                </thead>
                <tbody>
                    {empty name="comments"}
                    <tr><td colspan="8" class="text-center text-muted">暂无评论</td></tr>
                    {/empty}
                    {volist name="comments" id="c"}
                    {php}
                    $displayName = getUserDisplayName($c['couser'] ?? '', $c['coname'] ?? '');
                    $safeText = sanitizeHtml((string)($c['cotext'] ?? ''));
                    foreach (($c['keyword_hits'] ?? []) as $hit) {
                        $safeHit = sanitizeHtml($hit);
                        if ($safeHit !== '') {
                            $safeText = str_replace($safeHit, '<mark>' . $safeHit . '</mark>', $safeText);
                        }
                    }
                    $history = $c['edit_history'] ?? [];
                    {/php}
                    <tr>
                        <td><input type="checkbox" class="comment-check" value="{$c.ecid}"></td>
                        <td>{$c.id}</td>
                        <td>
                            <div><strong>{$displayName}</strong></div>
                            <div class="small text-muted">IP: {$c.ip|default=''}</div>
                            {notempty name="c.coemail"}<div class="small text-muted">Email: {$c.coemail}</div>{/notempty}
                            {notempty name="c.courl"}<div class="small text-muted">URL: {$c.courl}</div>{/notempty}
                            <div class="btn-group btn-group-sm mt-1">
                                <button class="btn btn-outline-secondary" onclick="blacklistComment('{$c.ecid}', 'ip')">拉黑IP</button>
                                <button class="btn btn-outline-secondary" onclick="blacklistComment('{$c.ecid}', 'email')">拉黑邮箱</button>
                                <button class="btn btn-outline-secondary" onclick="blacklistComment('{$c.ecid}', 'name')">拉黑昵称</button>
                            </div>
                        </td>
                        <td style="max-width:360px">
                            <div class="comment-text" id="comment-text-{$c.ecid}">{$safeText|raw}</div>
                            {notempty name="c.keyword_hits"}
                            <div class="mt-1">
                                {volist name="c.keyword_hits" id="hit"}
                                <span class="badge badge-warning">命中：{$hit}</span>
                                {/volist}
                            </div>
                            {/notempty}
                            {notempty name="history"}
                            <details class="mt-2">
                                <summary class="small text-muted">编辑历史 {:count($history)} 条</summary>
                                {volist name="history" id="h"}
                                <div class="small mt-2 p-2" style="background:#f8f9fa;border-radius:4px;">
                                    <div>{$h.created_at} / {$h.admin_user}</div>
                                    <div class="text-muted">原文：{:strCut($h.old_text, 80)}</div>
                                </div>
                                {/volist}
                            </details>
                            {/notempty}
                        </td>
                        <td><a href="/view/{$c.wzcid}" target="_blank">查看文章</a></td>
                        <td>
                            {if condition="isFlag($c['comaud'] ?? 0) === 0"}
                            <span class="badge badge-warning">待审核</span>
                            {elseif condition="isFlag($c['comaud'] ?? 0) === 1"}
                            <span class="badge badge-success">已通过</span>
                            {else}
                            <span class="badge badge-danger">已拒绝</span>
                            {/if}
                        </td>
                        <td>{$c.cotime}</td>
                        <td>
                            <div class="btn-group btn-group-sm mb-1">
                                {if condition="isFlag($c['comaud'] ?? 0) !== 1"}
                                <button class="btn btn-outline-success" onclick="auditComment('{$c.ecid}', 'approve')">通过</button>
                                {/if}
                                {if condition="isFlag($c['comaud'] ?? 0) !== -1"}
                                <button class="btn btn-outline-warning" onclick="auditComment('{$c.ecid}', 'reject')">拒绝</button>
                                {/if}
                                <button class="btn btn-outline-danger" onclick="auditComment('{$c.ecid}', 'delete')">删除</button>
                            </div>
                            <button class="btn btn-sm btn-outline-primary" onclick='editComment("{$c.ecid}", {:json_encode($c["cotext"], JSON_UNESCAPED_UNICODE)})'>编辑</button>
                        </td>
                    </tr>
                    {/volist}
                </tbody>
            </table>
        </div>

        {php}$totalPages = ceil($total / $pageSize);{/php}
        {if condition="$totalPages > 1"}
        <nav>
            <ul class="pagination justify-content-center">
                {if condition="$page > 1"}
                <li class="page-item"><a class="page-link" href="?page={$page-1}&status={$status}&keyword={:rawurlencode($keyword)}">上一页</a></li>
                {/if}
                {php}$pageWindow = \app\service\AdminListService::pageWindow($page, $totalPages);{/php}
                {volist name="pageWindow" id="i"}
                <li class="page-item {$i == $page ? 'active' : ''}">
                    <a class="page-link" href="?page={$i}&status={$status}&keyword={:rawurlencode($keyword)}">{$i}</a>
                </li>
                {/volist}
                {if condition="$page < $totalPages"}
                <li class="page-item"><a class="page-link" href="?page={$page+1}&status={$status}&keyword={:rawurlencode($keyword)}">下一页</a></li>
                {/if}
            </ul>
        </nav>
        {/if}
    </div>
</div>
{/block}

{block name="extraJs"}
<script>
function selectedCommentIds() {
    var ids = [];
    document.querySelectorAll('.comment-check:checked').forEach(function(item) {
        ids.push(item.value);
    });
    return ids;
}
function toggleAllComments(box) {
    document.querySelectorAll('.comment-check').forEach(function(item) {
        item.checked = box.checked;
    });
}
function auditComment(ecid, action) {
    var msg = {
        approve: '确定通过这条评论？',
        reject: '确定拒绝这条评论？',
        delete: '确定删除这条评论？'
    };
    confirmAction(msg[action], function() {
        ajaxRequest('/admin/auditco/audit', {ecid: ecid, action: action}, function() {
            location.reload();
        });
    });
}
function batchAudit(action) {
    var ids = selectedCommentIds();
    if (!ids.length) {
        alert('请先选择评论');
        return;
    }
    confirmAction('确定批量操作选中的 ' + ids.length + ' 条评论？', function() {
        ajaxRequest('/admin/auditco/batch', {ids: ids, action: action}, function() {
            location.reload();
        });
    });
}
function blacklistComment(ecid, field) {
    confirmAction('确定加入评论黑名单？', function() {
        ajaxRequest('/admin/auditco/blacklist', {ecid: ecid, field: field}, function(res) {
            alert(res.msg || '已加入黑名单');
        });
    });
}
function editComment(ecid, text) {
    var next = prompt('编辑评论内容', text || '');
    if (next === null) return;
    next = next.trim();
    if (!next) {
        alert('评论内容不能为空');
        return;
    }
    ajaxRequest('/admin/auditco/edit', {ecid: ecid, cotext: next}, function() {
        location.reload();
    });
}
</script>
{/block}