{% if menu.primary %}

    <div class="primary-navigation-wrap" {{ fn( 'RomhackPlaza\\Backwards\\treville_amp_primary_menu_is_toggled') }} >

        <div class="primary-navigation container">

            <nav id="site-navigation" class="main-navigation" role="navigation" aria-label="{{ __('Primary Menu', 'romhackplaza')|esc_attr }}">

                <ul id="primary-menu" class="menu">
                    {% for item in menu.primary.items %}
                        <li class="{{ item.classes|join(' ') }}">
                            <a href="{{ item.link }}" {{ item.is_target_blank ? 'target="_blank"' }}>{{ item.title }}</a>

                            {% if item.children %}
                                <ul class="sub-menu">
                                    {% for child in item.children %}
                                        <li class="menu-item {{ child.classes|join(' ') }}">
                                            <a href="{{ child.link }}" {{ child.is_target_blank ? 'target="_blank"' }}>{{ child.title }}</a>
                                        </li>
                                    {% endfor %}
                                </ul>
                            {% endif %}
                        </li>
                    {% endfor %}
                </ul>

            </nav>

        </div>

    </div>

{% endif %}