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

<button class="menu-toggle">
    <i class="ti ti-menu-2"></i>
</button>

<div class="mobile-menu">
    @if($title == "Settings" )
        @include('includes.submenu-settings')
    @elseif($title == "Start" )
        @include('includes.submenu-start')
    @endif
    <a id="settings" href="/dashboard/settings" title="settings">
        <button>
            <i class="ti ti-home-cog"></i>
        </button>
    </a>
    <a id="navigation" href="/dashboard/navigation" title="edit navigation">
        <button>
            <i class="ti ti-arrow-autofit-height"></i>
        </button>
    </a>
    <a id="navigation" href="/dashboard/logout" title="log out">
        <button>
            <i class="ti ti-logout"></i>
        </button>
    </a>
</div>