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

  <form method="post" action="/app/pbx/misc-destinations/save">
    {% if d %}<input type="hidden" name="id" value="{{ d.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="{{ d.name if d else '' }}">
      </div>
      <div class="col-md-6 mb-3">
        <label class="form-label">Tipo de Destino</label>
        <select name="dest_type" class="form-select">
          <option value="extension" {% if d and d.dest_type=="extension" %}selected{% endif %}>Ramal</option>
          <option value="queue" {% if d and d.dest_type=="queue" %}selected{% endif %}>Fila</option>
          <option value="ring_group" {% if d and d.dest_type=="ring_group" %}selected{% endif %}>Grupo de Chamada</option>
          <option value="ivr" {% if d and d.dest_type=="ivr" %}selected{% endif %}>URA</option>
          <option value="announcement" {% if d and d.dest_type=="announcement" %}selected{% endif %}>Anúncio</option>
          <option value="conference" {% if d and d.dest_type=="conference" %}selected{% endif %}>Conferência</option>
          <option value="time_condition" {% if d and d.dest_type=="time_condition" %}selected{% endif %}>Cond. Tempo</option>
          <option value="follow_me" {% if d and d.dest_type=="follow_me" %}selected{% endif %}>Follow Me</option>
          <option value="external" {% if d and d.dest_type=="external" %}selected{% endif %}>Externo</option>
          <option value="misc_application" {% if d and d.dest_type=="misc_application" %}selected{% endif %}>Misc App</option>
          <option value="custom" {% if d and d.dest_type=="custom" %}selected{% endif %}>Custom Dest.</option>
        </select>
      </div>
    </div>

    <div class="mb-3">
      <label class="form-label">Valor do Destino *</label>
      <input type="text" name="dest_value" class="form-control" required value="{{ d.dest_value if d else '' }}"
        placeholder="Ex: 3001, vendas, 7000, etc.">
      <div class="form-text">Ramal, extensão da fila, nome do anúncio, etc.</div>
    </div>

    <div class="mb-3">
      <label class="form-label">Dados Adicionais</label>
      <input type="text" name="dest_data" class="form-control" value="{{ d.dest_data if d else '' }}"
        placeholder="Opções extras (opcional)">
    </div>

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

    <div class="mb-3 form-check">
      <input type="checkbox" name="enabled" class="form-check-input" id="chk_enabled"
        {% if not d or d.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/misc-destinations" class="btn btn-secondary">Cancelar</a>
  </form>
</div>
{% endblock %}