{% if item.divider %}
  {# ── Divider ── #}
  <li><hr class="dropdown-divider"></li>

{% elif item.children %}
  {# ── Dropdown parent (has children) ── #}
  <li class="dropdown-submenu">
    <a class="dropdown-item dropdown-toggle" href="#">
      {% if item.icon %}<i class="{{ item.icon }}"></i> {% endif %}{{ item.label }}
    </a>
    <ul class="dropdown-menu">
      {% for child in item.children %}
        {% include "pos/navbar/_menu_item.html" with item=child %}
      {% endfor %}
    </ul>
  </li>

{% else %}
  {# ── Leaf item (has URL, no children) ── #}
  <li>
    <a class="dropdown-item" href="{{ item.url }}"
      {% if item.target %} target="{{ item.target }}"{% endif %}>
      {% if item.icon %}<i class="{{ item.icon }}"></i> {% endif %}{{ item.label }}
    </a>
  </li>

{% endif %}