<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">


<nav class="nav navbar navbar-{type} navbar-dark navbar-expand-lg py-0">
    <div class="container">
        <div class="collapse navbar-collapse position-relative z-2">
            <f:if condition="{nav}">
                <f:then>
                <ul class="navbar-nav">
                    <f:for each="{nav}" as="navItem" iteration="metaiteration">
                        <li class="nav-item{f:if(condition: navItem.children, then: ' dropdown')} nav-item--{v:format.sanitizeString(string: navItem.data.title)}">
                            <a href="{navItem.link}" class="nav-link text-nowrap{f:if(condition: navItem.active, then: ' active')}{f:if(condition: navItem.current, then: ' current')}" data-uid="{navItem.data.uid}" {f:if(condition: navItem.current, then: ' aria-current="page"')}>{navItem.title -> f:format.htmlentitiesDecode()}</a>
                        </li>
                    </f:for>
                </ul>
                </f:then>
                <f:else>
                    <f:comment>Placeholder if no navitem (e.g. on home)</f:comment>
                    <div class="navbar-nav">
                        <div class="nav-item">
                            <div class="nav-link">&nbsp;</div>
                        </div>
                    </div>
                </f:else>
            </f:if>
        </div>
    </div>
</nav>

