{% extends "base.html" %}

{% block title %}审计日志{% endblock %}

{% block content %}
  <section class="page-header">
    <span class="eyebrow">Audit Trail</span>
    <h1 class="page-title">审计日志与执行留痕中心</h1>
    <p class="page-lead">每次 Agent 执行都会保留输入、结构化结果、引用片段、工具调用和最终输出。这个页面用于说明系统为何可追溯、可复核、可解释。</p>
    {% if selected_scenario_id %}
      <div class="badge-row">
        <span class="pill pill-accent">当前筛选场景：{{ selected_scenario_id }}</span>
        <a class="button" href="{% url 'audit:list' %}">清空筛选</a>
      </div>
    {% endif %}
  </section>

  <section class="hero-metrics">
    <article class="metric-card">
      <div class="metric-label">日志总数</div>
      <div class="metric-value">{{ logs|length }}</div>
      <div class="metric-note">当前页面加载的执行快照数量。</div>
    </article>
    <article class="metric-card">
      <div class="metric-label">最近状态</div>
      <div class="metric-value">{% if logs %}{{ logs.0.get_status_display_text }}{% else %}暂无{% endif %}</div>
      <div class="metric-note">默认按时间倒序展示最近一次 Agent 执行。</div>
    </article>
    <article class="metric-card">
      <div class="metric-label">最近场景</div>
      <div class="metric-value">{% if logs %}{{ logs.0.scenario_name }}{% else %}暂无{% endif %}</div>
      <div class="metric-note">便于快速定位当前复试演示对应的执行记录。</div>
    </article>
  </section>

  <section class="panel">
    <div class="section-heading">
      <div>
        <h2 class="section-title">执行快照列表</h2>
        <p class="section-copy">保留真实审计数据列表，同时把展示形式升级为与首页、大屏一致的分析板风格。</p>
      </div>
    </div>
    <div class="table-wrap">
      <table class="data-table">
        <thead>
          <tr>
            <th>ID</th>
            <th>场景</th>
            <th>输入摘要</th>
            <th>状态</th>
            <th>模型</th>
            <th>耗时</th>
            <th>创建时间</th>
            <th>详情</th>
          </tr>
        </thead>
        <tbody>
          {% for log in logs %}
            <tr>
              <td>{{ log.id }}</td>
              <td>{{ log.scenario_name }}</td>
              <td>{{ log.get_user_input_summary }}</td>
              <td>
                <span class="pill {% if log.status == 'success' %}pill-success{% else %}pill-danger{% endif %}">{{ log.get_status_display_text }}</span>
              </td>
              <td>{{ log.model_name }}</td>
              <td>{{ log.latency_ms }} ms</td>
              <td>{{ log.created_at|date:"Y-m-d H:i" }}</td>
              <td><a class="button" href="{% url 'audit:detail' log.id %}">查看详情</a></td>
            </tr>
          {% empty %}
            <tr><td colspan="8">暂无审计日志，先去执行一次审核工作台任务。</td></tr>
          {% endfor %}
        </tbody>
      </table>
    </div>
  </section>
{% endblock %}