{% extends "base.html" %}
{% block content %}
<div style="max-width: 600px">
  <h2>🌐 Redes Confiáveis</h2>
  <p style="color:#666">Redes que não precisam de tratamento de NAT. O Asterisk usará o IP de origem do cliente SIP, em vez de tentar resolver com o IP externo.</p>

  <table class="table">
    <thead>
      <tr><th>Rede (CIDR)</th><th>Descrição</th><th>Ação</th></tr>
    </thead>
    <tbody>
      {% for net in networks %}
      <tr>
        <td><code>{{ net.network }}</code></td>
        <td>{{ net.description }}</td>
        <td>
          <form method="post" action="/app/pbx/trusted-networks/{{ net.id }}/delete" style="display:inline">
            <button type="submit" class="btn btn-sm btn-danger" onclick="return confirm('Remover esta rede?')">Remover</button>
          </form>
        </td>
      </tr>
      {% endfor %}
    </tbody>
  </table>

  <hr>
  <h4>Adicionar rede</h4>
  <form method="post" action="/app/pbx/trusted-networks/save">
    <div class="form-row">
      <input type="text" name="network" placeholder="10.0.0.0/8" class="form-control" style="width:200px" required>
      <input type="text" name="description" placeholder="Descrição (opcional)" class="form-control" style="width:250px">
      <button type="submit" class="btn btn-primary">Adicionar</button>
    </div>
  </form>
</div>
{% endblock %}