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

<li class="nav-item nav-item--{type}">
    <a class="nav-link nav-toggler collapsed" href="{nav.0.link}" id="toggler-{v:format.sanitizeString(string: type)}" data-toggle="collapse" data-target="#collapse-{v:format.sanitizeString(string: type)}" aria-expanded="false">
        <div class="toggle-icon">
            <div class="bar"></div>
            <div class="bar"></div>
            <div class="bar"></div>
        </div>
        <span class="sr-only">Service</span>
    </a>

    <div class="sub-nav-panel collapse" id="collapse-{v:format.sanitizeString(string: type)}" aria-labelledby="toggler-{v:format.sanitizeString(string: type)}">
        <ul class="nav sub-nav" role="menu">
            <f:for each="{nav}" as="navItem" iteration="metaiteration">
                <li class="nav-item{f:if(condition: navItem.active, then: ' active')}{f:if(condition: navItem.current, then: ' current')}{f:if(condition: navItem.children, then: ' dropdown')} nav-item--{v:format.sanitizeString(string: navItem.data.title)}">
                    <a class="nav-link" href="{navItem.link}" role="menuitem">{navItem.title -> f:format.htmlentitiesDecode()}</a>
                </li>
            </f:for>
        </ul>
    </div>
</li>

