{# CUI // SP-CTI #}
{% extends "base.html" %}
{% block title %}Agents - ICDEV™ Dashboard{% endblock %}

{% block content %}
<div class="page-header">
    <div class="breadcrumbs">
        <a href="/">Home</a>
        <span class="separator">/</span>
        <span class="current">Agents</span>
    </div>
    <h1>Agents</h1>
    <p class="subtitle">A2A multi-agent registry — CUI</p>
</div>

<div class="stat-grid" style="margin-bottom:1.5rem;">
    <div class="stat-card">
        <div class="stat-label">Total</div>
        <div class="stat-value">{{ agents|length }}</div>
    </div>
    <div class="stat-card">
        <div class="stat-label">Active</div>
        <div class="stat-value">{{ active_count }}</div>
    </div>
    <div class="stat-card">
        <div class="stat-label">Inactive</div>
        <div class="stat-value">{{ inactive_count }}</div>
    </div>
</div>

<div class="table-container">
    <div class="table-header">
        <h2>Agent Registry</h2>
        <span class="text-muted">{{ agents|length }} agent{{ 's' if agents|length != 1 }}</span>
    </div>
    <table>
        <thead>
            <tr>
                <th>Name</th>
                <th>ID</th>
                <th>Status</th>
                <th>Active Tasks</th>
                <th>URL</th>
                <th>Last Heartbeat</th>
            </tr>
        </thead>
        <tbody>
            {% for agent in agents %}
            <tr>
                <td>{{ agent.name }}</td>
                <td><code style="font-size: 0.85em; user-select: all; cursor: pointer;">{{ agent.id }}</code></td>
                <td><span class="badge badge-{{ agent.status }}">{{ agent.status }}</span></td>
                <td>{{ agent.active_task_count }}</td>
                <td class="text-muted">{{ agent.url }}</td>
                <td class="text-muted" data-timestamp="{{ agent.last_heartbeat }}">{{ agent.last_heartbeat | friendly_time if agent.last_heartbeat else '—' }}</td>
            </tr>
            {% else %}
            <tr class="empty-row"><td colspan="6">No agents registered</td></tr>
            {% endfor %}
        </tbody>
    </table>
</div>
{% endblock %}