{% extends "base.html" %}
{% block title %}历史记录 — Palladium Z1 Monitor{% endblock %}
{% block content %}
<div class="section-header">
    <h2>📅 历史快照</h2>
    <button class="btn btn-sm btn-secondary" onclick="cleanupOld()">🧹 清理30天前数据</button>
</div>
{% if pagination.items %}
<div class="card">
    <table class="data-table">
        <thead>
            <tr><th>ID</th><th>时间</th><th>仿真器</th><th>系统状态</th><th>逻辑板</th><th>逻辑板利用率</th><th>使用/总数</th><th>作业数</th><th>来源</th><th>操作</th></tr>
        </thead>
        <tbody>
            {% for snap in pagination.items %}
            <tr>
                <td>{{ snap.id }}</td>
                <td class="text-mono">{{ snap.timestamp | fmt_time }}</td>
                <td>{{ snap.emulator }}</td>
                <td>
                    {% set ss = snap.system_status.upper() %}
                    {% if ss == 'OK' %}<span class="status-badge status-ok">{{ snap.system_status }}</span>
                    {% elif 'PARTIAL' in ss %}<span class="status-badge status-warning">{{ snap.system_status }}</span>
                    {% elif 'DOWN' in ss or 'ERROR' in ss %}<span class="status-badge status-error">{{ snap.system_status }}</span>
                    {% else %}<span class="status-badge status-unknown">{{ snap.system_status }}</span>{% endif %}
                </td>
                <td>{{ snap.total_boards }} <span class="text-green">({{ snap.online_boards }}</span>/<span class="text-red">{{ snap.offline_boards }})</span></td>
                <td>
                    <div class="util-bar">
                        <div class="util-fill" style="width: {{ snap.utilization }}%"></div>
                        <span class="util-text">{{ snap.utilization }}%</span>
                    </div>
                </td>
                <td class="text-mono">{{ snap.used_boards }} / {{ snap.total_boards }}</td>
                <td>{{ snap.active_jobs }}</td>
                <td><span class="tag">{{ snap.source }}</span></td>
                <td>
                    <a href="{{ url_for('snapshot_detail', sid=snap.id) }}" class="btn-sm">查看</a>
                    <form method="POST" action="{{ url_for('delete_snapshot', sid=snap.id) }}" style="display:inline;" onsubmit="return confirm('确认删除快照 #{{ snap.id }}?')">
                        <button type="submit" class="btn-sm btn-danger">删除</button>
                    </form>
                </td>
            </tr>
            {% endfor %}
        </tbody>
    </table>
</div>
<div class="pagination">
    {% if pagination.has_prev %}<a href="{{ url_for('history', page=pagination.prev_num) }}" class="page-btn">← 上一页</a>{% endif %}
    <span class="page-info">第 {{ pagination.page }} / {{ pagination.pages }} 页 (共 {{ pagination.total }} 条)</span>
    {% if pagination.has_next %}<a href="{{ url_for('history', page=pagination.next_num) }}" class="page-btn">下一页 →</a>{% endif %}
</div>
{% else %}
<div class="card empty-state">暂无历史数据</div>
{% endif %}
<script>
function cleanupOld() {
    if (!confirm('确认清理30天前的历史数据？')) return;
    fetch('/api/cleanup?days=30', { method: 'POST' }).then(r => r.json()).then(data => { alert('已清理 ' + data.deleted + ' 条快照'); location.reload(); }).catch(e => alert('清理失败: ' + e));
}
</script>
{% endblock %}