<nav id="sidebar" class="sidebar" role="navigation">

    <div id="logo" class="sidebar-header">
        <a href="{!! URL::to('/kms') !!}">
            @if(App::environment() == 'production')
                <img src="{!! asset('/images/kms/logo.svg') !!}" alt="Komma Management System">
            @else
                <img src="{!! asset('/images/kms/logo-development.svg') !!}" alt="Komma Management System development">
                Test Environment
            @endif
            <h1>Komma Management System</h1>
        </a>
    </div>

    <div class="sidebar-scrollable">

        <div class="sidebar-navigation">
            <ul>
                <li class="empty-item">&nbsp;</li>
            </ul>
            <ul>
                @foreach($menuStructure as $menuItem)
                    <li class="{!! (isset($menuItem['active']) && $menuItem['active']) ? 'active': '' !!}">
                        <a href="{!! isset($menuItem['url']) ? $menuItem['url'] : '#' !!}">{!!$menuItem['name']!!}</a>
                        @if( isset($menuItem['subItems']) )
                            <ul class="sub-menu">
                                @foreach($menuItem['subItems'] as $subItem)
                                    <li class="{!! (isset($subItem['active']) && $subItem['active']) ? 'active': '' !!}">
                                        <a href="{!! isset($subItem['url']) ? $subItem['url'] : '#' !!}">{!!$subItem['name']!!}</a>
                                    </li>
                                @endforeach
                            </ul>
                        @endif
                    </li>
                @endforeach
            </ul>

            <script>
                $('.sidebar-navigation > ul > li').click(function (e) {
                    e.stopPropagation();
                    $('.sidebar-navigation > ul > li').removeClass('active');
                    $(this).addClass('active');
                });
            </script>

        </div>

    </div>

    <div class="sidebar-navigation sidebar-navigation-bottom">
        <ul>
            <li><a href="{!! Url::to('/kms/logout') !!}">@lang('kms/global.logout')</a></li>
        </ul>
    </div>

</nav>