{% extends "base.html" %}
{% block title %}Policy | Suvra{% endblock %}
{% block content %}
<section class="page-head">
  <h1>Policy Overview</h1>
  <p class="muted">Policies use a two-tier model: `SuvraPolicy` plus optional agent-specific overrides.</p>
</section>
{% include "policy_nav.html" %}

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

<section class="panel">
  <div class="panel-head">
    <div>
      <h2>Policies</h2>
      <p class="muted">`SuvraPolicy` applies to all agents. Agent policies add or override rules for specific agents.</p>
    </div>
    <details class="inline-reveal">
      <summary class="btn btn-primary">Create Agent Policy</summary>
      <form method="post" action="/dashboard/policy/create" class="stack-form inline-form-panel">
        <label>Name<input type="text" name="name" required /></label>
        <label>Description<input type="text" name="description" /></label>
        <button class="btn btn-primary" type="submit">Create Policy</button>
      </form>
    </details>
  </div>
  <table class="data-table">
    <thead>
      <tr>
        <th>Name</th>
        <th>Type</th>
        <th>Description</th>
        <th>Rules</th>
        <th>Agents</th>
        <th>Actions</th>
      </tr>
    </thead>
    <tbody>
      {% if baseline_policy %}
      <tr>
        <td><strong>{{ baseline_policy.name }}</strong></td>
        <td><span class="badge badge-category">Global</span></td>
        <td>{{ baseline_policy.description or "Delete-focused global safeguards applied to all agents." }}</td>
        <td><span class="badge stat-badge">{{ baseline_policy.rules|length }}</span></td>
        <td><span class="muted">All</span></td>
        <td>
          <a class="btn btn-secondary" href="/dashboard/policy/detail?policy_id={{ baseline_policy.policy_id }}">Manage</a>
        </td>
      </tr>
      {% endif %}
      {% for policy in agent_policies %}
      <tr>
        <td>{{ policy.name }}</td>
        <td><span class="badge">Agent</span></td>
        <td>{{ policy.description or "—" }}</td>
        <td><span class="badge stat-badge">{{ policy.rules|length }}</span></td>
        <td>{{ assigned_counts.get(policy.policy_id, 0) }}</td>
        <td>
          <a class="btn btn-secondary" href="/dashboard/policy/detail?policy_id={{ policy.policy_id }}">Manage</a>
          <form method="post" action="/dashboard/policy/{{ policy.policy_id }}/delete" style="display:inline;">
            <button class="btn btn-danger" type="submit">Delete</button>
          </form>
        </td>
      </tr>
      {% else %}
      <tr><td colspan="6" class="muted" style="text-align:center;">No agent policies yet. Create one to customize rules for specific agents.</td></tr>
      {% endfor %}
    </tbody>
  </table>
</section>
{% endblock %}