{% extends "base.html" %}
{% block title %}Agent Lifecycle | Suvra{% endblock %}
{% block content %}
{% raw %}
<style>
  .agent-lifecycle-strip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 0.76rem;
    font-weight: 600;
    padding: 3px 10px;
    border-radius: 100px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
  }
  .lifecycle--active { background: rgba(34,197,94,0.12); color: var(--color-success); }
  .lifecycle--disabled { background: rgba(239,68,68,0.12); color: var(--color-danger); }
  .lifecycle--decommissioned { background: rgba(107,114,128,0.12); color: var(--color-text-muted); }
  .decommission-btn {
    background: rgba(239,68,68,0.1);
    color: var(--color-danger);
    border: 1px solid rgba(239,68,68,0.2);
    padding: 6px 14px;
    border-radius: var(--radius-sm);
    font-size: 0.82rem;
    font-weight: 600;
    cursor: pointer;
    transition: background var(--transition);
  }
  .decommission-btn:hover { background: rgba(239,68,68,0.2); }
  .agent-lifecycle-row {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    align-items: center;
    padding: 14px 0;
    border-bottom: 1px solid var(--color-border-subtle);
  }
  .agent-lifecycle-row:last-child { border-bottom: none; }
  .agent-name { font-weight: 600; font-size: 0.9rem; }
  .agent-meta { font-size: 0.8rem; color: var(--color-text-muted); margin-top: 2px; }
</style>
{% endraw %}
<section class="page-head">
  <div class="page-head-text">
    <h1>Agent Lifecycle</h1>
    <p class="muted">Treat agents as managed entities — with identities, permissions, policy enforcement, and lifecycle management.</p>
  </div>
</section>
{% if message %}<p class="flash">{{ message }}</p>{% endif %}
{% if error_message %}<p class="flash flash-error">{{ error_message }}</p>{% endif %}

<section class="panel">
  <div class="panel-head"><h2>Registered Agents</h2></div>
  {% if agents %}
  <div>
    {% for agent in agents %}
    <div class="agent-lifecycle-row">
      <div>
        <span class="agent-name">{{ agent.agent_name or agent.agent_id }}</span>
        {% if agent_anomaly_status.get(agent.agent_id) %}
        <span class="anomaly-dot" style="display:inline-block;width:10px;height:10px;border-radius:50%;margin-left:8px;background:{% if agent_anomaly_status[agent.agent_id] == 'red' %}#e74c3c{% elif agent_anomaly_status[agent.agent_id] == 'yellow' %}#f1c40f{% else %}#2ecc71{% endif %};" title="Anomaly: {{ agent_anomaly_status[agent.agent_id] }}"></span>
        {% endif %}
        <span class="agent-lifecycle-strip lifecycle--{{ agent.status or 'active' }}">{{ agent.status or 'active' }}</span>
        <div class="agent-meta">{{ agent.agent_id }}{% if agent.owner %} · Owner: {{ agent.owner }}{% endif %}{% if agent.node_id %} · Node: {{ agent.node_id }}{% endif %}</div>
        <div class="agent-meta">
          Policy:
          {% if agent.policy_id %}
          <a href="/dashboard/policy/detail?policy_id={{ agent.policy_id }}">{{ agent.policy_id }}</a>
          {% else %}
          SuvraPolicy only
          {% endif %}
        </div>
      </div>
      <div style="display:flex;gap:8px;align-items:center;">
        {% if agent.status != 'decommissioned' %}
        <form method="post" action="/dashboard/agents/{{ agent.agent_id }}/decommission" onsubmit="return confirm('Decommission agent {{ agent.agent_id }}? Enforcement will stop for this agent.');">
          <button type="submit" class="decommission-btn">Decommission</button>
        </form>
        {% endif %}
        <a class="btn btn-secondary" href="/dashboard/agents?agent_id={{ agent.agent_id }}">Edit Settings</a>
      </div>
    </div>
    {% endfor %}
  </div>
  {% else %}
  <div class="empty-state">
    <p>No agents registered yet.</p>
    <p class="muted">Agents are registered through integrations and will appear here once connected.</p>
  </div>
  {% endif %}
</section>

