{% extends "base.html" %}
{% block title %}Overview | Suvra{% endblock %}
{% block content %}
<section class="page-head">
  <h1>Overview</h1>
  <p class="muted">Execution posture and recent guardrail activity.</p>
</section>

{% if onboarding_banner %}
<p class="flash">{{ onboarding_banner }}</p>
{% endif %}

<section class="kpi-grid">
  <article class="kpi-card">
    <h2>Total Events</h2>
    <p class="kpi-value">{{ counts.total_events }}</p>
  </article>
  <article class="kpi-card">
    <h2>Pending Approvals</h2>
    <p class="kpi-value">{{ counts.pending_approvals }}</p>
  </article>
  <article class="kpi-card">
    <h2>Allows</h2>
    <p class="kpi-value">{{ counts.allow }}</p>
  </article>
  <article class="kpi-card">
    <h2>Denies</h2>
    <p class="kpi-value">{{ counts.deny }}</p>
  </article>
</section>

<section class="panel">
  <div class="panel-head">
    <h2>Recent Activity</h2>
    <a class="btn btn-secondary" href="/dashboard/audit">View full audit</a>
  </div>
  <table class="data-table">
    <thead>
      <tr>
        <th>Time</th>
        <th>Actor</th>
        <th>Action</th>
        <th>Target</th>
        <th>Decision</th>
        <th>Status</th>
      </tr>
    </thead>
    <tbody>
      {% for event in recent_events %}
      <tr>
        <td>{{ event.created_at }}</td>
        <td>{{ event.actor }}</td>
        <td>{{ event.title }}</td>
        <td><code>{{ event.target }}</code></td>
        <td><span class="badge {{ 'allow' if event.decision == 'allow' else ('deny' if event.decision == 'deny' else 'needs') }}">{{ event.decision }}</span></td>
        <td><span class="badge status-{{ event.status|replace('_', '-') }}">{{ event.status }}</span></td>
      </tr>
      {% else %}
      <tr>
        <td colspan="6" class="muted">No audit events yet.</td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
</section>
{% endblock %}