<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" xmlns:g="http://www.w3.org/1999/html"
      data-namespace-typo3-fluid="true">
<nav class="navbar navbar-inverse navbar-mobile">
    <f:render section="mainmenu" arguments="{nav:navMain}"/>
</nav>
<f:section name="mainmenu">
    <ul class="nav nav--level1">
        <f:for each="{nav}" as="navItem">
            <li class="nav-item{f:if(condition: navItem.active, then: ' active')}{f:if(condition: navItem.current, then: ' current')}">
                <a class="nav-link" href="{navItem.link}" data-uid="{navItem.data.uid}">{navItem.title}</a>
                <f:if condition="{navItem.children}">
                    <f:render section="submenu" arguments="{submenu: navItem.children}"/>
                </f:if>
            </li>
        </f:for>
    </ul>
</f:section>
<f:section name="submenu">
    <ul class="nav nav--level2">
        <f:for each="{submenu}" as="subItem">
            <li class="nav-item{f:if(condition: subItem.active, then: ' active')}{f:if(condition: subItem.current, then: ' current')}">
                <a class="nav-link" href="{subItem.link}" data-uid="{subItem.data.uid}">{subItem.title}</a>
            </li>
        </f:for>
    </ul>
</f:section>


