{% extends "base.html" %}
{% block title %}{{ page_title }}{% endblock %}
{% set active = "pbx-trunks" %}
{% block content %}
<div class="d-flex justify-content-between align-items-center mb-3">
  <h4 class="mb-0">🌐 Troncos</h4>
  <div>
    <a href="/app/pbx/trunks/wizard" class="btn btn-sm btn-warning">🧙 Wizard</a>
    <a href="/app/pbx/trunks/new" class="btn btn-sm btn-success">+ Novo PJSIP</a>
    <a href="/app/pbx/iax-trunks/new" class="btn btn-sm btn-primary">+ Novo Tronco IAX2</a>
  </div>
</div>
<table class="table table-sm table-hover">
<thead><tr><th>ID</th><th>Nome</th><th>Tecnologia</th><th>Host</th><th>Contexto</th><th>Ativo</th><th>Ações</th></tr></thead>
<tbody>{% for t in trunks %}<tr>
  <td>{{ t.id }}</td>
  <td><strong>{{ t.name }}</strong></td>
  <td><span class="badge {% if t.technology == 'PJSIP' %}bg-info{% else %}bg-secondary{% endif %}">{{ t.technology }}</span></td>
  <td>{{ t.host }}</td>
  <td>{{ t.context }}</td>
  <td>{% if t.enabled %}<span class="badge bg-success">Sim</span>{% else %}<span class="badge bg-danger">Não</span>{% endif %}</td>
  <td>
    {% if t.source == "pjsip" %}
    <a href="/app/pbx/trunks/{{ t.id }}/edit" class="btn btn-sm btn-primary">✏️</a>
    <form method="post" action="/app/pbx/trunks/{{ t.id }}/delete" style="display:inline" onsubmit="return confirm('Excluir tronco {{ t.name }}?')">
      <button type="submit" class="btn btn-sm btn-danger">🗑️</button>
    </form>
    {% else %}
    <a href="/app/pbx/iax-trunks/{{ t.id }}/edit" class="btn btn-sm btn-primary">✏️</a>
    <form method="post" action="/app/pbx/iax-trunks/{{ t.id }}/delete" style="display:inline" onsubmit="return confirm('Excluir tronco {{ t.name }}?')">
      <button type="submit" class="btn btn-sm btn-danger">🗑️</button>
    </form>
    {% endif %}
  </td>
</tr>{% else %}<tr><td colspan="7" class="text-center text-muted">Nenhum tronco cadastrado.</td></tr>{% endfor %}</tbody>
</table>
{% endblock %}