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

  <div class="col-md-4">
    <label class="form-label">Nome *</label>
    <input type="text" name="name" class="form-control" required value="{{ group.name if group else '' }}">
  </div>
  <div class="col-md-4">
    <label class="form-label">Extensão *</label>
    <input type="text" name="extension" class="form-control" required value="{{ group.extension if group else '' }}">
  </div>
  <div class="col-md-4">
    <label class="form-label">Estratégia</label>
    <select name="strategy" class="form-select">
      <option value="ringall" {% if not group or group.strategy=="ringall" %}selected{% endif %}>Ring All</option>
      <option value="hunt" {% if group and group.strategy=="hunt" %}selected{% endif %}>Hunt</option>
      <option value="memoryhunt" {% if group and group.strategy=="memoryhunt" %}selected{% endif %}>Memory Hunt</option>
      <option value="random" {% if group and group.strategy=="random" %}selected{% endif %}>Random</option>
    </select>
  </div>

  <div class="col-md-4">
    <label class="form-label">Timeout (s)</label>
    <input type="number" name="timeout" class="form-control" value="{{ group.timeout if group else 25 }}">
  </div>
  <div class="col-md-4">
    <label class="form-label">Toque por membro (s)</label>
    <input type="number" name="ring_us" class="form-control" value="{{ group.ring_us if group else 30 }}">
  </div>
  <div class="col-md-4">
    <label class="form-label">Contexto</label>
    <input type="text" name="context" class="form-control" value="{{ group.context if group else 'from-internal' }}">
  </div>

  <div class="col-12">
    <div class="form-check">
      <input type="checkbox" name="enabled" class="form-check-input" id="chk_rgen" {% if not group or group.enabled %}checked{% endif %}>
      <label class="form-check-label" for="chk_rgen">Ativo</label>
    </div>
  <div class="col-12">
    <div class="form-check">
      <input type="checkbox" name="recording" class="form-check-input" id="chk_rec_rg" {% if group and group.recording %}checked{% endif %}>
      <label class="form-check-label" for="chk_rec_rg">🎤 Gravar Chamadas</label>
    </div>
  </div>
  </div>

  <div class="col-12">
    <label class="form-label">Membros (selecionar ramais)</label>
    <select name="members" class="form-select" multiple size="4">
      {% for peer in peers %}
      <option value="{{ peer.name }}" {% if members and peer.name in members|map(attribute="peer_name") %}selected{% endif %}>{{ peer.name }}{% if peer.callerid %} - {{ peer.callerid }}{% endif %}</option>
      {% endfor %}
    </select>
    <small class="text-muted">Segure Ctrl para múltiplos. A ordem de seleção define a ordem no Hunt.</small>
  </div>

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