{% extends "base.html" %}
{% block title %}Filas{% endblock %}
{% set active = "pbx-queues" %}
{% block content %}
<h4 class="mb-3">📋 Filas</h4>

<div class="row mb-3">
  <div class="col">
    <a href="/app/pbx/queues/new" class="btn btn-primary">+ Nova Fila</a>
  </div>
</div>

{% for item in queues %}
<div class="card mb-3">
  <div class="card-header d-flex justify-content-between align-items-center">
    <span><strong>{{ item.queue.name }}</strong> 
      {% if item.queue.enabled %}<span class="badge bg-success">Ativa</span>
      {% else %}<span class="badge bg-danger">Inativa</span>{% endif %}
    </span>
    <div>
      <a href="/app/pbx/queues/edit/{{ item.queue.id }}" class="btn btn-sm btn-outline-primary">✏️</a>
    </div>
  </div>
  <div class="card-body">
    <div class="row g-3">
      <div class="col-md-3">
        <small class="text-muted d-block">Estratégia</small>
        <span>{{ item.queue.strategy }}</span>
      </div>
      <div class="col-md-3">
        <small class="text-muted d-block">Timeout</small>
        <span>{{ item.queue.timeout }}s</span>
      </div>
      <div class="col-md-3">
        <small class="text-muted d-block">Retry</small>
        <span>{{ item.queue.retry }}s</span>
      </div>
      <div class="col-md-3">
        <small class="text-muted d-block">Máximo na fila</small>
        <span>{% if item.queue.maxlen > 0 %}{{ item.queue.maxlen }}{% else %}Ilimitado{% endif %}</span>
      </div>
      <div class="col-md-3">
        <small class="text-muted d-block">Música em Espera</small>
        <span>{% if item.queue.musicclass %}{{ item.queue.musicclass }}{% else %}default{% endif %}</span>
      </div>
      <div class="col-md-3">
        <small class="text-muted d-block">Wrap-up</small>
        <span>{{ item.queue.wrapuptime }}s</span>
      </div>
      <div class="col-md-3">
        <small class="text-muted d-block">Gravação</small>
        <span>{% if item.queue.recording %}Sim{% else %}Nao{% endif %}</span>
      </div>
      <div class="col-md-3">
        <small class="text-muted d-block">Ramal</small>
        <span>{% if item.queue.extension %}{{ item.queue.extension }}{% else %}{{ item.queue.name }}{% endif %}</span>
      </div>
    </div>

    {% if item.members %}
    <h6 class="mt-3 mb-2">📞 Membros</h6>
    <div class="table-responsive">
      <table class="table table-sm">
        <thead>
          <tr>
            <th>Ramal</th>
            <th>Penalty</th>
            <th>Pausado</th>
          </tr>
        </thead>
        <tbody>
          {% for m in item.members %}
          <tr>
            <td>{{ m.peer_name }}</td>
            <td>{{ m.penalty }}</td>
            <td>{{ "Sim" if m.paused else "Não" }}</td>
          </tr>
          {% endfor %}
        </tbody>
      </table>
    </div>
    {% else %}
    <div class="alert alert-info mt-2 mb-0 py-2">Nenhum membro atribuído a esta fila.</div>
    {% endif %}
  </div>
</div>
{% else %}
<div class="alert alert-info">Nenhuma fila cadastrada.</div>
{% endfor %}
{% endblock %}