{% extends "base.html" %}
{% block title %}{{ page_title }}{% endblock %}
{% set active = "pbx-peers" %}
{% block content %}
<div class="d-flex justify-content-between align-items-center mb-3">
  <h4 class="mb-0">&#x1f50c; Ramais</h4>
  <div>
    <a href="/app/pbx/peers/export-csv" class="btn btn-sm btn-info">&#x1f4e5; Exportar CSV</a>
    <button type="button" class="btn btn-sm btn-warning" onclick="document.getElementById('csvUpload').click()">&#x1f4e4; Importar CSV</button>
    <a href="/app/pbx/peers/wizard" class="btn btn-sm btn-warning">🧙 Wizard</a>
    <a href="/app/pbx/peers/new" class="btn btn-sm btn-success">+ Novo Ramal</a>
  </div>
</div>

<form id="csvForm" method="post" action="/app/pbx/peers/import-csv" enctype="multipart/form-data" style="display:none">
  <input type="file" id="csvUpload" name="csv_file" accept=".csv" onchange="document.getElementById('csvForm').submit()">
</form>

{% if request.query_params.ok %}
<div class="alert alert-success alert-dismissible fade show" role="alert">
  {{ request.query_params.ok }}
  <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
</div>
{% endif %}

{% if request.query_params.error %}
<div class="alert alert-danger alert-dismissible fade show" role="alert">
  Erro: {{ request.query_params.error }}
  <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
</div>
{% endif %}

<table class="table table-sm table-hover">
<thead><tr><th>ID</th><th>Ramal</th><th>Nome</th><th>CallerID</th><th>Acc.Code</th><th>CallGroup</th><th>PickupG</th><th>Senha</th><th>Tipo</th><th>Transp.</th><th>Codecs</th><th>Ativo</th><th>Acoes</th></tr></thead>
<tbody>
{% for p in peers %}
<tr>
  <td>{{ p.id }}</td>
  <td><strong>{{ p.name }}</strong></td>
  <td>{{ p.display_name or "-" }}</td>
  <td>{{ p.callerid or "-" }}</td>
  <td>{{ p.accountcode or "-" }}</td>
              <td class="text-center">{{ p.callgroup or "-" }}</td>
              <td class="text-center">{{ p.pickupgroup or "-" }}</td>
  <td><code>{{ p.secret or "-" }}</code></td>
  <td><span class="badge bg-secondary">{{ p.peer_type }}</span></td>
  <td>{{ p.transport }}</td>
  <td>{{ p.allow }}</td>
  <td>{% if p.enabled %}<span class="badge bg-success">Sim</span>{% else %}<span class="badge bg-danger">Nao</span>{% endif %}</td>
  <td>
    <a href="/app/pbx/peers/{{ p.id }}/edit" class="btn btn-sm btn-primary">&#x270f;&#xfe0f;</a>
    <form method="post" action="/app/pbx/peers/{{ p.id }}/delete" style="display:inline" onsubmit="return confirm('Excluir ramal {{ p.name }}?')">
      <button type="submit" class="btn btn-sm btn-danger">&#x1f5d1;&#xfe0f;</button>
    </form>
  </td>
</tr>
{% else %}
<tr><td colspan="11" class="text-center text-muted">Nenhum ramal cadastrado.</td></tr>
{% endfor %}
</tbody>
</table>

<p class="text-muted small mt-2">
  <strong>Formato CSV:</strong> name, secret, context, allow, callerid, peer_type, direct_media, dtmf_mode, qualify_frequency<br>
  Ramais existentes sao atualizados, novos sao criados.
</p>
{% endblock %}