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

<f:comment><!--
<f:asset.css identifier="bagger_navigation" href="EXT:bagger_site_package/Resources/Public/Css/bagger-navigation.css" />
-->
</f:comment>

<ul class="navbar-nav ms-auto m-t-2">
  <f:for each="{mainnavigation}" as="level1item" iteration="iteratorLevel1">
    <f:render section="NavigationItem" arguments="{item: level1item, iteratorLevel1: iteratorLevel1}"/>
  </f:for>
  <li class="nav-item">
    <a href="tel:05424/64478-0" class="social-button">
      <span class="toggle">
        <img src="{f:uri.resource(path: 'Images/phone.svg', extensionName: 'bagger_site_package')}" alt="Phone" class="phone svg">
      </span>
    </a>
  </li>
</ul>

<f:section name="NavigationItem">

  <li class="nav-item">
    <a href="{item.link}" class="nav-link">
      {item.title}
    </a>
    <f:if condition="{item.hasSubpages}">
      <ul>
        <f:for each="{item.children}" as="child">
          <f:render section="NavigationItem" arguments="{item: child}"/>
        </f:for>
      </ul>
    </f:if>
  </li>
</f:section>

</html>
