{% macro menu_links(menuItems) %}
    {% if menuItems is iterable %}
    <ul>
    {% for item in menuItems %}
        <li>
            <a href="{{item.getUrl|default('#')}}">
            {%if(item.getImage())%}
                <img class="menuIcon" src="{{ asset(item.getImage()) }}">
            {%endif%}{{item.getTitle}}</a>
            {% if item.hasChildren %}
                {{ _self.menu_links(item.getMenuItems()) }}
            {% endif %}
        </li>
    {% endfor %}
    </ul>
    {% endif %}
{% endmacro %}

{% set direction = "admin.language.direction"|trans %}
<ul id="main-menu" class="sm {%if direction == 'rtl' %}sm-rtl{%endif%} sm-clean">
    {% for item in menuItems %}
        <li>
            <a href="{{item.getUrl|default('#')}}">{{item.getTitle}}</a>
            {% if item.hasChildren() %}
                {{ _self.menu_links(item.getMenuItems()) }}
            {% endif %}
        </li>
    {% endfor %}
</ul>