{% load i18n %}
{% comment %}
Renders one node of the address tree.
  node  = { name, url, kind: 'group'|'leaf', ip_ref: {str,url}|None,
            netmask_tooltip: dotted-decimal netmask for IPv4 prefixes, children: [...] }
  depth = current nesting depth (0 = top-level)
  prefix = 'src' or 'dst'  (for unique HTML IDs)
  forloop_counter = parent forloop.counter (for unique IDs)
{% endcomment %}
{% if node.kind == "group" %}
  {% if node.children %}
  <details class="nsm-addr-details{% if depth == 0 %} nsm-addr-top{% endif %}">
    <summary class="nsm-addr-summary">
      <a href="{{ node.url }}" class="nsm-addr-link" onclick="event.stopPropagation()">{{ node.name }}</a>
      {% if node.leaf_count %}<span class="badge bg-secondary-subtle text-secondary nsm-addr-count">{{ node.leaf_count }}</span>{% endif %}
      {% if show_copy and node.copy_lines %}
      <button type="button" class="btn btn-sm btn-ghost-secondary py-0 px-1 ms-auto" title="{% trans 'Copy CSV paths' %}"
        onclick="nsmCopyPaths(this); event.stopPropagation();"
        data-lines="{% for line in node.copy_lines %}{{ line }}{% if not forloop.last %}&#10;{% endif %}{% endfor %}">
        <i class="mdi mdi-content-copy"></i>
      </button>
      {% endif %}
    </summary>
    <div class="nsm-addr-children">
      {% for child in node.children %}
        {% include "netbox_nsm/inc/addr_tree_node.html" with node=child depth=depth|add:1 prefix=prefix forloop_counter=forloop.counter %}
      {% endfor %}
    </div>
  </details>
  {% else %}
  <div class="nsm-addr-leaf">
    <a href="{{ node.url }}">{{ node.name }}</a>
    <span class="text-muted small ms-1">(leer)</span>
  </div>
  {% endif %}
{% else %}
  {# Leaf node #}
  <div class="nsm-addr-leaf">
    <a href="{{ node.url }}" class="nsm-addr-obj-link">
      {% if node.prefix_display_cidr and not node.ip_ref %}
      <span class="nsm-addr-prefix-text" data-cidr="{{ node.prefix_display_cidr }}" data-netmask="{{ node.prefix_display_netmask }}">{{ node.prefix_display_cidr }}</span>
      {% else %}
      {{ node.name }}
      {% endif %}
    </a>
    {% if node.ip_ref %}
      <span class="nsm-addr-ip">→ <a href="{{ node.ip_ref.url }}" class="text-muted">{% if node.prefix_display_cidr %}<span class="nsm-addr-prefix-text" data-cidr="{{ node.prefix_display_cidr }}" data-netmask="{{ node.prefix_display_netmask }}">{{ node.prefix_display_cidr }}</span>{% else %}{{ node.ip_ref.str }}{% endif %}</a></span>
    {% endif %}
    {% if show_copy and node.copy_lines %}
    <button type="button" class="btn btn-sm btn-ghost-secondary py-0 px-1 ms-auto" title="{% trans 'Copy CSV paths' %}"
      onclick="nsmCopyPaths(this); event.stopPropagation();"
      data-lines="{% for line in node.copy_lines %}{{ line }}{% if not forloop.last %}&#10;{% endif %}{% endfor %}">
      <i class="mdi mdi-content-copy"></i>
    </button>
    {% endif %}
  </div>
{% endif %}