{% extends "base.html" %}
{% block title %}告警历史 - Squid Manager{% endblock %}
{% block content %}
<div class="page-header">
    <h1>📜 告警触发历史</h1>
    <div class="page-actions">
        <a href="{{ url_for('alerts_view') }}" class="btn btn-secondary btn-small">← 返回告警规则</a>
    </div>
</div>

<div class="card">
    <p class="card-desc">最近 {{ triggered | length }} 次实际触发 (来源 audit_log, action=<code>alert_triggered</code>)，
        以及最近 {{ extras | length }} 条规则管理事件 (添加/保存/删除/评估)。</p>

    <h3 class="card-title">🚨 触发记录 ({{ triggered | length }})</h3>
    {% if triggered %}
    <div class="table-scroll">
    <table class="data-table">
        <thead>
        <tr>
            <th style="width:180px;">时间</th>
            <th style="width:120px;">用户</th>
            <th>详情</th>
        </tr>
        </thead>
        <tbody>
        {% for a in triggered %}
        <tr>
            <td class="time-cell">{{ a.timestamp_local }}</td>
            <td>{{ a.username }}</td>
            <td class="detail-cell">{{ a.detail }}</td>
        </tr>
        {% endfor %}
        </tbody>
    </table>
    </div>
    {% else %}
    <p class="meta-text">还没有触发记录。在 <a href="{{ url_for('alerts_view') }}">告警规则</a> 页面点击 “立即评估” 即可触发评估。</p>
    {% endif %}
</div>

<div class="card">
    <h3 class="card-title">⚙️ 规则管理事件 ({{ extras | length }})</h3>
    {% if extras %}
    <div class="table-scroll">
    <table class="data-table">
        <thead>
        <tr>
            <th style="width:180px;">时间</th>
            <th style="width:120px;">用户</th>
            <th style="width:140px;">操作</th>
            <th>详情</th>
        </tr>
        </thead>
        <tbody>
        {% for a in extras %}
        <tr>
            <td class="time-cell">{{ a.timestamp_local }}</td>
            <td>{{ a.username }}</td>
            <td><code>{{ a.action }}</code></td>
            <td class="detail-cell">{{ a.detail }}</td>
        </tr>
        {% endfor %}
        </tbody>
    </table>
    </div>
    {% else %}
    <p class="meta-text">暂无管理事件。</p>
    {% endif %}
</div>
{% endblock %}