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

    <div id="logo" class="sidebar-header">
        <a href="<?php echo URL::to('/kms'); ?>">
            <?php if(App::environment() == 'production'): ?>
                <img src="<?php echo asset('/images/kms/logo.svg'); ?>" alt="Komma Management System">
            <?php else: ?>
                <img src="<?php echo asset('/images/kms/logo-development.svg'); ?>" alt="Komma Management System development">
                Test Environment
            <?php 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>
                <?php foreach($menuStructure as $menuItem): ?>
                    <li class="<?php echo (isset($menuItem['active']) && $menuItem['active']) ? 'active': ''; ?>">
                        <a href="<?php echo isset($menuItem['url']) ? $menuItem['url'] : '#'; ?>"><?php echo $menuItem['name']; ?></a>
                        <?php if( isset($menuItem['subItems']) ): ?>
                            <ul class="sub-menu">
                                <?php foreach($menuItem['subItems'] as $subItem): ?>
                                    <li class="<?php echo (isset($subItem['active']) && $subItem['active']) ? 'active': ''; ?>">
                                        <a href="<?php echo isset($subItem['url']) ? $subItem['url'] : '#'; ?>"><?php echo $subItem['name']; ?></a>
                                    </li>
                                <?php endforeach; ?>
                            </ul>
                        <?php endif; ?>
                    </li>
                <?php 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="<?php echo Url::to('/kms/logout'); ?>"><?php echo app('translator')->get('kms/global.logout'); ?></a></li>
        </ul>
    </div>

</nav>