<li class="nav-item dropdown btn btn-primary nav-section">
    <a id="menu-section"
        class="nav-link dropdown-toggle"
        type="button"
        data-bs-toggle="dropdown"
        aria-haspopup="true"
        aria-expanded="false">

        {{ 'Sections'|trans }}
    </a>
    <div class="dropdown-menu dropdown-menu-end dropdown-menu-dark" aria-labelledby="menu-section">
        {% for menu in menus %}
            <a class="dropdown-item list-group-item bg-dark text-white"
                href="{{ menu.uri }}">
                {{ menu.label }}
                {% apply spaceless %}
                    {% if menu.extras.icons is defined %}
                        {% for icon in menu.extras.icons %}
                            <i class="fa fa-{{ icon }} fa-lg"></i>
                        {% endfor %}
                    {% endif %}
            {% endapply %}</a>
        {% endfor %}
    </div>
</li>