{% if selected_agent %}
<div class="agent-panel">
  <section class="panel">
    <div class="panel-head">
      <h2>Edit {{ selected_agent.agent_id }}</h2>
      <span class="badge {% if selected_agent.status == 'active' %}badge-allow{% elif selected_agent.status == 'disabled' %}badge-deny{% endif %}">{{ selected_agent.status or "active" }}</span>
    </div>
    <form method="post" action="/dashboard/agents/{{ selected_agent.agent_id }}" class="agent-form">
      <div class="form-grid">
        <div class="form-section">
          <h3 class="form-section-title">Identity</h3>
          <label>Agent Name<input type="text" name="agent_name" value="{{ selected_agent.agent_name or '' }}" /></label>
          <label>Owner<input type="text" name="owner" value="{{ selected_agent.owner or '' }}" /></label>
          <label>Purpose<input type="text" name="purpose" value="{{ selected_agent.purpose or '' }}" /></label>
        </div>
        <div class="form-section">
          <h3 class="form-section-title">Runtime</h3>
          <label>Workspace Path<input type="text" name="workspace_dir" value="{{ selected_agent.workspace_dir or '' }}" /></label>
          <label>Node
            <select name="node_id">
              <option value="">— no node —</option>
              {% for node in nodes %}
              <option value="{{ node.node_id }}" {% if selected_agent.node_id == node.node_id %}selected{% endif %}>{{ node.node_id }}{% if node.hostname and node.hostname != "-" %} ({{ node.hostname }}){% endif %}</option>
              {% endfor %}
            </select>
          </label>
          <label>Framework<input type="text" name="framework" value="{{ selected_agent.framework or '' }}" /></label>
          <label>Runtime Type<input type="text" name="runtime_type" value="{{ selected_agent.runtime_type or '' }}" /></label>
          <label>Lifecycle Status
            <select name="status">
              <option value="active" {% if selected_agent.status == "active" %}selected{% endif %}>Active</option>
              <option value="disabled" {% if selected_agent.status == "disabled" %}selected{% endif %}>Disabled</option>
              <option value="decommissioned" {% if selected_agent.status == "decommissioned" %}selected{% endif %}>Decommissioned</option>
            </select>
          </label>
        </div>
        <div class="form-section">
          <h3 class="form-section-title">Security</h3>
          <label>Risk Tier<input type="text" name="risk_tier" value="{{ selected_agent.risk_tier or '' }}" /></label>
          {% if agent_anomaly_status.get(selected_agent.agent_id) %}
          <div class="anomaly-indicator" style="margin-top:12px;padding:10px;border-radius:6px;background:{% if agent_anomaly_status[selected_agent.agent_id] == 'red' %}rgba(231,76,60,0.15){% elif agent_anomaly_status[selected_agent.agent_id] == 'yellow' %}rgba(241,196,15,0.15){% else %}rgba(46,204,113,0.15){% endif %};">
            <strong>Anomaly Status:</strong>
            <span style="display:inline-block;width:8px;height:8px;border-radius:50%;margin:0 6px;background:{% if agent_anomaly_status[selected_agent.agent_id] == 'red' %}#e74c3c{% elif agent_anomaly_status[selected_agent.agent_id] == 'yellow' %}#f1c40f{% else %}#2ecc71{% endif %};"></span>
            {{ agent_anomaly_status[selected_agent.agent_id] | capitalize }}
          </div>
          {% endif %}
          <label>Approval Profile<input type="text" name="approval_profile" value="{{ selected_agent.approval_profile or '' }}" /></label>
          <label>Policy
            <select name="policy_id">
              <option value="">SuvraPolicy only (no agent policy)</option>
              {% for policy in policies %}
              <option value="{{ policy.policy_id }}" {% if selected_agent.policy_id == policy.policy_id %}selected{% endif %}>{{ policy.name }}</option>
              {% endfor %}
            </select>
          </label>
        </div>
      </div>
      <div class="form-actions">
        <button class="btn" type="submit">Update Agent</button>
        <a class="btn btn-secondary" href="/dashboard/agents">Cancel</a>
      </div>
    </form>
    <div class="form-actions" style="margin-top:12px;">
      <form method="post" action="/dashboard/agents/{{ selected_agent.agent_id }}/push-policy">
        <button class="btn btn-secondary" type="submit">Push Policy Update</button>
      </form>
    </div>
  </section>

  {% if selected_agent.policy_id %}
  <section class="panel">
    <div class="panel-head"><h2>Assigned Policy</h2></div>
    <p>This agent uses <a href="/dashboard/policy/detail?policy_id={{ selected_agent.policy_id }}"><strong>{{ selected_agent.policy_id }}</strong></a> in addition to SuvraPolicy.</p>
    <p><a class="btn btn-secondary" href="/dashboard/policy/effective?agent_id={{ selected_agent.agent_id }}">View Effective Rules</a></p>
  </section>
  {% else %}
  <section class="panel">
    <div class="panel-head"><h2>Assigned Policy</h2></div>
    <p class="muted">This agent uses only SuvraPolicy. Assign an agent policy above for custom rules.</p>
  </section>
  {% endif %}
</div>
{% endif %}
{% endblock %}