{# Parent menu item template (has children) #}
{# Depth 1: Top-level menu items with children #}
{% load flex_menu %}
{% if component_type == "menu.group" %}
  <c-app.sidebar.menu.group label="{{ label }}">
    {% for child in children %}
      {% render_item child renderer=renderer %}
    {% endfor %}
  </c-app.sidebar.menu.group>
{% elif component_type == "menu.collapse" %}
  <c-app.sidebar.menu.collapse label="{{ label }}"
                               icon="{{ icon|default:'circle' }}"
                               :active="selected"
                               badge="{{ badge|default:'' }}"
                               badge_classes="{{ badge_classes|default:'text-bg-secondary' }}">
    {% for child in children %}
      {% render_item child renderer=renderer %}
    {% endfor %}
  </c-app.sidebar.menu.collapse>
{% endif %}