{% for node in nodes %}
<li class="group-node">
<details data-group-id="{{ node.id }}" open>
  <summary class="group-row">
    {% if perms.netbox_certificates.change_artifactgroup or perms.netbox_certificates.delete_artifactgroup %}<input class="form-check-input" type="checkbox" name="pk" value="{{ node.id }}" aria-label="Select group {{ node.name }}">{% endif %}
    <i class="mdi mdi-layers-triple-outline group-icon" aria-hidden="true"></i>
    <a class="group-name" href="{{ node.url }}">{{ node.name }}</a>
    <span class="text-muted small">{{ node.service_count }} service{{ node.service_count|pluralize }} · {{ node.artifact_count }} artifact{{ node.artifact_count|pluralize }}</span>
    <span class="group-actions">
      {% if perms.netbox_certificates.add_artifactgroup %}<a class="btn btn-sm btn-outline-secondary" href="{% url 'plugins:netbox_certificates:artifactgroup_add' %}?parent={{ node.id }}">Add subgroup</a>{% endif %}
      {% if perms.netbox_certificates.change_artifactgroup %}<a class="btn btn-sm btn-outline-secondary" href="{% url 'plugins:netbox_certificates:artifactgroup_edit' pk=node.id %}">Edit</a>{% endif %}
      {% if perms.netbox_certificates.delete_artifactgroup %}<a class="btn btn-sm btn-outline-danger" href="{% url 'plugins:netbox_certificates:artifactgroup_delete' pk=node.id %}">Delete</a>{% endif %}
    </span>
  </summary>
  <ul class="group-children list-unstyled">
    {% include 'netbox_certificates/inc/group_tree_nodes.html' with nodes=node.children %}
    {% for member in node.members %}<li class="group-member"><a href="{{ member.url }}">{{ member.name }}</a><span class="text-muted small">{{ member.type }}</span></li>{% endfor %}
    {% if not node.children and not node.members %}<li class="group-member text-muted">No objects in this group.</li>{% endif %}
  </ul>
</details>
</li>
{% endfor %}