{#
  Componente universal de seletor de destino.
  Parametros:
    all_destinations: dict de _get_all_destinations()
    selected_type: string (ex: "queue", "extension")
    selected_dest: string (ex: "3", "1000")
    field_name: nome do campo (default: "destination")
    label: rotulo (default: "Destino")

  Select envia "tipo:valor". Opcao "📝 Digitar manualmente" mostra input.
  Backend usa split(":", 1) para separar.
#}
{% macro destination_selector(all_destinations, selected_type, selected_dest, field_name="destination", label="Destino") %}
{% set sel_val = (selected_type + ":" + selected_dest) if selected_type and selected_dest else "" %}
{% set ns = namespace(is_manual=false) %}
{% if sel_val %}
  {% set ns.is_manual = true %}
  {% for tk, g in all_destinations.items() %}
    {% if g['items'] %}
      {% for v, n in g['items'] %}
        {% if selected_type == tk and selected_dest == v %}
          {% set ns.is_manual = false %}
        {% endif %}
      {% endfor %}
    {% endif %}
  {% endfor %}
{% endif %}
<div class="destination-group">
  <label class="form-label">{{ label }}</label>
  <select name="{% if not ns.is_manual %}{{ field_name }}{% endif %}" class="form-select" id="ds_{{ field_name }}" 
    onchange="var f='{{ field_name }}';var c=document.getElementById('ds_c_'+f);c.style.display=this.value=='__manual__'?'block':'none';var i=document.getElementById('ds_i_'+f);if(this.value=='__manual__'){i.name=f;this.name='';}else{this.name=f;i.name='';}">
    <option value="">- Selecione -</option>
    {% for tk, g in all_destinations.items() %}
    <optgroup label="{{ g['label'] }}">
      {% if g['items'] %}
      {% for v, n in g['items'] %}
      <option value="{{ tk }}:{{ v }}" {% if selected_type == tk and selected_dest == v %}selected{% endif %}>{{ n }}</option>
      {% endfor %}
      {% endif %}
    </optgroup>
    {% endfor %}
    <optgroup label="-">
      <option value="__manual__" {% if ns.is_manual %}selected{% endif %}>📝 Digitar manualmente</option>
    </optgroup>
  </select>
  <div id="ds_c_{{ field_name }}" class="mt-1" {% if ns.is_manual %}style="display:block"{% else %}style="display:none"{% endif %}>
    <input type="text" class="form-control" id="ds_i_{{ field_name }}" name="{% if ns.is_manual %}{{ field_name }}{% endif %}"
      placeholder='Ex: "1000", "queue:3", "ivr:2"' value="{{ sel_val }}">
  </div>
  <small class="text-muted">Selecione da lista ou escolha "Digitar manualmente".</small>
</div>
{% endmacro %}