<ul class="{% if submenu %}submenu{% else %}mobile-ofc{% endif %} vertical menu">
    {% for item in menu %}
        <li class="{{ item.classes | join(' ') }}">
            {% if item.title == 'Home' %}
                <a class="fa fa-home fa-lg" href="{{ item.get_link }}"></a>
            {% else %}
                {% if item.get_link == '#' %}
                    <a style="pointer-events: none; cursor: default">
                        <span>{{ item.title }}</span>
                        <span class="fa fa-arrow-down"></span>
                    </a>
                {% else %}
                    <a href="{{ item.get_link }}">
                        {{ item.title }}
                    </a>
                {% endif %}
            {% endif %}
            {% if item.get_children %}
                {% include "components/menu/mobile-menu.twig" with {'menu': item.get_children, submenu:true} only %}
            {% endif %}
        </li>
    {% endfor %}
</ul>