{% extends "base.html" %}
{% block title %}{% if route %}Editar {{ route.name }}{% else %}Nova Rota de Saída{% endif %}{% endblock %}
{% set active = "app-outbound" %}
{% block content %}
<h4>{% if route %}✏️ {{ route.name }}{% else %}➕ Nova Rota de Saída{% endif %}</h4>
<form method="post" action="/app/pbx/outbound-routes/save" class="row g-3">
  {% if route %}<input type="hidden" name="id" value="{{ route.id }}">{% endif %}
  <div class="col-md-4">
    <label class="form-label">Nome *</label>
    <input type="text" name="name" class="form-control" required value="{{ route.name if route else "" }}">
  </div>
  <div class="col-md-4">
    <label class="form-label">Prioridade</label>
    <input type="number" name="priority" class="form-control" value="{{ route.priority if route else 0 }}">
  </div>
  <div class="col-md-4">
    <div class="form-check mt-2">
      <input type="checkbox" name="enabled" class="form-check-input" id="chk_en" {% if not route or route.enabled %}checked{% endif %}>
      <label class="form-check-label" for="chk_en">Ativo</label>
    </div>
    <div class="col-12">
      <div class="form-check">
        <input type="checkbox" name="recording" class="form-check-input" id="chk_rec_out" {% if route and route.recording %}checked{% endif %}>
        <label class="form-check-label" for="chk_rec_out">🎤 Gravar Chamadas</label>
      </div>
    </div>
  </div>
  <div class="col-md-6">
    <label class="form-label">Padrao de Discagem *</label>
    <input type="text" name="pattern" class="form-control" required value="{{ route.pattern if route else "_X." }}" placeholder="Ex: _9NXXXXXX, _55X., _011.">
    <small class="text-muted">Use _ como coringa. Ex: _9NXXXXXX = 9 + 7 digitos, _55X. = 55 + qualquer numero</small>
  </div>
  <div class="col-md-3">
    <label class="form-label">Prepend (prefixo)</label>
    <input type="text" name="prepend" class="form-control" value="{{ route.prepend if route else "" }}" placeholder="Ex: 051">
                    <div class="mb-3">
                        <label class="form-label">Caller ID</label>
                        <input type="text" class="form-control" name="callerid" value="{{ route.callerid if route else "" }}" placeholder="Ex: 0880">
                        <div class="form-text">Caller ID a ser enviado nas chamadas desta rota (sobrescreve o do tronco).</div>
                    </div>
  </div>
  <div class="col-md-3">
    <label class="form-label">Descricao</label>
    <input type="text" name="description" class="form-control" value="{{ route.description if route else "" }}">
  </div>
  <div class="col-md-6">
    <label class="form-label">Troncos (ordem de tentativa)</label>
    <select name="trunks" class="form-select" multiple size="5">
      {% for t in trunks %}
      <option value="{{ t.name }}" {% if route and t.name in route.trunks.split(",") %}selected{% endif %}>{{ t.name }}{% if t.enabled %}{% else %} (inativo){% endif %}</option>
      {% endfor %}
    </select>
    <small class="text-muted">Selecione os troncos na ordem desejada (Ctrl+click para multiplos)</small>
  </div>
  <div class="col-12">
    <div class="alert alert-info py-2 mb-0"><small>💡 A rota <strong>_X.</strong> captura qualquer numero com mais de 1 digito. Crie rotas mais especificas primeiro (ex: _55X.) e coloque _X. como fallback com prioridade alta.</small></div>
  </div>
  <div class="col-12">
    <button type="submit" class="btn btn-primary">💾 Salvar</button>
    <a href="/app/pbx/outbound-routes" class="btn btn-secondary">Cancelar</a>
  </div>
</form>
{% endblock %}