<aside id="sidebar-left" class="sidebar-left">
	<div class="sidebar-header">
		<div class="sidebar-title">
			Navigation
		</div>
		<div class="sidebar-toggle hidden-xs" data-toggle-class="sidebar-left-collapsed" data-target="html" data-fire-event="sidebar-left-toggle">
			<i class="fa fa-bars" aria-label="Toggle sidebar"></i>
		</div>
	</div>
	<div class="nano">
		<div class="nano-content">
			<nav id="menu" class="nav-main" role="navigation">
				<ul class="nav nav-main">
					<li class="nav-active" id="navDashboard">
						<a href="dashboard.php">
							<i class="fa fa-home" aria-hidden="true"></i>
							<span>Dashboard</span>
						</a>
					</li>
					<li class="nav-parent" id="SUBJECT">
						<a>
						<i class="fa fa-list-ol" aria-hidden="true"></i>
							<span>Department Management</span>
						</a>
						<ul class="nav nav-children">
							<li>
								<a href="subject-list.php">
								<i class="fa fa-list" aria-hidden="true"></i>
									Manage Department
								</a>
							</li>
							<li>
								<a href="add-subject.php">
								<i class="fa fa-plus-circle" aria-hidden="true"></i>
									Add Department
								</a>
							</li>
						</ul>
					</li>
					<li class="nav-parent" id="TEACHER">
						<a>
							<i class="fa fa-sitemap" aria-hidden="true"></i>
							<span>Teacher Management</span>
						</a>
						<ul class="nav nav-children">
							<li>
								<a href="teacher-list.php">
								<i class="fa fa-list" aria-hidden="true"></i>
									Manage Teacher
								</a>
							</li>
							<li>
								<a href="add-teacher.php">
								<i class="fa fa-plus-circle" aria-hidden="true"></i>
									Add Teacher
								</a>
							</li>
						</ul>
					</li>
					<li class="nav-parent" id="WORK">
						<a>
							<i class="fa fa-file-word-o" aria-hidden="true"></i>
							<span>Work Management</span>
						</a>
						<ul class="nav nav-children">
							<li>
								<a href="work-list.php">
								<i class="fa fa-list" aria-hidden="true"></i>
									Manage Work
								</a>
							</li>
							<li>
								<a href="add-work.php">
								<i class="fa fa-plus-circle" aria-hidden="true"></i>
									Add Work
								</a>
							</li>
						</ul>
					</li>
				</ul>
			</nav>
			<hr class="separator" />
		</div>
		<script>
			// Preserve Scroll Position
			if (typeof localStorage !== 'undefined') {
				if (localStorage.getItem('sidebar-left-position') !== null) {
					var initialPosition = localStorage.getItem('sidebar-left-position'),
						sidebarLeft = document.querySelector('#sidebar-left .nano-content');
					
					sidebarLeft.scrollTop = initialPosition;
				}
			}
		</script>
	</div>
</aside>