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

  <div class="col-md-4">
    <label class="form-label">Nome *</label>
    <input type="text" name="name" class="form-control" required value="{{ ivr.name if ivr else '' }}">
  </div>
  <div class="col-md-4">
    <label class="form-label">Extensão *</label>
    <input type="text" name="extension" class="form-control" required value="{{ ivr.extension if ivr else '' }}">
  </div>
  <div class="col-md-4">
    <label class="form-label">Contexto</label>
    <input type="text" name="context" class="form-control" value="{{ ivr.context if ivr else 'ivr-main' }}">
  </div>

  <div class="col-md-6">
    <label class="form-label">Arquivo de áudio (sem .wav)</label>
    <input type="text" name="prompt_file" class="form-control" value="{{ ivr.prompt_file if ivr else '' }}">
    <small class="text-muted">Arquivo em /var/lib/asterisk/sounds/</small>
  </div>
  <div class="col-md-3">
    <label class="form-label">Timeout (s)</label>
    <input type="number" name="timeout" class="form-control" value="{{ ivr.timeout if ivr else 10 }}">
  </div>
  <div class="col-md-3">
    <label class="form-label">Tentativas inválidas</label>
    <input type="number" name="invalid_loops" class="form-control" value="{{ ivr.invalid_loops if ivr else 3 }}">
  </div>

  <div class="col-md-6">
    <label class="form-label">Destino timeout</label>
    <input type="text" name="timeout_destination" class="form-control" value="{{ ivr.timeout_destination if ivr else 's' }}">
  </div>
  <div class="col-md-6">
    <label class="form-label">Destino inválido</label>
    <input type="text" name="invalid_destination" class="form-control" value="{{ ivr.invalid_destination if ivr else 's' }}">
  </div>

  <div class="col-12">
    <div class="form-check">
      <input type="checkbox" name="enabled" class="form-check-input" id="chk_iven" {% if not ivr or ivr.enabled %}checked{% endif %}>
      <label class="form-check-label" for="chk_iven">Ativo</label>
    </div>
  </div>

  <div class="col-12">
    <h6 class="mt-2">Opções do Menu</h6>
    <small class="text-muted">Configure as teclas e destinos. Separe múltiplas entradas com vírgulas.</small>
    <div class="row mt-2">
      <div class="col-md-2">
        <label class="form-label">Teclas (ex: 1,2,3)</label>
        <input type="text" name="entry_digit" class="form-control" value="{% if entries %}{{ entries|map(attribute="digit")|join(",") }}{% endif %}">
      </div>
      <div class="col-md-4">
        <label class="form-label">Tipo (ex: extension,queue,ring_group,ivr)</label>
        <input type="text" name="entry_type" class="form-control" value="{% if entries %}{{ entries|map(attribute="destination_type")|join(",") }}{% endif %}">
      </div>
      <div class="col-md-4">
        <label class="form-label">Destino (ramal, fila, grupo, outra URA)</label>
        <input type="text" name="entry_dest" class="form-control" value="{% if entries %}{{ entries|map(attribute="destination")|join(",") }}{% endif %}">
      </div>
    </div>
  </div>

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

<script>
// Preencher automaticamente sugestoes quando selecionar tipo
document.addEventListener("DOMContentLoaded", function() {
  // Nao precisa de mais nada - o formulario de texto separado por virgulas é simples
});
</script>
{% endblock %}