{include file="app/manage/view/index/emlog_nav"}

<h1 class="page-title">
    <i class="fas fa-ban"></i>
    违规词检测
    <span class="badge badge-info ml-2">词库 {intval($wordCount)} 个</span>
</h1>

<div class="alert alert-secondary">
    <i class="fas fa-info-circle mr-1"></i> 本地词库实时检测内容中的违规词，并可接入第三方内容审核接口（免费合作）做二次识别。
</div>

<!-- 配置 -->
<form method="post" id="cfgForm" onsubmit="return false;">
    <div class="card mb-3">
        <div class="card-header font-weight-bold">检测设置</div>
        <div class="card-body">
            <div class="form-group form-check">
                <input type="checkbox" class="form-check-input" id="auto_check" name="auto_check" value="1" {if $cfg.auto_check=='1'}checked{/if}>
                <label class="form-check-label" for="auto_check">内容发布时自动检测违规词</label>
            </div>
            <div class="form-group">
                <label>附加关键词（每行一个，无需建表即可生效）</label>
                <textarea class="form-control" name="extra_words" rows="4">{htmlspecialchars($cfg.extra_words, ENT_QUOTES, 'UTF-8')}</textarea>
            </div>
        </div>
    </div>

    <div class="card mb-3">
        <div class="card-header font-weight-bold">第三方内容审核接口（免费合作）</div>
        <div class="card-body">
            <div class="form-group form-check">
                <input type="checkbox" class="form-check-input" id="enable_api" name="enable_api" value="1" {if $cfg.enable_api=='1'}checked{/if}>
                <label class="form-check-label" for="enable_api">启用第三方接口</label>
            </div>
            <div class="form-group">
                <label>接口地址（POST，接收 {"text":"...","key":"..."}，返回 {"hits":["词"]}）</label>
                <input type="text" class="form-control" name="api_url" value="{htmlspecialchars($cfg.api_url, ENT_QUOTES, 'UTF-8')}" placeholder="https://your-moderation-api.example/check">
            </div>
            <div class="form-group">
                <label>接口密钥（可选）</label>
                <input type="text" class="form-control" name="api_key" value="{htmlspecialchars($cfg.api_key, ENT_QUOTES, 'UTF-8')}">
            </div>
            <small class="text-muted">未配置接口时仅使用本地词库检测，不影响正常使用。</small>
        </div>
    </div>

    <button type="button" class="btn btn-primary" id="saveWordBtn" onclick="saveWord()"><i class="fas fa-save mr-1"></i> 保存设置</button>
</form>

<!-- 实时检测 -->
<div class="card mt-4">
    <div class="card-header font-weight-bold">实时检测</div>
    <div class="card-body">
        <textarea class="form-control" id="testText" rows="3" placeholder="输入要检测的文本…"></textarea>
        <button class="btn btn-sm btn-info mt-2" onclick="liveCheck()"><i class="fas fa-search"></i> 检测</button>
        <div id="checkResult" class="mt-2"></div>
    </div>
</div>

<!-- 词库管理 -->
<div class="card mt-4">
    <div class="card-header font-weight-bold">敏感词库（yun_sensitive_word）</div>
    <div class="card-body">
        <form class="form-inline mb-3" id="wordForm">
            <input type="text" class="form-control form-control-sm mr-2" name="word" id="wordInput" placeholder="新增违规词" required>
            <select class="form-control form-control-sm mr-2" name="level" id="levelInput">
                <option value="1">低危</option>
                <option value="2">中危</option>
                <option value="3">高危</option>
            </select>
            <input type="text" class="form-control form-control-sm mr-2" name="category" id="catInput" placeholder="分类（可选）">
            <button type="button" class="btn btn-sm btn-success" onclick="addWord()"><i class="fas fa-plus"></i> 添加</button>
        </form>
        <div class="table-responsive">
            <table class="table table-sm table-hover">
                <thead class="thead-light"><tr><th>词</th><th class="w-70">等级</th><th class="w-120">分类</th><th class="w-60">操作</th></tr></thead>
                <tbody>
                {if !empty($words)}
                {foreach $words as $w}
                    <tr>
                        <td><code>{htmlspecialchars($w.word, ENT_QUOTES, 'UTF-8')}</code></td>
                        <td><span class="badge {$w.level_badge}">{$w.level_label}</span></td>
                        <td>{htmlspecialchars($w.category, ENT_QUOTES, 'UTF-8')}</td>
                        <td><button class="btn btn-xs btn-outline-danger" onclick="delWord({intval($w.id)})"><i class="fas fa-trash"></i></button></td>
                    </tr>
                {/foreach}
                {else}
                    <tr><td colspan="4" class="text-center text-muted py-3">词库为空，添加或使用扫描自动入库</td></tr>
                {/if}
                </tbody>
            </table>
        </div>
    </div>
</div>

<!-- 内容扫描 -->
<div class="card mt-4">
    <div class="card-header font-weight-bold">内容库扫描</div>
    <div class="card-body">
        <div class="form-inline">
            <select class="form-control form-control-sm mr-2" id="scanScope">
                {foreach $scopes as $k=>$v}
                <option value="{$k}">{$v}（{$k}）</option>
                {/foreach}
            </select>
            <button class="btn btn-sm btn-warning" onclick="scanContent()"><i class="fas fa-tar"></i> 开始扫描</button>
        </div>
        <div id="scanResult" class="mt-3"></div>
    </div>
</div>

{include file="app/manage/view/index/emlog_footer"}

