{% extends "base.html" %}
{% block title %}{{ t('审计') }} · {{ product_name }}{% endblock %}
{% block content %}
<div class="page-header">
  <div>
    <h1>{{ t('审计') }}</h1>
    <p class="page-subtitle">{{ t(subtitle) }}</p>
  </div>
</div>

<form class="toolbar audit-filters" method="get" action="/audit" role="search">
  <input type="hidden" name="range" value="{{ range_key }}">
  <div class="filter-chips" role="group" aria-label="{{ t('时间范围') }}">
    {% for item in ranges %}
    <a class="chip-link{% if item.active %} is-active{% endif %}" href="{{ item.href }}"
       {% if item.active %}aria-current="true"{% endif %}>{{ t(item.label) }}</a>
    {% endfor %}
  </div>
  <select class="input input--compact" name="action" aria-label="{{ t('动作') }}">
    <option value="{{ all_value }}"{% if action == all_value %} selected{% endif %}>{{ t('全部动作') }}</option>
    {% for code, label in actions %}
    <option value="{{ code }}"{% if action == code %} selected{% endif %}>{{ t(label) }}</option>
    {% endfor %}
  </select>
  <select class="input input--compact" name="env" aria-label="{{ t('所在环境') }}">
    <option value="">{{ t('全部环境') }}</option>
    {% for item in environments %}
    <option value="{{ item.key }}"{% if env == item.key %} selected{% endif %}>{% if item.key == 'default' and item.title == '默认' %}{{ t('默认') }}{% else %}{{ item.title }}{% endif %} · {{ item.key }}</option>
    {% endfor %}
  </select>
  <select class="input input--compact" name="outcome" aria-label="{{ t('结果') }}">
    <option value="">{{ t('全部结果') }}</option>
    <option value="ok"{% if outcome == 'ok' %} selected{% endif %}>{{ t('成功') }}</option>
    <option value="failed"{% if outcome == 'failed' %} selected{% endif %}>{{ t('失败') }}</option>
  </select>
  <div class="toolbar__search">
    <input class="input" type="search" name="q" value="{{ q }}" placeholder="{{ t('对象名') }}" aria-label="{{ t('对象名') }}" autocomplete="off">
    <button class="btn btn--secondary" type="submit">{{ t('筛选') }}</button>
  </div>
  {% if filtered %}<a class="link-reset" href="/audit">{{ t('清除筛选') }}</a>{% endif %}
</form>

{% if rows %}
<p class="audit-count">{{ t('共 {total} 条', total=total) }}</p>
<div class="table-card">
  <table class="table table--responsive table--audit table--share">
    <thead>
      <tr>
        <th scope="col">{{ t('时间') }}</th>
        <th scope="col">{{ t('操作者') }}</th>
        <th scope="col">{{ t('动作') }}</th>
        <th scope="col">{{ t('所在环境') }}</th>
        <th scope="col">{{ t('对象') }}</th>
        <th scope="col">{{ t('结果') }}</th>
        <th scope="col">{{ t('摘要') }}</th>
      </tr>
    </thead>
    <tbody>
      {% for row in rows %}
      <tr>
        <td data-label="{{ t('时间') }}" class="cell-when">{{ local_time(row.at) }}</td>
        <td data-label="{{ t('操作者') }}">{{ row.actor }}</td>
        <td data-label="{{ t('动作') }}"><span class="badge badge--quiet">{{ t(row.action_label) }}</span></td>
        <td data-label="{{ t('所在环境') }}">
          {% if row.environment_key %}
          <span>{% if row.environment_key == 'default' and row.environment_title == '默认' %}{{ t('默认') }}{% else %}{{ row.environment_title or row.environment_key }}{% endif %}</span>
          {% if row.environment_title and row.environment_title != row.environment_key %}<span class="mono cell-key">{{ row.environment_key }}</span>{% endif %}
          {% else %}<span class="muted">—</span>{% endif %}
        </td>
        <td data-label="{{ t('对象') }}">{% if row.target_name %}<span class="mono">{{ row.target_name }}</span>{% else %}<span class="muted">—</span>{% endif %}</td>
        <td data-label="{{ t('结果') }}" class="cell-result">
          {% if row.result == 'ok' %}<span class="audit-detail__ok">{{ t('成功') }}</span>
          {% elif row.result == 'failed' %}<span class="audit-detail__error"{% if row.result_error %} title="{{ row.result_error }}"{% endif %}>{{ t('失败') }}</span>
          {% else %}<span class="muted">—</span>{% endif %}
        </td>
        <td data-label="{{ t('摘要') }}" class="cell-summary cell-fill">
          {% if row.summary %}
          <button class="summary-preview" type="button" data-dialog-open="audit-summary-{{ loop.index }}">
            <span class="summary-preview__text">{{ row.detail.preview }}</span>
            <span class="summary-preview__action">{{ t('查看') }}</span>
          </button>
          {% else %}<span class="muted">—</span>{% endif %}
        </td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
