{% extends "base.html" %}
{% block title %}{{ page_title }}{% endblock %}
{% set active = "pbx-queues" %}
{% block content %}
<div class="d-flex justify-content-between align-items-center mb-3">
  <h4 class="mb-0">📋 Filas</h4>
  <a href="/app/pbx/queues/wizard" class="btn btn-sm btn-warning">🧙 Wizard</a>
  <a href="/app/pbx/queues/new" class="btn btn-sm btn-success">+ Nova Fila</a>
</div>
{% for item in queues %}
<div class="card mb-2">
  <div class="card-header d-flex justify-content-between">
    <span><strong>{{ item.queue.name }}</strong> ({{ item.queue.strategy }})</span>
    <span>
      <a href="/app/pbx/queues/{{ item.queue.id }}/edit" class="btn btn-sm btn-primary">✏️</a>
      <form method="post" action="/app/pbx/queues/{{ item.queue.id }}/delete" style="display:inline" onsubmit="return confirm('Excluir fila {{ item.queue.name }}?')">
        <button type="submit" class="btn btn-sm btn-danger">🗑️</button>
      </form>
    </span>
  </div>
  <div class="card-body py-2">
    <div class="row">
      <div class="col-md-3"><small>Timeout: {{ item.queue.timeout }}s</small></div>
      <div class="col-md-2"><small>Retry: {{ item.queue.retry }}s</small></div>
      <div class="col-md-2"><small>Max: {{ item.queue.maxlen }}</small></div>
      <div class="col-md-2"><small>Wrap: {{ item.queue.wrapuptime }}s</small></div>
      <div class="col-md-3"><small>{% if item.queue.enabled %}<span class="badge bg-success">Ativo</span>{% else %}<span class="badge bg-danger">Inativo</span>{% endif %}</small></div>
    </div>
    <div class="mt-1">
      <small>Membros:</small>
      {% for m in item.members %}
      <span class="badge bg-secondary">{{ m.peer_name }}</span>
      {% else %}
      <span class="text-muted">Nenhum</span>
      {% endfor %}
    </div>
  </div>
</div>
{% else %}
<div class="alert alert-info">Nenhuma fila cadastrada.</div>
{% endfor %}
{% endblock %}