{% extends "base.html" %}
{% block title %}Misc Applications{% endblock %}
{% set active = "pbx-misc" %}
{% block content %}
<div class="container-fluid">
  <h4 class="mb-3">⚙️ Misc Applications</h4>
  <p class="text-muted">Aplicações customizadas que executam ações como tocar áudio, executar comandos, etc.</p>
  <a href="/app/pbx/misc-applications/new" class="btn btn-primary mb-3">➕ Nova Misc Application</a>
  <a href="/app/pbx/misc-destinations" class="btn btn-outline-secondary mb-3 ms-2">⬅ Misc Destinations</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>Dados</th><th>Falha</th><th>Ativo</th><th>Ações</th></tr>
        </thead>
        <tbody>
          {% for a in apps %}
          <tr>
            <td>{{ a.name }}</td>
            <td>{{ a.description or '' }}</td>
            <td><code>{{ a.app_type }}</code></td>
            <td><code>{{ a.app_data[:40] }}{% if a.app_data|length > 40 %}...{% endif %}</code></td>
            <td>{% if a.failover_dest_type %}{{ a.failover_dest_type }}: {{ a.failover_dest_value }}{% else %}-{% endif %}</td>
            <td>{% if a.enabled %}✅{% else %}❌{% endif %}</td>
            <td>
              <a href="/app/pbx/misc-applications/{{ a.id }}/edit" class="btn btn-sm btn-outline-primary">✏️</a>
              <form method="post" action="/app/pbx/misc-applications/{{ a.id }}/delete" style="display:inline">
                <button class="btn btn-sm btn-outline-danger" onclick="return confirm('Excluir?')">🗑️</button>
              </form>
            </td>
          </tr>
          {% endfor %}
          {% if not apps %}
          <tr><td colspan="7" class="text-muted">Nenhuma Misc Application cadastrada.</td></tr>
          {% endif %}
        </tbody>
      </table>
    </div>
  </div>
</div>
{% endblock %}