{% extends "base.html" %}
{% block title %}Dashboard — Agent Firewall{% endblock %}
{% block content %}
<section class="page-head">
  <h1>Pending approvals</h1>
  <p class="muted">High-risk tool calls waiting for a human decision. Auto-refreshes every 2s.</p>
</section>

<div id="pending-list" class="stack"></div>

<section class="page-head" style="margin-top: 2.5rem;">
  <h2>Audit & history</h2>
  <p class="muted">All decisions and statuses: auto-allow, approved, rejected, expired, executed.</p>
</section>
<div class="filters">
  <label>From
    <input type="date" id="audit-from" />
  </label>
  <label>To
    <input type="date" id="audit-to" />
  </label>
  <button type="button" class="btn ghost" id="audit-clear">Clear</button>
</div>
<div class="table-wrap">
  <table id="audit-table">
    <thead>
      <tr>
        <th>Date &amp; Time</th>
        <th>Decision</th>
        <th>Tool</th>
        <th>Payload</th>
        <th>Requested by</th>
        <th>Decided by</th>
        <th>Rule</th>
        <th>Reason</th>
      </tr>
    </thead>
    <tbody></tbody>
  </table>
</div>

<script src="/static/dashboard.js"></script>
{% endblock %}