
<header class="navbar clearfix" id="header">
	<div class="container" style="background: none repeat scroll 0 0 #5e87b0;">
		<div class="navbar-brand">
			<a href="/">
				<img src="{{kg['tpl_url']}}images/logo.png" alt="Cloud Admin Logo" class="img-responsive">
			</a>
			<div id="sidebar-collapse" class="sidebar-collapse btn">
				<i class="fa fa-bars"
					data-icon1="fa fa-bars"
					data-icon2="fa fa-bars" ></i>
			</div>
		</div>
		<ul class="nav navbar-nav pull-left hidden-xs" id="navbar-left">
			<li class="dropdown">
				<a href="#" class="dropdown-toggle" data-toggle="dropdown">
					<i class="fa fa-cog"></i>
					<span class="name">背景色</span>
					<i class="fa fa-angle-down"></i>
				</a>
				<ul class="dropdown-menu skins">
					<li class="dropdown-title">
						<span><i class="fa fa-leaf"></i>主题皮肤</span>
					</li>
					<li><a href="javascript:;" data-skin="default">浅灰色（默认）</a></li>
					<li><a href="javascript:;" data-skin="night">深夜色</a></li>
					<li><a href="javascript:;" data-skin="earth">泥土色</a></li>
					<li><a href="javascript:;" data-skin="utopia">混合色</a></li>
					<li><a href="javascript:;" data-skin="nature">自然色</a></li>
					<li><a href="javascript:;" data-skin="graphite">石墨色</a></li>
				 </ul>
			</li>
		</ul>
		<ul class="nav navbar-nav pull-right">
			<!-- <li class="dropdown" id="header-notification">
				<a href="#" class="dropdown-toggle" data-toggle="dropdown">
					<i class="fa fa-bell"></i>
					<span class="badge"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">7</font></font></span>
				</a>
				<ul class="dropdown-menu notification hide">
					<li class="dropdown-title"></li>
					<li></li>
					<li class="footer"></li>
				</ul>
			</li>
			<li class="dropdown" id="header-message">
				<a href="#" class="dropdown-toggle" data-toggle="dropdown">
				<i class="fa fa-envelope"></i>
				<span class="badge"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">3</font></font></span>
				</a>
				<ul class="dropdown-menu inbox hide"></ul>
			</li> -->
			<!-- 购物车数量 -->
			<li class="dropdown" id="header-tasks">
				<a href="/cart" class="dropdown-toggle"><i class="fa fa-shopping-cart"></i><span class="badge">{{0|get_cart}}</span></a>
			</li>
			<!-- 购物车数量end -->
			<li class="dropdown user" id="header-user">
				<a href="#" class="dropdown-toggle" data-toggle="dropdown">
					<span style="width: 29px;height: 29px;text-align: center;display: inline-block;line-height: 29px;"><i class="fa fa-user" style="font-size: 28px;vertical-align: middle;"></i></span>
					<span class="username"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">{{kg['user']['username']}}</font></font></span>
					<i class="fa fa-angle-down"></i>
				</a>
				<ul class="dropdown-menu">
					<li><a href="info_modify"><i class="fa fa-pencil-square-o"></i>&nbsp;修改资料</a></li>
					<li><a href="recharge"><i class="fa fa-credit-card"></i>&nbsp;在线充值</a></li>
					<li><a href="pwd_modify"><i class="fa fa-lock"></i>&nbsp;修改密码</a></li>
					<li><a href="/user/login?action=logout"><i class="fa fa-power-off"></i>&nbsp;退出登录</a></li>
				</ul>
			</li>
			<li class="dropdown user" id="header-tasks">
				<a href="/" target="_blank" style="padding: 10px 10px 11px;padding-top: 11px;color: #FFFFFF;"><i class="fa fa-home" style="font-size: 28px;vertical-align: sub;color: #486d93;text-shadow: 1px 1px #b4c7da, -1px -1px #375471;">&nbsp;</i><span class="username" style="font-weight: 600;">前台</span></a>
			</li>
			<li class="dropdown user" id="header-tasks">
				<a href="./" target="_blank" style="padding: 10px 10px 11px;padding-top: 11px;color: #FFFFFF;"><i class="fa fa-user" style="font-size: 28px;vertical-align: sub;color: #486d93;text-shadow: 1px 1px #b4c7da, -1px -1px #375471;">&nbsp;</i><span class="username" style="font-weight: 600;">后台</span></a>
			</li>
			<li class="dropdown user" id="header-tasks">
				<a href="/user/login?action=logout" style="padding: 10px 10px 11px;padding-top: 11px;color: #FFFFFF;"><i class="fa fa-sign-out" style="font-size: 28px;vertical-align: sub;color: #486d93;text-shadow: 1px 1px #b4c7da, -1px -1px #375471;"></i></a>
			</li>
		</ul>
	</div>
</header>