<div class="menu">
    @if($title == "Settings" )
        @include('includes.submenu-settings')
    @elseif($title == "Start" )
        @include('includes.submenu-start')
    @endif
    <a id="settings" class="main-nav-secondary-highlight" href="/dashboard/settings" title="settings">
        <svg id="nav-settings-icon" class="icon">
                <use id="nav-settings-icon" xlink:href="/assets/images/global/sprite.svg#entypo-cog"/>
        </svg>
    </a>
    <a id="navigation" class="main-nav-secondary-highlight" href="/dashboard/navigation" title="edit navigation">
        <svg id="nav-menu-icon" class="icon">
            <use id="nav-menu-icon" xlink:href="/assets/images/global/sprite.svg#entypo-link"/>
        </svg>
    </a>
    <a id="navigation" class="main-nav-secondary-highlight" href="/dashboard/logout" title="log out">
        <svg id="nav-logout-icon" class="icon">
            <use id="nav-logout-icon" xlink:href="/assets/images/global/sprite.svg#entypo-log-out"/>
        </svg>
    </a>
</div>

<label id='menu-toggle-label' for="mobile-toggle">
  <svg id="nav-menu-icon" class="icon">
      <use id="nav-menu-icon" xlink:href="/assets/images/global/sprite.svg#entypo-menu"/>
  </svg>
</label>
<input id="mobile-toggle" type="checkbox" />

<div class="mobile-menu">
    @if($title == "Settings" )
        @include('includes.submenu-settings')
    @elseif($title == "Start" )
        @include('includes.submenu-start')
    @endif
    <a id="settings" class="main-nav-secondary-highlight" href="/dashboard/settings" title="settings">
        <svg id="nav-settings-icon" class="icon">
                <use id="nav-settings-icon" xlink:href="/assets/images/global/sprite.svg#entypo-cog"/>
        </svg>
    </a>
    <a id="navigation" class="main-nav-secondary-highlight" href="/dashboard/navigation" title="edit navigation">
        <svg id="nav-menu-icon" class="icon">
            <use id="nav-menu-icon" xlink:href="/assets/images/global/sprite.svg#entypo-link"/>
        </svg>
    </a>
    <a id="navigation" class="main-nav-secondary-highlight" href="/dashboard/logout" title="log out">
        <svg id="nav-logout-icon" class="icon">
            <use id="nav-logout-icon" xlink:href="/assets/images/global/sprite.svg#entypo-log-out"/>
        </svg>
    </a>
</div>