{% extends "base.html" %}
{% block title %}Agentes{% endblock %}
{% set active = "agents" %}
{% block content %}
<h4 class="mb-3">👤 Agentes</h4>
<table class="table table-sm">
<thead><tr><th>ID</th><th>Nome</th><th>Ramal</th><th>E-mail</th><th>Status</th><th>Ações</th></tr></thead>
<tbody>{% for a in agents %}<tr>
  <td>{{ a.id }}</td><td>{{ a.name }}</td><td>{{ a.extension or "—" }}</td><td>{{ a.email or "—" }}</td>
  <td>
    <span class="badge {% if a.status=="available" %}bg-success{% elif a.status=="busy" %}bg-warning{% elif a.status=="paused" %}bg-info{% else %}bg-secondary{% endif %}">{{ a.status }}</span>
  </td>
  <td>
    <button class="btn btn-sm btn-success" onclick="retomarAgente({{ a.id }})">▶ Retomar</button>
    <button class="btn btn-sm btn-info" onclick="pausarAgente({{ a.id }})">⏸ Pausar</button>
  </td>
</tr>{% endfor %}</tbody>
</table>
{% endblock %}