<script>
function postJSON(url, data, cb){
    var fd = new FormData();
    for (var k in data) fd.append(k, data[k]);
    // 使用 jQuery( layui 内置 ) 发送，确保携带登录 Cookie
    var $ = (window.layui && window.layui.jquery) ? window.layui.jquery : (window.jQuery || window.$);
    if ($) {
        $.ajax({
            url: url, type: 'POST', data: fd, processData: false, contentType: false,
            xhrFields: { withCredentials: true },
            success: function(res){ cb(res); },
            error: function(){ showToast('请求失败，请检查网络或服务器的会话是否已过期', 'danger'); }
        });
    } else {
        var xhr = new XMLHttpRequest();
        xhr.open('POST', url, true);
        xhr.onreadystatechange = function(){
            if (xhr.readyState !== 4) return;
            if (xhr.status !== 200) { showToast('请求失败，请重试', 'danger'); return; }
            try { cb(JSON.parse(xhr.responseText)); } catch(e) { showToast('响应异常', 'danger'); }
        };
        xhr.send(fd);
    }
}
function saveWord(){
    var form = document.getElementById('cfgForm');
    var btn = document.getElementById('saveWordBtn');
    var data = {};
    form.querySelectorAll('input, textarea, select').forEach(function(input){
        if (input.type === 'checkbox') { data[input.name] = input.checked ? '1' : '0'; }
        else { data[input.name] = input.value; }
    });
    btn.disabled = true;
    btn.innerHTML = '<i class="fas fa-spinner fa-spin mr-1"></i> 保存中...';
    postJSON('index.php?r=manage/word/save', data, function(res){
        btn.disabled = false;
        btn.innerHTML = '<i class="fas fa-save mr-1"></i> 保存设置';
        if (res && res.status === 'y') { showToast(res.info || '保存成功', 'success'); }
        else { showToast((res && res.info) ? res.info : '保存失败', 'danger'); }
    });
}
function liveCheck(){
    var t = document.getElementById('testText').value;
    if (!t.trim()) { showToast('请输入文本', 'danger'); return; }
    postJSON('index.php?r=manage/word/check', {text:t}, function(res){
        var box = document.getElementById('checkResult');
        if (res && res.ok) { box.innerHTML = '<div class="alert alert-success mb-0">未检测到违规词</div>'; }
        else if (res) {
            box.innerHTML = '<div class="alert alert-danger mb-0">命中违规词：<b>' + res.hits.join('、') + '</b></div>';
        }
    });
}
function addWord(){
    var w = document.getElementById('wordInput').value.trim();
    if (!w) { showToast('请输入违规词', 'danger'); return; }
    postJSON('index.php?r=manage/word/addWord', {
        word:w, level:document.getElementById('levelInput').value, category:document.getElementById('catInput').value
    }, function(res){
        if (res && res.status==='y') { showToast(res.info || '已添加', 'success'); setTimeout(function(){location.reload();}, 700); }
        else showToast((res&&res.info)?res.info:'添加失败', 'danger');
    });
}
function delWord(id){
    if (!confirm('删除该违规词？')) return;
    postJSON('index.php?r=manage/word/delWord', {id:id}, function(res){
        if (res && res.status==='y') { showToast(res.info || '已删除', 'success'); setTimeout(function(){location.reload();}, 700); }
        else showToast('删除失败', 'danger');
    });
}
function scanContent(){
    var scope = document.getElementById('scanScope').value;
    var box = document.getElementById('scanResult');
    box.innerHTML = '<div class="text-muted">扫描中…</div>';
    postJSON('index.php?r=manage/word/scan', {scope:scope}, function(res){
        if (!res || res.status!=='y') { box.innerHTML = '<div class="alert alert-danger mb-0">'+(res?res.info:'扫描失败')+'</div>'; return; }
        if (res.count===0) { box.innerHTML = '<div class="alert alert-success mb-0">未发现违规内容</div>'; return; }
        var html = '<div class="alert alert-warning mb-2">共发现 '+res.count+' 条疑似违规内容</div><ul class="list-group">';
        res.list.forEach(function(it){
            html += '<li class="list-group-item d-flex justify-content-between"><span>'+htmlspecialchars(it.title)+' <small class="text-danger">['+it.hits.join('、')+']</small></span><span class="badge badge-light border">ID '+it.id+'</span></li>';
        });
        html += '</ul>';
        box.innerHTML = html;
    });
}
function htmlspecialchars(s){ return String(s).replace(/[&<>"']/g, function(c){return {'&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;',"'":'&#39;'}[c];}); }

function showToast(message, type = 'success') {
    var toast = document.createElement('div');
    toast.className = 'toast align-items-center text-white bg-' + type + ' border-0 position-fixed show';
    toast.setAttribute('role', 'alert');
    toast.style.cssText = 'top: 20px; right: 20px; z-index: 9999; min-width: 250px; opacity: 1; transition: opacity .3s ease;';
    toast.innerHTML = `
        <div class="d-flex">
            <div class="toast-body">
                <i class="fas fa-${type === 'success' ? 'check-circle' : 'exclamation-circle'} mr-2"></i>
                ${message}
            </div>
            <button type="button" class="btn-close btn-close-white me-2 m-auto" onclick="this.parentElement.parentElement.remove()"></button>
        </div>
    `;
    document.body.appendChild(toast);
    setTimeout(function() {
        toast.style.opacity = '0';
        setTimeout(function() { if(toast.parentNode) toast.parentNode.removeChild(toast); }, 350);
    }, 3000);
}
</script>