{% extends "base.html" %}
{% block title %}Effective View | Suvra{% endblock %}
{% block content %}
<section class="page-head">
  <h1>Effective View</h1>
  <p class="muted">See exactly which rules apply to a specific agent — baseline plus any agent policy combined.</p>
</section>
{% include "policy_nav.html" %}
{% if error_message %}<p class="flash flash-error">{{ error_message }}</p>{% endif %}

<section class="panel">
  <div class="panel-head">
    <h2>Select Agent</h2>
  </div>
  <form method="get" action="/dashboard/policy/effective" class="stack-form" style="padding:16px;">
    <label>Agent
      <select name="agent_id" onchange="this.form.submit()">
        <option value="">— select an agent —</option>
        {% for agent in agents %}
        <option value="{{ agent.agent_id }}" {% if agent_id == agent.agent_id %}selected{% endif %}>{{ agent.agent_id }}{% if agent.agent_name %} ({{ agent.agent_name }}){% endif %}</option>
        {% endfor %}
      </select>
    </label>
  </form>
</section>

{% if agent_id and not agent_record %}
<section class="panel">
  <div class="empty-state">
    <p>Agent "{{ agent_id }}" not found.</p>
  </div>
</section>

{% elif not agent_id and not effective_rules %}
<section class="panel">
  <div class="empty-state">
    <p>Select an agent above to see its effective rules.</p>
    <p class="muted">The effective view shows the combined baseline + agent policy rules that apply to a specific agent.</p>
  </div>
</section>

{% else %}
  <section class="panel">
    <div class="panel-head">
      <h2>{% if agent_record %}Policy Stack for {{ agent_record.agent_id }}{% else %}Baseline Policy (no agent selected){% endif %}</h2>
    </div>
    <div style="padding:16px;">
      <table class="data-table">
        <thead>
          <tr><th>Order</th><th>Policy</th><th>Type</th><th>Rules</th></tr>
        </thead>
        <tbody>
          {% for layer in effective_stack %}
          <tr>
            <td>{{ layer.load_order }}</td>
            <td><a href="/dashboard/policy/detail?policy_id={{ layer.policy_id }}">{{ layer.name or layer.policy_id }}</a></td>
            <td><span class="badge {% if layer.policy_type == 'global' %}badge-category{% endif %}">{{ "Baseline" if layer.policy_type == "global" else "Agent" }}</span></td>
            <td><span class="badge stat-badge">{{ layer.rule_count }}</span></td>
          </tr>
          {% endfor %}
        </tbody>
      </table>
    </div>
  </section>

  {% if effective_rules %}
  <section class="panel">
    <div class="panel-head">
      <h2>All Effective Rules ({{ effective_rules|length }})</h2>
      <p class="muted">These rules are evaluated in order when this agent performs an action.</p>
    </div>
    <div style="padding:0 16px 16px;">
      {% for rule in effective_rules %}
      <article class="rule-card">
        <div class="rule-card-header">
          <div>
            <h3>{{ rule.name }}</h3>
            {% if rule.description %}<p class="muted">{{ rule.description }}</p>{% endif %}
          </div>
          <div class="rule-card-actions">
            <span class="badge {{ rule.effect_badge_class }}">{{ rule.effect }}</span>
            <span class="badge {% if rule.source_type == 'global' %}badge-category{% endif %}">{{ "Baseline" if rule.source_type == "global" else rule.source_policy }}</span>
          </div>
        </div>
        <div class="rule-card-body">
          <p><span class="badge badge-category">{{ rule.category_label }}</span> <code>{{ rule.action_type }}</code></p>
          {% if rule.constraint_rows %}
          <dl class="kv constraint-list">
            {% for row in rule.constraint_rows %}
            <dt>{{ row.label }}</dt>
            <dd>{% if row.monospace %}<code>{{ row.value }}</code>{% else %}{{ row.value }}{% endif %}</dd>
            {% endfor %}
          </dl>
          {% endif %}
        </div>
      </article>
      {% endfor %}
    </div>
  </section>
  {% else %}
  <section class="panel">
    <div class="empty-state">
      <p>No rules loaded for this agent.</p>
    </div>
  </section>
  {% endif %}
{% endif %}
{% endblock %}