{% extends "base.html" %}
{% block title %}实时日志 - Squid Manager{% endblock %}
{% block head %}
<meta http-equiv="refresh" content="{{ cfg.auto_refresh_seconds }}">
{% endblock %}
{% block content %}
<div class="page-header">
    <h1>⚡ 实时日志 (Live Tail)</h1>
    <div class="page-actions">
        <span class="meta-text">显示最近 {{ n }} 条 · 每 {{ cfg.auto_refresh_seconds }} 秒自动刷新</span>
        <a href="{{ url_for('config_paths') }}" class="btn btn-small btn-secondary">⚙️ 调整</a>
        <button onclick="location.reload()" class="btn btn-small btn-primary">🔄 立即刷新</button>
    </div>
</div>

<div class="card">
    {% if entries %}
    <div class="table-scroll">
    <table class="data-table log-table">
        <thead>
        <tr>
            <th>时间</th>
            <th>客户端</th>
            <th>结果码</th>
            <th>HTTP</th>
            <th>方法</th>
            <th>大小</th>
            <th>耗时</th>
            <th>URL</th>
            <th>层级</th>
        </tr>
        </thead>
        <tbody>
        {% for e in entries %}
        <tr>
            <td class="time-cell">{{ e.timestamp.strftime('%H:%M:%S') if e.timestamp else e.time }}</td>
            <td>{{ e.client }}</td>
            <td>
                <span class="badge badge-{% if e.category == 'Hit' %}green{% elif e.category == 'Miss' %}blue{% elif e.category == 'Tunnel' %}cyan{% elif e.category == 'Denied' %}red{% elif e.category == 'Aborted' %}orange{% elif e.category == 'Error' %}red{% else %}gray{% endif %}">{{ e.result_code }}</span>
            </td>
            <td><span class="badge badge-gray">{{ e.http_code or '-' }}</span></td>
            <td>{{ e.method }}</td>
            <td>{{ format_bytes(e.size) }}</td>
            <td>{{ format_duration(e.elapsed_ms) }}</td>
            <td class="url-cell" title="{{ e.url }}">{{ e.url }}</td>
            <td><code>{{ e.hier_code }}</code></td>
        </tr>
        {% endfor %}
        </tbody>
    </table>
    </div>
    {% else %}
    <div class="card-empty">
        <div class="empty-icon">📭</div>
        <p>暂无日志数据。请确认访问日志路径正确:
            <code>{{ cfg.access_log_path }}</code></p>
    </div>
    {% endif %}
</div>
{% endblock %}