<div class="wrapper">
	<!-- Main Header -->
	<header class="main-header">

		<!-- Logo -->
		<a href="index2.html" class="logo">
			<!-- mini logo for sidebar mini 50x50 pixels -->
			<span class="logo-mini"><b>A</b>LT</span>
			<!-- logo for regular state and mobile devices -->
			<span class="logo-lg"><b>Admin</b>LTE</span>
		</a>

		<!-- Header Navbar -->
		<nav class="navbar navbar-static-top" role="navigation">
			<!-- Sidebar toggle button-->
			<a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button">
				<span class="sr-only">Toggle navigation</span>
			</a>
			<!-- Navbar Right Menu -->
			<div class="navbar-custom-menu">
				<ul class="nav navbar-nav">
					{{#if session.isAuthenticated}}
						<!-- User Account Menu -->
						{{#rl-dropdown-container tagName="li" class="dropdown user user-menu" }}
							{{#rl-dropdown-toggle tagName="a" class="dropdown-toggle" }}
								<!-- The user image in the navbar-->
								<img src="https://almsaeedstudio.com/themes/AdminLTE/dist/img/user2-160x160.jpg"
								 class="user-image" alt="User Image">
								<!-- hidden-xs hides the first name and last name on small devices so only the image appears. -->
								<span class="hidden-xs">{{currentUser.user.firstname}} {{currentUser.user.lastname}}</span>
							{{/rl-dropdown-toggle}}

							{{#rl-dropdown tagName="ul" class="dropdown-menu" closeOnChildClick="a:link" }}
								<!-- The user image in the menu -->
								<li class="user-header">
									<img src="https://almsaeedstudio.com/themes/AdminLTE/dist/img/user2-160x160.jpg"
									 class="img-circle" alt="User Image">

									<p>
										{{currentUser.user.firstname}} {{currentUser.user.lastname}}
										<small>Member since {{currentUser.user.createdAt}}</small>
									</p>
								</li>
								<!-- Menu Body -->
								<!-- Menu Footer-->
								<li class="user-footer">
									<div class="pull-left">
										<a href="#" class="btn btn-default btn-flat">Profile</a>
									</div>
									<div class="pull-right">
										<a href="#" class="btn btn-default btn-flat" {{action 'signOut'}}>Sign out</a>
									</div>
								</li>
							{{/rl-dropdown}}
						{{/rl-dropdown-container}}
						<!-- Control Sidebar Toggle Button -->
					{{else}}
						<li>
							{{#link-to-external 'login' }}Login{{/link-to-external}}
						</li>
					{{/if}}
					<li>
						<a href="#" data-toggle="control-sidebar"><i class="fa fa-gears"></i></a>
					</li>
				</ul>
			</div>
		</nav>
	</header>
	<!-- Left side column. contains the logo and sidebar -->
	<aside class="main-sidebar">

		<!-- sidebar: style can be found in sidebar.less -->
		<section class="sidebar">
			<!-- Sidebar user panel (optional) -->
			<div class="user-panel">
				<div class="pull-left image">
					<img src="https://almsaeedstudio.com/themes/AdminLTE/dist/img/user2-160x160.jpg"
					 class="img-circle" alt="User Image">
				</div>
				<div class="pull-left info">
					{{#if currentUser.user}}
						<p>{{currentUser.user.firstname}} {{currentUser.user.lastname}}</p>
					{{/if}}
					<!-- Status -->
					<a href="#"><i class="fa fa-circle text-success"></i> Online</a>
				</div>
			</div>

			<!-- search form (Optional) -->
			<form action="#" method="get" class="sidebar-form">
				<div class="input-group">
					<input type="text" name="q" class="form-control" placeholder="Search...">
					<span class="input-group-btn">
              <button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i>
              </button>
            </span>
				</div>
			</form>
			<!-- /.search form -->

			<!-- Sidebar Menu -->
			<ul class="sidebar-menu">
				<li class="header">HEADER</li>
				<!-- Optionally, you can add icons to the links -->
				<li class="treeview">
					{{#link-to-external 'admin' }}
						<i class="fa fa-unlock-alt"></i><span>Admin</span>
					{{/link-to-external}}
				</li>
				<li class="treeview">
					{{#link-to 'admin.tasks' }}
						<i class="fa fa-dashboard"></i><span>Dashboard</span>
					{{/link-to}}
				</li>
			</ul>
			<!-- /.sidebar-menu -->
		</section>
		<!-- /.sidebar -->
	</aside>

	<!-- Content Wrapper. Contains page content -->
	<div class="content-wrapper">
		<!-- Content Header (Page header) -->
		<section class="content-header">
			<h1>
				Administrative Tasks
				<small>This is where you perform administrative tasks</small>
			</h1>
			<ol class="breadcrumb">
				<li><a href="#"><i class="fa fa-dashboard"></i> Level</a></li>
				<li class="active">Here</li>
			</ol>
		</section>

		<!-- Main content -->
		<!--section class="content"-->

		<!-- Your Page Content Here -->
		{{outlet}}
		<!--/section-->
		<!-- /.content -->
	</div>
	<!-- /.content-wrapper -->

	<!-- Main Footer -->
	<footer class="main-footer">
		<!-- To the right -->
		<div class="pull-right hidden-xs">
			Anything you want
		</div>
		<!-- Default to the left -->
		<strong>Copyright &copy; 2016 <a href="#">Company</a>.</strong> All rights reserved.
	</footer>

	<!-- Control Sidebar -->
	<aside class="control-sidebar control-sidebar-dark" id="worm-control-sidebar">

	</aside>
	<!-- /.control-sidebar -->
	<!-- Add the sidebar's background. This div must be placed
      immediately after the control sidebar -->
	<div class="control-sidebar-bg"></div>
</div>