{% extends "base.html" %}
{% block title %}Policy Detail | Suvra{% endblock %}
{% block content %}
<section class="page-head">
  <h1>{{ policy.name }}</h1>
  <p class="muted">{{ policy.description or "No description provided." }}</p>
</section>
{% include "policy_nav.html" %}

{% if request.query_params.get("msg") %}<p class="flash">{{ request.query_params.get("msg") }}</p>{% endif %}
{% if request.query_params.get("error") %}<p class="flash">{{ request.query_params.get("error") }}</p>{% endif %}

<section class="panel">
  <div class="panel-head">
    <div>
      <h2>Policy Details</h2>
      <span class="badge {% if is_baseline_policy %}stat-badge{% else %}badge-category{% endif %}">
        {{ "Baseline" if is_baseline_policy else "Agent Policy" }}
      </span>
    </div>
    <details class="inline-reveal">
      <summary class="btn btn-secondary">Edit Details</summary>
      <form method="post" action="/dashboard/policy/{{ policy.policy_id }}/update" class="stack-form inline-form-panel">
        <label>Name<input type="text" name="name" value="{{ policy.name }}" required /></label>
        <label>Description<input type="text" name="description" value="{{ policy.description or '' }}" /></label>
        <button class="btn btn-primary" type="submit">Save Details</button>
      </form>
    </details>
  </div>
</section>

<section class="panel">
  <div class="panel-head">
    <h2>Policy Rules ({{ rules|length }})</h2>
    <a class="btn btn-primary" href="/dashboard/rules?policy_id={{ policy.policy_id }}">Add Rules</a>
    <a class="btn btn-secondary" href="/dashboard/rules/builder?policy_id={{ policy.policy_id }}">Build a Rule</a>
  </div>
  <div class="panel-body">
    {% for rule in 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 badge-category">{{ rule.category_label }}</span>
          <span class="badge {{ rule.effect_badge_class }}">{{ rule.effect }}</span>
          {% if rule.is_customized %}<span class="badge">Customized</span>{% endif %}
          {% if rule.constraint_inputs %}
          <details class="inline-reveal">
            <summary class="btn btn-secondary">Edit Values</summary>
            <form method="post" action="/dashboard/policy/{{ policy.policy_id }}/rules/update" class="stack-form inline-form-panel">
              <input type="hidden" name="rule_id" value="{{ rule.rule_id }}" />
              {% for field in rule.constraint_inputs %}
              <label>{{ field.label }}
                {% if field.input_tag == "textarea" %}
                <textarea name="constraint__{{ field.key }}" rows="3">{{ field.value }}</textarea>
                {% else %}
                <input type="{{ 'number' if field.field_type == 'number' else 'text' }}" name="constraint__{{ field.key }}" value="{{ field.value }}" />
                {% endif %}
              </label>
              {% if field.help_text %}<p class="muted">{{ field.help_text }}</p>{% endif %}
              {% endfor %}
              <button class="btn btn-primary" type="submit">Save Values</button>
            </form>
          </details>
          {% endif %}
          <form method="post" action="/dashboard/policy/{{ policy.policy_id }}/rules/remove">
            <input type="hidden" name="rule_id" value="{{ rule.rule_id }}" />
            <button class="btn btn-secondary" type="submit">Remove</button>
          </form>
        </div>
      </div>
      <div class="rule-card-body">
        <p><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>
    {% else %}
    <p>No rules yet. Add rules from the Rules Library.</p>
    {% endfor %}
  </div>
</section>

{% if not is_baseline_policy %}
<section class="panel">
  <div class="panel-head">
    <h2>Assigned Agents</h2>
  </div>
  <div class="panel-body">
    <ul>
      {% for agent in agents_using_policy %}
      <li><a href="/dashboard/agents?agent_id={{ agent.agent_id }}">{{ agent.agent_id }}</a></li>
      {% else %}
      <li>No agents use this policy yet.</li>
      {% endfor %}
    </ul>
  </div>
</section>
{% endif %}
{% endblock %}