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

<h1 class="page-title">
    <i class="fas fa-list"></i>
    系统日志
    <span class="badge badge-info ml-2">{if isset($page['count'])}{$page['count']}{else}{count($ret)}{/if} 条记录</span>
</h1>

<div class="alert alert-secondary">
    <i class="fas fa-info-circle mr-1"></i> 记录后台关键操作（登录、设置、缓存、插件、内容增删改等），便于排查问题与审计。
</div>

<!-- 操作栏 -->
<div class="d-flex justify-content-between align-items-center mb-3 flex-wrap">
    <div class="d-flex mb-2">
        <form class="form-inline" method="get" action="index.php">
            <input type="hidden" name="r" value="manage/log/index">
            <select name="type" class="form-control form-control-sm mr-2">
                <option value="">全部类型</option>
                {foreach $types as $k => $v}
                <option value="{$k}" {if $type==$k}selected{/if}>{$v}</option>
                {/foreach}
            </select>
            <input type="text" name="keyword" class="form-control form-control-sm mr-2" placeholder="操作人/描述" value="{if isset($keyword)}{htmlspecialchars($keyword, ENT_QUOTES, 'UTF-8')}{/if}">
            <button type="submit" class="btn btn-sm btn-outline-secondary">
                <i class="fas fa-search"></i> 筛选
            </button>
        </form>
    </div>
    <div class="mb-2 d-flex align-items-center">
        <div class="btn-group btn-group-sm mr-2" role="group" aria-label="每页条数">
            <span class="btn btn-outline-secondary disabled">每页</span>
            {foreach $pageSizes as $ps}
            <a href="index.php?r=manage/log/index{if $type}&type={$type}{/if}{if $keyword}&keyword={htmlspecialchars($keyword, ENT_QUOTES, 'UTF-8')}{/if}&pagesize={$ps}" class="btn {if $pagesize==$ps}btn-primary active{else}btn-outline-secondary{/if}">{$ps}条</a>
            {/foreach}
        </div>
        <button class="btn btn-sm btn-warning mr-2" onclick="clearOld()">
            <i class="fas fa-calendar-minus mr-1"></i> 清理7天前的日志
        </button>
        <button class="btn btn-sm btn-danger" onclick="clearLog()">
            <i class="fas fa-trash-alt mr-1"></i> 清空全部日志
        </button>
    </div>
</div>

<div class="card">
    <div class="card-body">
        <div class="table-responsive">
            <table class="table table-hover table-striped">
                <thead class="thead-light">
                    <tr>
                        <th class="w-60">ID</th>
                        <th class="w-90">类型</th>
                        <th>操作描述</th>
                        <th class="w-110">操作人</th>
                        <th class="w-120">IP</th>
                        <th class="w-160">时间</th>
                    </tr>
                </thead>
                <tbody>
                    {if !empty($ret)}
                    {foreach $ret as $row}
                    <tr>
                        <td>{intval($row['id'])}</td>
                        <td><span class="badge badge-light border">{htmlspecialchars($row['type'], ENT_QUOTES, 'UTF-8')}</span></td>
                        <td>{htmlspecialchars($row['content'], ENT_QUOTES, 'UTF-8')}</td>
                        <td>{htmlspecialchars($row['operator'], ENT_QUOTES, 'UTF-8')}</td>
                        <td>{htmlspecialchars($row['ip'], ENT_QUOTES, 'UTF-8')}</td>
                        <td>{date('Y-m-d H:i:s', $row['create_time'])}</td>
                    </tr>
                    {/foreach}
                    {else}
                    <tr>
                        <td colspan="6" class="text-center text-muted py-4">暂无日志记录</td>
                    </tr>
                    {/if}
                </tbody>
            </table>
        </div>
        <!-- 分页 -->
        <div class="zc-pager mt-3">
            {if isset($page['page'])}{$page['page']}{/if}
        </div>
    </div>
</div>

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

<style>
.zc-pager {
    margin-top: 18px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
</style>

<script>
function doClear(url, msg){
    if (!confirm(msg)) return;
    var xhr = new XMLHttpRequest();
    xhr.open('GET', url, true);
    xhr.onreadystatechange = function() {
        if (xhr.readyState !== 4) return;
        if (xhr.status !== 200) { showToast('请求失败，请重试', 'danger'); return; }
        try {
            var res = JSON.parse(xhr.responseText);
            if (res && res.status === 'y') {
                showToast(res.info, 'success');
                setTimeout(function(){ location.reload(); }, 900);
            } else {
                showToast((res && res.info) ? res.info : '操作失败', 'danger');
            }
        } catch(e) {
            showToast('操作失败', 'danger');
        }
    };
    xhr.send();
}
function clearLog(){
    doClear('index.php?r=manage/log/clear', '确定要清空全部操作日志吗？此操作不可恢复。');
}
function clearOld(){
    doClear('index.php?r=manage/log/clearOldApi', '确定只清理 7 天前的操作日志吗？（近 7 天保留）');
}

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>