{% extends "base.html" %}
{% block title %}Misc Destinations{% endblock %}
{% set active = "pbx-misc" %}
{% block content %}
<div class="container-fluid">
  <h4 class="mb-3">📍 Misc Destinations</h4>
  <p class="text-muted">Destinos customizados que podem ser usados em qualquer lugar do PABX (rotas, filas, URAs, etc.).</p>
  <a href="/app/pbx/misc-destinations/new" class="btn btn-primary mb-3">➕ Novo Misc Destination</a>
  <a href="/app/pbx/misc-applications" class="btn btn-outline-secondary mb-3 ms-2">➡ Misc Applications</a>
  <a href="/app/pbx/custom-destinations" class="btn btn-outline-secondary mb-3 ms-2">➡ Custom Destinations</a>

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