Cacher is the code snippet organizer for pro developers

[treeLevel = 3,4]
    lib.menutype = 1
[else]
    lib.menutype = 0
[end]

{namespace k=StAx\StaxTemplates\ViewHelpers}
{namespace v=Tx_Vhs_ViewHelpers}
<nav class="nav-sub {class}">
  <f:if condition="{v:var.typoscript(path: 'lib.menutype')}">
    <f:then>
      <v:page.menu classActive="active" as="submenu" entryLevel="2">
        <div class="cf">
          <nav id="nav-sub">
            <ul class="box-second-level cf">
              <f:for each="{submenu}" as="level2">
                <li>
                  <a class="{level2.class}" href="{level2.link}">{level2.title}</a>
                  <f:if condition="{level2.active}">
                    <ul class="box-second-level second2">
                      <v:page.menu pageUid="{level2.uid}" classActive="active" as="subsubmenu">
                        <f:for each="{subsubmenu}" as="level3">
                          <li><a class="{level3.class}" href="{level3.link}">{level3.title}</a></li>
                        </f:for>
                      </v:page.menu>
                    </ul>
                  </f:if>                               
                </li>                     
              </f:for>
            </ul>
          </nav>
          <div class="subnavicon"><span class="icon"></span></div>
        </div>
      </v:page.menu>
    </f:then>
    <f:else>
      <v:page.menu classActive="active" as="submenu" entryLevel="1">
        <div class="cf">
          <nav id="nav-sub">
            <ul class="box-second-level cf">
              <f:for each="{submenu}" as="level2">
                <li><a class="{level2.class}" href="{level2.link}">{level2.title}</a></li>                     
              </f:for>
            </ul>
          </nav>
          <div class="subnavicon"><span class="icon"></span></div>
        </div>
      </v:page.menu>
    </f:else> 
  </f:if>    
</nav>