{% extends "base.html" %}
{% block content %}
<h2>⚙️ Facilidades / Feature Codes</h2>
<p class="text-muted">Códigos DTMF para funções do PABX. A alteração pode afetar chamadas em andamento.</p>

<form method="post" action="/app/pbx/features/save">
<div class="row">
{% for sec_name, sec_title in [('general','⚙️ Geral'), ('featuremap','📞 Mapa de Recursos'), ('applicationmap','🔧 Mapa de Aplicações')] %}
{% if sections[sec_name] %}
<div class="col-12 col-md-6 mb-4">
  <div class="card">
    <div class="card-header"><strong>{{ sec_title }}</strong></div>
    <div class="card-body p-0">
      <table class="table table-sm mb-0">
        <thead>
          <tr>
            <th style="width:40%">Recurso</th>
            <th style="width:30%">Código</th>
            <th style="width:20%">Ativo</th>
          </tr>
        </thead>
        <tbody>
{% for f in sections[sec_name] %}
          <tr>
            <td>
              <input type="hidden" name="id" value="{{ f.id }}">
              <small class="text-muted">{{ f.feature_name }}</small>
            </td>
            <td>
              <input type="text" class="form-control form-control-sm" name="code_{{ f.id }}" value="{{ f.dtmf_code }}" placeholder="Ex: ##, *2, *8">
            </td>
            <td class="text-center">
              <input type="checkbox" class="form-check-input" name="enabled_{{ f.id }}" value="1"{% if f.enabled %} checked{% endif %}>
              {% if f.description %}<br><small class="text-muted">{{ f.description }}</small>{% endif %}
            </td>
          </tr>
{% endfor %}
        </tbody>
      </table>
    </div>
  </div>
</div>
{% endif %}
{% endfor %}
</div>

<div class="text-center mt-3">
  <button type="submit" class="btn btn-primary btn-lg">💾 Salvar Alterações</button>
</div>
</form>

{% endblock %}