{% autoescape %}
{% macro render_node(node) %}
<li>
    <span class="category" onclick="toggleCategory(this)">{{ node.name }}</span>
    {% if node.children %}
        <ul style="display: none;">
        {% for child in node.children %}
            {{ _self.render_node(child) }}
        {% endfor %}
        </ul>
    {% endif %}
    {% if node.items %}
        <ul class="items">
        {% for item in node.items %}
            <li><a href="#" onclick="editItem({{ item.id }})" class="item-link">{{ item.name }}</a></li>
        {% endfor %}
        </ul>
    {% endif %}
</li>
{% endmacro %}

<ul class="category-tree">
{% for node in category_tree %}
    {{ _self.render_node(node) }}
{% endfor %}
</ul>
{% endautoescape %}