{% extends "base.html" %}
{% block title %}{{ page_title }}{% endblock %}
{% set active = "pbx-trunks" %}
{% block content %}
<h4>{% if trunk %}✏️ Editar Tronco {{ trunk.name }}{% else %}➕ Novo Tronco PJSIP{% endif %}</h4>
<form method="post" action="/app/pbx/trunks/save" class="row g-3">
  {% if trunk %}<input type="hidden" name="id" value="{{ trunk.id }}">{% endif %}

  <div class="col-12"><hr><h5 class="my-1">📡 Geral</h5></div>

  <div class="col-md-4">
    <label class="form-label">Nome *</label>
    <input type="text" name="name" class="form-control" required value="{{ trunk.name if trunk else '' }}">
  </div>
  <div class="col-md-4">
    <label class="form-label">Host/Provedor *</label>
    <input type="text" name="host" class="form-control" required value="{{ trunk.host if trunk else '' }}">
  </div>
  <div class="col-md-2">
    <label class="form-label">Porta</label>
    <input type="number" name="port" class="form-control" value="{{ trunk.port if trunk else 5060 }}">
  </div>
  <div class="col-md-2">
    <label class="form-label">Transporte</label>
    <select name="transport" class="form-select">
      <option value="udp" {% if not trunk or trunk.transport=="udp" %}selected{% endif %}>UDP</option>
      <option value="tcp" {% if trunk and trunk.transport=="tcp" %}selected{% endif %}>TCP</option>
      <option value="tls" {% if trunk and trunk.transport=="tls" %}selected{% endif %}>TLS</option>
      <option value="ws" {% if trunk and trunk.transport=="ws" %}selected{% endif %}>WS</option>
      <option value="wss" {% if trunk and trunk.transport=="wss" %}selected{% endif %}>WSS</option>
    </select>
  </div>

  <div class="col-md-4">
    <label class="form-label">Usuário</label>
    <input type="text" name="username" class="form-control" value="{{ trunk.username if trunk else '' }}">
  </div>
  <div class="col-md-4">
    <label class="form-label">Senha</label>
    <input type="text" name="secret" class="form-control" value="{{ trunk.secret if trunk else '' }}">
  </div>
  <div class="col-md-4">
    <label class="form-label">Contexto</label>
    <input type="text" name="context" class="form-control" value="{{ trunk.context if trunk else 'from-pstn' }}">
  </div>

  <div class="col-12"><hr><h5 class="my-1">🔢 Codecs & DTMF</h5></div>

  <div class="col-md-4">
    <label class="form-label">Allow (codecs)</label>
    <input type="text" name="allow" class="form-control" value="{{ trunk.allow if trunk else 'ulaw,alaw' }}">
  </div>
  <div class="col-md-4">
    <label class="form-label">Disallow</label>
    <input type="text" name="disallow" class="form-control" value="{{ trunk.disallow if trunk else 'all' }}">
  </div>
  <div class="col-md-4">
    <label class="form-label">DTMF</label>
    <select name="dtmf_mode" class="form-select">
      <option value="rfc4733" {% if trunk and trunk.dtmf_mode=="rfc4733" %}selected{% endif %}>RFC 4733</option>
      <option value="inband" {% if trunk and trunk.dtmf_mode=="inband" %}selected{% endif %}>Inband</option>
      <option value="info" {% if trunk and trunk.dtmf_mode=="info" %}selected{% endif %}>SIP INFO</option>
      <option value="auto" {% if trunk and trunk.dtmf_mode=="auto" %}selected{% endif %}>Auto</option>
    </select>
  </div>

  <div class="col-12"><hr><h5 class="my-1">📞 CallerID & Identificação</h5></div>

  <div class="col-md-4">
    <label class="form-label">Caller ID</label>
    <input type="text" name="callerid" class="form-control" value="{{ trunk.callerid if trunk else '' }}" placeholder="Ex: 5133330000">
  </div>
  <div class="col-md-4">
    <label class="form-label">From User</label>
    <input type="text" name="from_user" class="form-control" value="{{ trunk.from_user if trunk else '' }}">
    <small class="text-muted">Deixe vazio para usar o CallerID.</small>
  </div>
  <div class="col-md-4">
    <label class="form-label">From Domain</label>
    <input type="text" name="from_domain" class="form-control" value="{{ trunk.from_domain if trunk else '' }}">
  </div>

  <div class="col-12"><hr><h5 class="my-1">🔌 Media & NAT</h5></div>

  <div class="col-md-3">
    <div class="form-check mt-2">
      <input type="checkbox" name="qualify" class="form-check-input" id="chk_tqual" {% if not trunk or trunk.qualify %}checked{% endif %}>
      <label class="form-check-label" for="chk_tqual">Qualify</label>
    </div>
  </div>
  <div class="col-md-3">
    <label class="form-label">Qualify Interval (s)</label>
    <input type="number" name="qualify_frequency" class="form-control" value="{{ trunk.qualify_frequency if trunk else 30 }}" min="5" max="600">
  </div>
  <div class="col-md-3">
    <label class="form-label">Max Contacts</label>
    <input type="number" name="max_contacts" class="form-control" value="{{ trunk.max_contacts if trunk else 1 }}" min="1" max="50">
  </div>
  <div class="col-md-3">
    <label class="form-label">Progress Inband</label>
    <select name="progress_inband" class="form-select">
      <option value="never" {% if not trunk or trunk.progress_inband=="never" %}selected{% endif %}>Never</option>
      <option value="yes" {% if trunk and trunk.progress_inband=="yes" %}selected{% endif %}>Yes</option>
      <option value="no" {% if trunk and trunk.progress_inband=="no" %}selected{% endif %}>No</option>
    </select>
  </div>

  <div class="col-12">
    <div class="form-check form-check-inline">
      <input type="checkbox" name="force_rport" class="form-check-input" id="chk_fr" {% if not trunk or trunk.force_rport %}checked{% endif %}>
      <label class="form-check-label" for="chk_fr">Force rport</label>
    </div>
    <div class="form-check form-check-inline">
      <input type="checkbox" name="rewrite_contact" class="form-check-input" id="chk_rc" {% if trunk and trunk.rewrite_contact %}checked{% endif %}>
      <label class="form-check-label" for="chk_rc">Rewrite Contact</label>
    </div>
    <div class="form-check form-check-inline">
      <input type="checkbox" name="direct_media" class="form-check-input" id="chk_dm" {% if trunk and trunk.direct_media %}checked{% endif %}>
      <label class="form-check-label" for="chk_dm">Direct Media</label>
    </div>
    <div class="form-check form-check-inline">
      <input type="checkbox" name="encryption" class="form-check-input" id="chk_enc" {% if trunk and trunk.encryption %}checked{% endif %}>
      <label class="form-check-label" for="chk_enc">Encryption (SRTP)</label>
    </div>
  </div>

  <div class="col-12"><hr><h5 class="my-1">🛡️ Confiança & Headers</h5></div>

  <div class="col-md-4">
    <div class="form-check">
      <input type="checkbox" name="trust_id_inbound" class="form-check-input" id="chk_ti" {% if not trunk or trunk.trust_id_inbound %}checked{% endif %}>
      <label class="form-check-label" for="chk_ti">Trust ID Inbound</label>
    </div>
    <div class="form-check">
      <input type="checkbox" name="send_rpid" class="form-check-input" id="chk_rpid" {% if not trunk or trunk.send_rpid %}checked{% endif %}>
      <label class="form-check-label" for="chk_rpid">Send RPID</label>
    </div>
    <div class="form-check">
      <input type="checkbox" name="send_pai" class="form-check-input" id="chk_pai" {% if not trunk or trunk.send_pai %}checked{% endif %}>
      <label class="form-check-label" for="chk_pai">Send PAI</label>
    </div>
  </div>
  <div class="col-md-4">
    <div class="form-check">
      <input type="checkbox" name="recording" class="form-check-input" id="chk_rec_trunk" {% if trunk and trunk.recording %}checked{% endif %}>
      <label class="form-check-label" for="chk_rec_trunk">🎤 Gravar Chamadas</label>
    </div>
    <div class="form-check mt-2">
      <input type="checkbox" name="enabled" class="form-check-input" id="chk_ten" {% if trunk and trunk.enabled %}checked{% endif %}>
      <label class="form-check-label" for="chk_ten">Ativo</label>
    </div>
  </div>

  <div class="col-12"><hr><h5 class="my-1">📝 Observações</h5></div>
  <div class="col-12">
    <textarea name="notes" class="form-control" rows="2">{{ trunk.notes if trunk else '' }}</textarea>
  </div>

  <div class="col-12">
    <button type="submit" class="btn btn-primary">💾 Salvar</button>
    <a href="/app/pbx/trunks" class="btn btn-secondary">Cancelar</a>
  </div>
</form>
{% endblock %}