{% extends "base.html" %}
{% block title %}Custom Destinations{% endblock %}
{% set active = "pbx-misc" %}
{% block content %}
<div class="container-fluid">
  <h4 class="mb-3">🔧 Custom Destinations</h4>
  <p class="text-muted">Definições livres de extensão no dialplan. Use para criar destinos com lógica específica.</p>
  <a href="/app/pbx/custom-destinations/new" class="btn btn-primary mb-3">➕ Novo Custom Destination</a>
  <a href="/app/pbx/misc-destinations" class="btn btn-outline-secondary mb-3 ms-2">⬅ Misc Destinations</a>

  <div class="card">
    <div class="card-body">
      <table class="table table-striped">
        <thead>
          <tr><th>Nome</th><th>Descrição</th><th>Contexto</th><th>Extensão</th><th>App</th><th>Ativo</th><th>Ações</th></tr>
        </thead>
        <tbody>
          {% for c in customs %}
          <tr>
            <td>{{ c.name }}</td>
            <td>{{ c.description or '' }}</td>
            <td><code>{{ c.context }}</code></td>
            <td><code>{{ c.extension }}</code></td>
            <td><code>{{ c.application }}{% if c.app_data %} {{ c.app_data }}{% endif %}</code></td>
            <td>{% if c.enabled %}✅{% else %}❌{% endif %}</td>
            <td>
              <a href="/app/pbx/custom-destinations/{{ c.id }}/edit" class="btn btn-sm btn-outline-primary">✏️</a>
              <form method="post" action="/app/pbx/custom-destinations/{{ c.id }}/delete" style="display:inline">
                <button class="btn btn-sm btn-outline-danger" onclick="return confirm('Excluir?')">🗑️</button>
              </form>
            </td>
          </tr>
          {% endfor %}
          {% if not customs %}
          <tr><td colspan="7" class="text-muted">Nenhum Custom Destination cadastrado.</td></tr>
          {% endif %}
        </tbody>
      </table>
    </div>
  </div>
</div>
{% endblock %}