<section class="sidebar">
	<!-- Sidebar user panel -->
	<div class="user-panel">
		<div class="pull-left image">
			<img src="<?php echo url('dist/img/user2-160x160.jpg'); ?>" class="img-circle" alt="User Image">
		</div>
		<div class="pull-left info">
			<p>User Admin</p>
			<a href="#"><i class="fa fa-circle text-success"></i> Online</a>
		</div>
	</div>
	<br>
	<hr style="border-top-color: #d7d7d7;">
	<!-- sidebar menu: : style can be found in sidebar.less -->
	<ul class="sidebar-menu">
		<li <?php if($mn_active == "dashboard"){ echo "class='active'";} ?>>
			<a href="<?php echo e(route('home')); ?>">
				<i class="fa fa-dashboard"></i> <span>Dashboard</span></i>
			</a>
		</li>
		<li <?php if($mn_active == "users"){ echo "class='treeview active'";}else{ echo "class='treeview'";} ?>>
			<a href="#">
				<i class="fa fa-users"></i>
				<span>Users</span>
				<i class="fa fa-angle-left pull-right"></i>
			</a>
			<ul class="treeview-menu">
				<li><a onClick='Kosong()' href="javascript:void(0)"><i class="fa fa-angle-double-right"></i> Users</a></li>
				<li><a onClick='Kosong()' href="javascript:void(0)"><i class="fa fa-angle-double-right"></i> Boxed</a></li>
			</ul>
		</li>
		<li class="treeview">
			<a href="#">
				<i class="fa fa-files-o"></i>
				<span>Layout Options</span>
				<span class="label label-primary pull-right">4</span>
			</a>
			<ul class="treeview-menu">
				<li><a onClick='Kosong()' href="javascript:void(0)"><i class="fa fa-angle-double-right"></i> Top Navigation</a></li>
				<li><a onClick='Kosong()' href="javascript:void(0)"><i class="fa fa-angle-double-right"></i> Boxed</a></li>
				<li><a onClick='Kosong()' href="javascript:void(0)"><i class="fa fa-angle-double-right"></i> Fixed</a></li>
				<li><a onClick='Kosong()' href="javascript:void(0)"><i class="fa fa-angle-double-right"></i> Collapsed Sidebar</a></li>
			</ul>
		</li>
		<li>
			<a onClick='Kosong()' href="javascript:void(0)">
				<i class="fa fa-th"></i> <span>Widgets</span> <small class="label pull-right bg-green">new</small>
			</a>
		</li>
		<li class="treeview">
			<a href="#">
				<i class="fa fa-pie-chart"></i>
				<span>Charts</span>
				<i class="fa fa-angle-left pull-right"></i>
			</a>
			<ul class="treeview-menu">
				<li><a onClick='Kosong()' href="javascript:void(0)"><i class="fa fa-angle-double-right"></i> ChartJS</a></li>
				<li><a onClick='Kosong()' href="javascript:void(0)"><i class="fa fa-angle-double-right"></i> Morris</a></li>
				<li><a onClick='Kosong()' href="javascript:void(0)"><i class="fa fa-angle-double-right"></i> Flot</a></li>
				<li><a onClick='Kosong()' href="javascript:void(0)"><i class="fa fa-angle-double-right"></i> Inline charts</a></li>
			</ul>
		</li>
		<li class="treeview">
			<a href="#">
				<i class="fa fa-laptop"></i>
				<span>UI Elements</span>
				<i class="fa fa-angle-left pull-right"></i>
			</a>
			<ul class="treeview-menu">
				<li><a onClick='Kosong()' href="javascript:void(0)"><i class="fa fa-angle-double-right"></i> General</a></li>
				<li><a onClick='Kosong()' href="javascript:void(0)"><i class="fa fa-angle-double-right"></i> Icons</a></li>
				<li><a onClick='Kosong()' href="javascript:void(0)"><i class="fa fa-angle-double-right"></i> Buttons</a></li>
				<li><a onClick='Kosong()' href="javascript:void(0)"><i class="fa fa-angle-double-right"></i> Sliders</a></li>
				<li><a onClick='Kosong()' href="javascript:void(0)"><i class="fa fa-angle-double-right"></i> Timeline</a></li>
				<li><a onClick='Kosong()' href="javascript:void(0)"><i class="fa fa-angle-double-right"></i> Modals</a></li>
			</ul>
		</li>
		<li class="treeview">
			<a href="#">
				<i class="fa fa-edit"></i> <span>Forms</span>
				<i class="fa fa-angle-left pull-right"></i>
			</a>
			<ul class="treeview-menu">
				<li><a onClick='Kosong()' href="javascript:void(0)"><i class="fa fa-angle-double-right"></i> General Elements</a></li>
				<li><a onClick='Kosong()' href="javascript:void(0)"><i class="fa fa-angle-double-right"></i> Advanced Elements</a></li>
				<li><a onClick='Kosong()' href="javascript:void(0)"><i class="fa fa-angle-double-right"></i> Editors</a></li>
			</ul>
		</li>
		<li class="treeview">
			<a href="#">
				<i class="fa fa-table"></i> <span>Tables</span>
				<i class="fa fa-angle-left pull-right"></i>
			</a>
			<ul class="treeview-menu">
				<li><a onClick='Kosong()' href="javascript:void(0)"><i class="fa fa-angle-double-right"></i> Simple tables</a></li>
				<li><a onClick='Kosong()' href="javascript:void(0)"><i class="fa fa-angle-double-right"></i> Data tables</a></li>
			</ul>
		</li>
		<li>
			<a onClick='Kosong()' href="javascript:void(0)">
				<i class="fa fa-calendar"></i> <span>Calendar</span>
				<small class="label pull-right bg-red">3</small>
			</a>
		</li>
		<li>
			<a onClick='Kosong()' href="javascript:void(0)">
				<i class="fa fa-envelope"></i> <span>Mailbox</span>
				<small class="label pull-right bg-yellow">12</small>
			</a>
		</li>
	</ul>
</section>