{% extends "base.html" %}
{% block title %}{% if item %}Editar {{ item.name }}{% else %}Novo Follow Me{% endif %}{% endblock %}
{% set active = "app-followme" %}
{% block content %}
<h4>{% if item %}✏️ {{ item.name }}{% else %}➕ Novo Follow Me{% endif %}</h4>
<form method="post" action="/app/pbx/follow-me/save" class="row g-3">
  {% if item %}<input type="hidden" name="id" value="{{ item.id }}">{% endif %}
  <div class="col-md-4">
    <label class="form-label">Nome *</label>
    <input type="text" name="name" class="form-control" required value="{{ item.name if item else "" }}">
  </div>
  <div class="col-md-4">
    <label class="form-label">Ramal de Origem *</label>
    <select name="extension" class="form-select" required>
      <option value="">Selecione</option>
      {% for p in peers %}<option value="{{ p.name }}" {% if item and item.extension == p.name %}selected{% endif %}>{{ p.name }}</option>{% endfor %}
    </select>
  </div>
  <div class="col-md-2">
    <label class="form-label">Timeout (s)</label>
    <input type="number" name="ring_timeout" class="form-control" value="{{ item.ring_timeout if item else 30 }}">
  </div>
  <div class="col-md-2">
    <div class="form-check mt-2">
      <input type="checkbox" name="enabled" class="form-check-input" id="chk_en" {% if not item or item.enabled %}checked{% endif %}>
      <label class="form-check-label" for="chk_en">Ativo</label>
    </div>
  </div>
  <div class="col-12">
    <label class="form-label">Destinos (separados por vírgula)</label>
    <input type="text" name="destinations" class="form-control" required value="{{ item.destinations if item else "" }}" placeholder="Ex: 1000, 1001, 5199998888">
    <small class="text-muted">Destinos podem ser ramais PJSIP ou números externos. O sistema toca todos simultaneamente.</small>
  </div>
  <div class="col-12">
    <label class="form-label">Descrição</label>
    <textarea name="description" class="form-control" rows="2">{{ item.description if item else "" }}</textarea>
  </div>
  <div class="col-12">
    <button type="submit" class="btn btn-primary">💾 Salvar</button>
    <a href="/app/pbx/follow-me" class="btn btn-secondary">Cancelar</a>
  </div>
</form>
{% endblock %}