{% if items %}
    <div class="menu-side menu-side--{{ modifier }} js-nav-level">
        <div class="menu__scroll-container">
            <ul>
                {% for item in items %}
                    <li class="menu-side__item {{ item.classes|join(' ') }} {{ item.children ? 'has_children' : 'no_children js-menu-close' }}">
                        {% if item.children %}
                            <button id="menu-item-{{ item._menu_item_object_id }}" class="menu__item-button menu-side__link js-menu-item" data-menu-item="{{ item._menu_item_object_id }}">{{ item.title }}</button>
                        {% else %}
                            <a target="{{ item.target }}" href="{{ item.link }}" class="menu-side__link" id="menu-item-{{ item._menu_item_object_id }}">{{ item.title }}</a>
                        {% endif %}
                        {% if item.children %}
                            <ul class="menu-side__child-container js-side-level{{ loop.last ? ' js-side-level-last' }}">
                                {% if item %}
                                    <li class="menu-side__back-li d-md-none">
                                        <button class="menu-side__back js-back-button{{ loop.last ? ' js-back-button-last' }}" tabindex="-1">
                                            <i class="icon-chevron-left">{{ icon('chevron') }}</i>
                                            {{ item.title }}
                                        </button>
                                    </li>
                                {% endif %}
                                {% for item in item.children %}
                                    <li class="menu-side__parent-item js-menu-close {{ item.classes|join(' ') }} {{ item.children ? 'has_children' }}">
                                        <a target="{{ item.target }}" href="{{ item.link }}" class="menu-side__parent-link" data-menu-item="{{ item._menu_item_object_id }}" tabindex="-1">{{ item.title }}</a>
                                        <ul class="menu menu--children">
                                            {% for item in item.children %}
                                                <li class="menu-side__children-item js-menu-close {{ item.classes|join(' ') }}">
                                                    <a target="{{ item.target }}" href="{{ item.link }}" class="menu-side__children-link {{ item.meta('open_side') ? 'js-opens-side-menu' }}" data-menu-item="{{ item._menu_item_object_id }}">{{ item.title }}</a>
                                                </li>
                                            {% endfor %}
                                        </ul>
                                    </li>
                                {% endfor %}
                            </ul>
                        {% endif %}
                    </li>
                {% endfor %}
            </ul>
            {% include "components/menu.twig" with {'items': burger_menu.get_items, 'modifier' : 'second-level js-menu-close'} %}

            {% if options.menu_button %}
                <a href="{{ options.menu_button.url }}" class="button--primary" {{ options.menu_button.target == '_blank' ? 'target="_blank"' : '' }}>
                    {{ options.menu_button.title }}
                </a>
            {% endif %}

            {% if options.menu_contact %}
                <p class="menu-side__contact">{{ options.menu_contact }}</p>
            {% endif %}

            {% if options.menu_socials %}
                <div class="menu-side__social-media">
                    {% include "/views/components/social-media.twig" %}
                </div>
            {% endif %}
        </div>
    </div>
{% endif %}
