{% extends "base.html" %}
{% block title %}Rotas de Saída{% endblock %}
{% set active = "app-outbound" %}
{% block content %}
<div class="d-flex justify-content-between align-items-center mb-3">
  <h4 class="mb-0">📤 Rotas de Saída</h4>
  <a href="/app/pbx/outbound-routes/wizard" class="btn btn-sm btn-warning">🧙 Wizard</a>
  <a href="/app/pbx/outbound-routes/new" class="btn btn-sm btn-success">+ Nova Rota</a>
</div>
{% for r in routes %}
<div class="card mb-2">
  <div class="card-header d-flex justify-content-between align-items-center">
    <span><strong>{{ r.name }}</strong></span>
    <span>
      <a href="/app/pbx/outbound-routes/{{ r.id }}/edit" class="btn btn-sm btn-primary">✏️</a>
      <form method="post" action="/app/pbx/outbound-routes/{{ r.id }}/delete" style="display:inline" onsubmit="return confirm("Excluir {{ r.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>Padrão: <code>{{ r.pattern }}</code></small></div>
      <div class="col-md-3"><small>Prepend: <code>{{ r.prepend or "-" }}</code></small></div>
      <div class="col-md-4"><small>Troncos: {% for t in r.trunks.split(",") %}<span class="badge bg-secondary me-1">{{ t.strip() }}</span>{% endfor %}</small></div>
      <div class="col-md-2"><small>{% if r.enabled %}<span class="badge bg-success">Ativo</span>{% else %}<span class="badge bg-danger">Inativo</span>{% endif %}</small></div>
    </div>
  </div>
</div>
{% else %}<div class="alert alert-info">Nenhuma rota de saida cadastrada.</div>{% endfor %}
{% endblock %}