{% extends "base.html" %}
{% block title %}{% if c %}✏️ Editar{% else %}➕ Novo{% endif %} Custom Destination{% endblock %}
{% set active = "pbx-misc" %}
{% block content %}
<div class="container-fluid">
  <h4 class="mb-3">{% if c %}✏️ Editar{% else %}➕ Novo{% endif %} Custom Destination</h4>

  <div class="alert alert-warning">
    <strong>Atenção:</strong> Custom destinations geram código diretamente no dialplan.
    O contexto <code>custom-destinations</code> é incluído no final do <code>extensions.conf</code>.
  </div>

  <form method="post" action="/app/pbx/custom-destinations/save">
    {% if c %}<input type="hidden" name="id" value="{{ c.id }}">{% endif %}

    <div class="row">
      <div class="col-md-6 mb-3">
        <label class="form-label">Nome *</label>
        <input type="text" name="name" class="form-control" required value="{{ c.name if c else '' }}">
      </div>
      <div class="col-md-3 mb-3">
        <label class="form-label">Extensão *</label>
        <input type="text" name="extension" class="form-control" required value="{{ c.extension if c else '' }}"
          placeholder="Ex: 9999">
      </div>
      <div class="col-md-3 mb-3">
        <label class="form-label">Prioridade</label>
        <input type="number" name="priority" class="form-control" value="{{ c.priority if c else 1 }}" min="1">
      </div>
    </div>

    <div class="row">
      <div class="col-md-6 mb-3">
        <label class="form-label">Aplicação</label>
        <select name="application" class="form-select">
          <option value="Answer" {% if c and c.application=="Answer" %}selected{% endif %}>Answer</option>
          <option value="Dial" {% if c and c.application=="Dial" %}selected{% endif %}>Dial</option>
          <option value="Goto" {% if c and c.application=="Goto" %}selected{% endif %}>Goto</option>
          <option value="Queue" {% if c and c.application=="Queue" %}selected{% endif %}>Queue</option>
          <option value="Playback" {% if c and c.application=="Playback" %}selected{% endif %}>Playback</option>
          <option value="Background" {% if c and c.application=="Background" %}selected{% endif %}>Background</option>
          <option value="Hangup" {% if c and c.application=="Hangup" %}selected{% endif %}>Hangup</option>
          <option value="SayDigits" {% if c and c.application=="SayDigits" %}selected{% endif %}>SayDigits</option>
          <option value="Wait" {% if c and c.application=="Wait" %}selected{% endif %}>Wait</option>
          <option value="System" {% if c and c.application=="System" %}selected{% endif %}>System</option>
        </select>
      </div>
      <div class="col-md-6 mb-3">
        <label class="form-label">Dados da Aplicação</label>
        <input type="text" name="app_data" class="form-control" value="{{ c.app_data if c else '' }}"
          placeholder="Ex: PJSIP/3001,30,tT">
        <div class="form-text">Parâmetros da aplicação (ex: para Dial: PJSIP/3001,30,tT)</div>
      </div>
    </div>

    <div class="mb-3">
      <label class="form-label">Contexto (avançado)</label>
      <input type="text" name="context" class="form-control" value="{{ c.context if c else 'custom-destinations' }}"
        placeholder="custom-destinations">
      <div class="form-text">Normalmente não precisa alterar. Contexto padrão: custom-destinations.</div>
    </div>

    <div class="mb-3">
      <label class="form-label">Descrição</label>
      <textarea name="description" class="form-control" rows="2">{{ c.description if c else '' }}</textarea>
    </div>

    <div class="mb-3 form-check">
      <input type="checkbox" name="enabled" class="form-check-input" id="chk_enabled"
        {% if not c or c.enabled %}checked{% endif %}>
      <label class="form-check-label" for="chk_enabled">Ativo</label>
    </div>

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