<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="navAppointment">
						<a>
							<i class="fa fa-pencil-square-o" aria-hidden="true"></i>
							<span>Registration Management</span>
						</a>
						<ul class="nav nav-children">
							<li>
								<a href="registration-list.php">
								<i class="fa fa-list" aria-hidden="true"></i>
									Registration List
								</a>
							</li>
						</ul>
					</li>
					<li class="nav-parent" id="navfeed">
						<a>
						<i class="fa fa-newspaper-o" aria-hidden="true"></i>
							<span>Paper Submission Management</span>
						</a>
						<ul class="nav nav-children">
							<li>
								<a href="paper-list.php">
								<i class="fa fa-list" aria-hidden="true"></i>
									Paper Submission List
								</a>
							</li>
						</ul>
					</li>
					<li class="nav-parent" id="navAsk">
						<a>
							<i class="fa fa-key" aria-hidden="true"></i>
							<span>Change Password</span>
						</a>
						<ul class="nav nav-children">
							<li>
							<a href="change-password.php">
								<i class="fa fa-list" aria-hidden="true"></i>
								Change Password
							</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>