{% extends "base.html" %}
{% block title %}Nodes | Suvra{% endblock %}
{% block content %}
<section class="page-head">
  <h1>Node Registry</h1>
  <p class="muted">Distributed enforcement nodes registered with the control plane.</p>
</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 Nodes</h2>
    <span class="muted">{{ nodes|length }} total</span>
  </div>
  <div class="form-actions" style="margin-bottom:16px;">
    <form method="post" action="/dashboard/nodes/push-policy-all">
      <button class="btn" type="submit">Push Policy to All Nodes</button>
    </form>
  </div>
  <table class="data-table">
    <thead>
      <tr>
        <th>Node ID</th>
        <th>Hostname</th>
        <th>Suvra Version</th>
        <th>Region</th>
        <th>Health</th>
        <th>Status</th>
        <th>Last Seen</th>
        <th>Agents</th>
        <th>Actions</th>
      </tr>
    </thead>
    <tbody>
      {% for node in nodes %}
      <tr>
        <td><code>{{ node.node_id }}</code></td>
        <td>{{ node.hostname }}</td>
        <td>{{ node.version }}</td>
        <td>{{ node.region }}</td>
        <td><span class="badge status-{{ node.health_status|replace('_', '-') }}">{{ node.health_status }}</span></td>
        <td>{{ node.status }}</td>
        <td data-utc="{{ node.last_seen_at }}">{{ node.last_seen_at }}</td>
        <td>{{ node.linked_agents_display }}</td>
        <td>
          <form method="post" action="/dashboard/nodes/{{ node.node_id }}/push-policy">
            <button class="btn btn-secondary" type="submit">Push Policy Update</button>
          </form>
        </td>
      </tr>
      {% else %}
      <tr>
        <td colspan="9" class="muted">No enforcement nodes registered yet. Nodes register automatically when started with suvra node serve.</td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
</section>
{% endblock %}