<aside id="left-panel" class="left-panel">
    <nav class="navbar navbar-expand-sm navbar-default">

        <div class="navbar-header">
            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#main-menu"
                    aria-controls="main-menu" aria-expanded="false" aria-label="Toggle navigation">
                <i class="fa fa-bars"></i>
            </button>
            {{--<a class="navbar-brand" href="{{ route('dashboard') }}"><img src="/backend/images/logo.png" alt="Logo"></a>--}}
            {{--<a class="navbar-brand hidden" href="{{ route('dashboard') }}"><img src="/backend/images/logo.png"--}}
            {{--alt="Logo"></a>--}}
        </div>

        <div id="main-menu" class="main-menu collapse navbar-collapse">
            <ul class="nav navbar-nav">
                <li class="@if ($active_menu == 'dashboard')active @endif">
                    <a href="{{ route('dashboard') }}"> <i class="menu-icon fa fa-dashboard"></i>Dashboard </a>
                </li>

                <li class="menu-item-has-children dropdown @if ($active_menu == 'roles')active @endif">
                    <a href="{{ route('admin.roles') }}" class=""> <i class="menu-icon fa fa-table"></i>
                      Job  Roles</a>

                </li>
        <li class="menu-item-has-children dropdown @if ($active_menu == 'categories')active @endif">
                    <a href="{{ route('admin.videos.categories') }}" class=""> <i class="menu-icon fa fa-table"></i>Interview
                        Categories</a>

                </li>

                <li class="menu-item-has-children dropdown @if ($active_menu == 'videos')active @endif">
                    <a href="{{ route('admin.videos.videos') }}" class=""> <i class="menu-icon fa fa-table"></i>Interview
                        Videos</a>

                </li>

                <li class="menu-item-has-children dropdown @if ($active_menu == 'completed_users')active @endif">
                    <a href="{{ route('admin.completedusers') }}" class=""> <i
                            class="menu-icon fa fa-table"></i>Completed Users</a>

                </li>

                <li class="menu-item-has-children dropdown @if ($active_menu == 'incompleted_users')active @endif">
                    <a href="{{ route('admin.incompleteusers') }}" class=""> <i
                            class="menu-icon fa fa-table"></i>Incomplete Users</a>

                </li>


                <li class="menu-item-has-children dropdown @if ($active_menu == 'emails_notifications')active @endif">
                    <a href="{{ route('admin.emails_notifications') }}" class=""> <i
                            class="menu-icon fa fa-table"></i>Emails-Notifications</a>

                </li>

				<li class="menu-item-has-children dropdown @if ($active_menu == 'introduction_content')active @endif">
                    <a href="{{ route('admin.introduction-content') }}" class=""> <i
                            class="menu-icon fa fa-table"></i>Introduction Content</a>

                </li>

                <li class="menu-item-has-children dropdown @if ($active_menu == 'settings')active @endif">
                    <a href="{{ route('admin.settings') }}" class=""> <i
                            class="menu-icon fa fa-table"></i>Settings</a>

                </li>


                <li class="@if ($active_menu == 'logout')active @endif">
                    <a href="{{ route('logout') }}" onclick="event.preventDefault();
                                                     document.getElementById('logout-form').submit();"> <i
                            class="menu-icon fa fa-dashboard"></i>Logout </a>

                </li>


            </ul>
        </div><!-- /.navbar-collapse -->
    </nav>
</aside><!-- /#left-panel -->