</div>
{% for row in rows %}
{% if row.summary %}
<dialog id="audit-summary-{{ loop.index }}" class="modal" aria-labelledby="audit-summary-title-{{ loop.index }}">
  <div class="modal__panel modal__panel--wide">
    <button class="modal__close" type="button" data-dialog-close aria-label="{{ t('关闭') }}">×</button>
    <div class="audit-detail">
      <h2 id="audit-summary-title-{{ loop.index }}">{{ t(row.action_label) }}</h2>
      <p class="audit-detail__meta">
        <span>{{ local_time(row.at) }}</span>
        <span>{{ row.actor }}</span>
        <span>
          {% if row.environment_key %}
          {% if row.environment_key == 'default' and row.environment_title == '默认' %}{{ t('默认') }}{% else %}{{ row.environment_title or row.environment_key }}{% endif %}
          {% if row.environment_title and row.environment_title != row.environment_key %}<span class="mono"> {{ row.environment_key }}</span>{% endif %}
          {% else %}—{% endif %}
        </span>
        <span>{% if row.target_name %}<span class="mono">{{ row.target_name }}</span>{% else %}—{% endif %}</span>
      </p>
      {% if row.detail.kind == 'tool' %}
      <dl class="audit-detail__stats">
        <div><dt>{{ t('返回条数') }}</dt><dd>{{ row.detail.returned }}</dd></div>
        <div><dt>{{ t('耗时') }}</dt><dd>{{ row.detail.elapsed_ms }} ms</dd></div>
        <div><dt>{{ t('结果') }}</dt><dd>{% if row.detail.ok %}<span class="audit-detail__ok">{{ t('成功') }}</span>{% else %}<span class="audit-detail__error">{{ t(ERROR_CODE_DISPLAY, code=row.detail.error, label=t(error_label(row.detail.error))) }}</span>{% if row.error_detail %}<span class="audit-detail__error-note">{{ row.error_detail }}</span>{% endif %}{% endif %}</dd></div>
      </dl>
      <h3>{{ t('调用') }}</h3>
      <dl class="audit-detail__fields">
        <div><dt>{{ t('工具') }}</dt><dd class="mono">{{ row.detail.tool }}</dd></div>
        {% if row.detail.client %}<div><dt>{{ t('客户端') }}</dt><dd>{{ row.detail.client }}</dd></div>{% endif %}
        {% if row.detail.prefix %}<div><dt>{{ t('凭证前缀') }}</dt><dd class="mono">{{ row.detail.prefix }}</dd></div>{% endif %}
        {% if row.detail.request %}<div><dt>{{ t('请求号') }}</dt><dd class="mono">{{ row.detail.request }}</dd></div>{% endif %}
      </dl>
      {% with copy_id='audit-copy-' ~ loop.index %}
      {% include "_audit_params.html" %}
      {% endwith %}
      {% else %}
      {% if row.detail.truncated %}<p class="audit-detail__note">{{ t('参数在记录时已截短。') }}</p>{% endif %}
      <pre class="audit-code">{{ row.summary }}</pre>
      <pre id="audit-copy-{{ loop.index }}" hidden>{{ row.summary }}</pre>
      {% endif %}
      <div class="audit-detail__actions">
        <button class="btn btn--secondary btn--sm" type="button" data-copy-target="audit-copy-{{ loop.index }}" data-copied="{{ t('已复制') }}" data-failed="{{ t('请选中文字后复制') }}" hidden>{{ t('复制') }}</button>
        <span class="audit-detail__note" data-copy-status role="status"></span>
      </div>
    </div>
  </div>
</dialog>
{% endif %}
{% endfor %}
{% if pages > 1 %}
<nav class="pagination" aria-label="{{ t('分页') }}">
  {% if page > 1 %}<a class="btn btn--secondary btn--sm" href="{{ prev_href }}">{{ t('上一页') }}</a>{% endif %}
  <span class="pagination__info">{{ t('第 {page} / {pages} 页', page=page, pages=pages) }} · {{ t('共 {total} 条', total=total) }}</span>
  {% if page < pages %}<a class="btn btn--secondary btn--sm" href="{{ next_href }}">{{ t('下一页') }}</a>{% endif %}
</nav>
{% endif %}
{% else %}
<section class="empty">
  <h2>{% if filtered %}{{ t('没有符合条件的记录。') }}{% else %}{{ t('近 24 小时还没有操作。') }}{% endif %}</h2>
  <p>{% if filtered %}{{ t('换个时间或动作，或清除筛选后再看。') }}{% else %}{{ t('可以改成近 7 天或近 30 天再看。') }}{% endif %}</p>
</section>
{% endif %}
{% endblock %}