{% comment %}Render a CMS menu (two levels). Theme-independent markup.{% endcomment %}
<ul class="cms-menu cms-menu--{{ menu.name }}">
  {% for item in items %}
    <li class="cms-menu-item">
      {% if item.href %}<a href="{{ item.href }}">{% endif %}
        {% if item.icon %}<i class="ti ti-{{ item.icon }}" aria-hidden="true"></i> {% endif %}{{ item.label }}
      {% if item.href %}</a>{% endif %}
      {% if item.children.all %}
        <ul class="cms-submenu">
          {% for child in item.children.all %}
            <li class="cms-menu-item">
              {% if child.href %}<a href="{{ child.href }}">{% endif %}{{ child.label }}{% if child.href %}</a>{% endif %}
            </li>
          {% endfor %}
        </ul>
      {% endif %}
    </li>
  {% endfor %}
</ul>