{% extends "base.html" %}
{% block title %}Atendimentos{% endblock %}
{% set active = "attendances" %}
{% block content %}
<h4 class="mb-3">📝 Atendimentos</h4>
<form method="get" class="row g-2 mb-2">
  <div class="col-auto">
    <select name="status" class="form-select form-select-sm" onchange="this.form.submit()">
      <option value="">Todos</option>
      <option value="open" {% if status_filter=="open" %}selected{% endif %}>Abertos</option>
      <option value="in_progress" {% if status_filter=="in_progress" %}selected{% endif %}>Em andamento</option>
      <option value="resolved" {% if status_filter=="resolved" %}selected{% endif %}>Resolvidos</option>
    </select>
  </div>
  <div class="col-auto"><input type="text" name="q" class="form-control form-control-sm" placeholder="Buscar número..." value="{{ q or "" }}"></div>
  <div class="col-auto"><button class="btn btn-sm btn-primary">Filtrar</button></div>
</form>
<table class="table table-sm">
<thead><tr><th>ID</th><th>Protocolo</th><th>Número</th><th>Agente</th><th>Status</th><th>Início</th><th>Ações</th></tr></thead>
<tbody>{% for a in attendances %}<tr>
  <td>{{ a.id }}</td><td><code>{{ a.protocol or "—" }}</code></td><td>{{ a.caller_num or "—" }}</td>
  <td>{{ a.agent_name or "—" }}</td>
  <td><span class="badge {% if a.status=="resolved" %}bg-success{% elif a.status=="in_progress" %}bg-warning{% else %}bg-primary{% endif %}">{{ a.status }}</span></td>
  <td>{{ a.created_at.strftime("%d/%m %H:%M") if a.created_at else "—" }}</td>
  <td>
    {% if a.status != "resolved" %}
    <button class="btn btn-sm btn-danger" onclick="fecharAtendimento({{ a.id }})">🔒 Fechar</button>
    {% endif %}
  </td>
</tr>{% endfor %}</tbody>
</table>
{% endblock %}