<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%
	String path = request.getContextPath();
	// nginx proxy: proxy_set_header 	X-Scheme 	$scheme; 
	String scheme = request.getHeader("X-Scheme");
	if (scheme == null) {
		scheme = request.getScheme();
	}
	int port = request.getServerPort();
	String basePath = scheme + "://" + request.getServerName() + ((port == 80 || port == 443) ? "" : (":" + port)) + path + "/";
%>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="renderer" content="webkit">
<title>控制台-账户中心</title>
<meta name="description" content="" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<base href="<%=basePath%>">
<link rel="shortcut icon" href="static/img/icon.png">
<link rel="stylesheet" type="text/css"
	href="static/lib/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css"
	href="static/lib/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css"
	href="static/lib/css/toastr.min.css">
<link rel="stylesheet" type="text/css" href="static/css/console.css" />
<meta name="referrer" content="origin" />
</head>
<body class="home-template">
	<!-- navigation start -->
	<c:set var="module" value="user" scope="session" />
	<jsp:include page="header.jsp" />
	<!-- navigation end -->

	<!-- main area start -->
	<div class="x-container">
		<div class="container">
			<div class="row">
				<div class="x-content-wrap clearfix">
					<div class="col-sm-12 col-md-9 x-content">
						<div class="nav nav-tabs x-nav-tabs hidden-xs">
							<h2 class="btn-group">
								<span class="btn btn-lg x-btn-search"><i class="fa fa-search"></i>
									用户</span>
								<div class="dropdown-menu" id="searchlist" style="padding: 15px; width: 240px;" id="enterprise-search">
									<form>
										<div class="form-group">
											<label>姓名</label> <input type="text" class="form-control"
												name="name" placeholder="输入姓名">
										</div>
										<div class="form-group">
											<label>手机号</label> <input type="text" class="form-control"
												name="mobile" placeholder="输入手机号">
										</div>
										<div class="form-group">
											<div>
												<label>分页设置</label>
											</div>
											<label class="radio-inline"> <input type="radio"
												name="pageSize" value="20" checked> 20
											</label> <label class="radio-inline"> <input type="radio"
												name="pageSize" value="50"> 50
											</label> <label class="radio-inline"> <input type="radio"
												name="pageSize" value="100"> 100
											</label>
										</div>
										<button class="btn btn-default btn-block btn-search"
											type="button">搜索</button>
									</form>
								</div>
							</h2>
						</div>
						<!-- 列表 start -->
						<div class="x-mod x-list x-list-2x x-data-list-wrap">
							<div class="x-mod-body">
								<div class="x-data-list">
									<!-- items -->
								</div>
								<div class="x-empty" style="display: none">
									<i class="fa fa-coffee"></i>
									<p>这里很干净！</p>
								</div>
							</div>
							<div class="x-mod-footer">
								<div class="text-center">
									<ul class="pagination pull-right"></ul>
								</div>
							</div>
						</div>
						<!-- 列表 end -->
					</div>

					<!-- 侧边统计栏 start-->
					<div class="col-sm-12 col-md-3 x-side-bar hidden-xs hidden-sm">
						<!-- 开通应用统计 -->
						<div class="x-mod text-justify" id="userAppCount">
							<div class="x-mod-head">
								<h4>统计</h4>
							</div>
							<div class="x-mod-body">
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- main area end -->
	<!-- loading -->
	<div id="loading">
		<div class="x-loading-wrap"></div>
		<div class="x-loading">
			<div></div>
			<div></div>
			<div></div>
		</div>
	</div>
	<div id="pwd-box" style="display: none">
		<div class="x-close-wrap" title="关闭">
			<a href="javascript:void(0);">&times;</a>
		</div>
		<div class="x-floating-wrap"></div>
		<div class="x-floating">
			<div class="x-form-wrap"
				style="width: 400px; margin: 0 auto; background: #fff; padding: 20px">
				<form class="x-form">
					<div class="form-group">
						<input type="text" class="form-control input-lg"
							placeholder="输入密码" name="password" required>
					</div>
					<div class="form-group">
						<div>
							<button class="btn btn-lg btn-default x-btn-submit btn-block"
								type="button">确认并继续</button>
						</div>
					</div>
				</form>
			</div>
		</div>
	</div>
	<script src="static/lib/js/jquery.min.js"></script>
	<script src="static/lib/js/bootstrap.min.js"></script>
	<script src="static/lib/js/toastr.min.js"></script>
	<script src="static/js/base.js"></script>
	<script src="static/js/user.js"></script>

	<!-- modal -->
	<script type="text/html" id="userDetailModal">
<div class="modal fade" role="dialog">
	<div class="modal-dialog x-modal-dialog modal-lg" role="document">
		<div class="modal-content">
			<!-- tab切换 start-->
			<ul
				class="nav nav-tabs x-nav-tabs x-navbar-right hidden-xs modal-header"
				role="tablist">
				<li><a href="#userDetailModal_log"
					aria-controls="userDetailModal_log" role="tab"
					data-toggle="tab">操作日志</a></li>
				<li><a href="#userDetailModal_apps"
					aria-controls="userDetailModal_apps" role="tab"
					data-toggle="tab">绑定企业、应用</a></li>
				<li class="active"><a href="#userDetailModal_info"
					aria-controls="userDetailModal_info" role="tab"
					data-toggle="tab">详细资料</a></li>
				<h2 class="hidden-xs">
					<i class="fa fa-file-text-o"></i> @{name}
				</h2>
			</ul>
			<!-- tab切换 end-->
			<div role="tabpanel" id="userDetailModal_info"
				class="x-tab-pane active">
				<div class="modal-body">
					<div class="x-group-header">
						<h4>个人信息</h4>
					</div>
					<dl class="dl-horizontal x-dl-horizontal">
						<dt>姓名</dt>
						<dd>@{name}</dd>
						<dt>性别</dt>
						<dd>@{fn:getSex}</dd>
						<dt>身份证号</dt>
						<dd>@{idCode}</dd>
						<dt>出生日期</dt>
						<dd>@{fn:getBirthday}</dd>
					</dl>
					<div class="x-group-header">
						<h4>账户安全</h4>
					</div>
					<dl class="dl-horizontal x-dl-horizontal">
						<dt>绑定手机</dt>
						<dd>@{mobile}&nbsp;<a class="x-btn-text" href="javascript:void(0};">更换</a></dd>
						<dt>绑定邮箱</dt>
						<dd>@{email}&nbsp;<a class="x-btn-text" href="javascript:void(0};">更换</a></dd>
					</dl>
					<div class="x-group-header">
						<h4>组织架构</h4>
					</div>
					<dl class="dl-horizontal x-dl-horizontal">
						<dt>部门</dt>
						<dd>@{department}</dd>
						<dt>职称</dt>
						<dd>@{job}</dd>
					</dl>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-blank x-btn-reset">重置密码</button>
					<button type="button" class="btn btn-blank" data-dismiss="modal">关闭</button>
				</div>
			</div>
			<div role="tabpanel" id="userDetailModal_apps"
				class="x-tab-pane">
				<div class="modal-body">
					<div class="x-mod x-list x-list-2x" style="margin: -15px">
						<div class="x-mod-body">
							<div class="x-common-list" id="apps">
								<!-- users -->
							</div>
							<div class="x-empty" style="display: none">
								<i class="fa fa-coffee"></i>
								<p>还没有绑定任何企业或应用</p>
							</div>
						</div>
					</div>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-blank">添加到企业</button>
					<button type="button" class="btn btn-blank">设置为管理员</button>
					<button type="button" class="btn btn-blank" data-dismiss="modal">关闭</button>
				</div>
			</div>
			<div role="tabpanel" id="userDetailModal_log" class="x-tab-pane">
				<div class="modal-body">
					<!-- 日志列表 start -->
					<div class="x-mod x-list x-log-list" style="margin: -15px">
						<div class="x-mod-body">
							<div class="x-common-list">
								<!-- log item -->
							</div>
							<div class="x-empty" style="display: none">
								<i class="fa fa-coffee"></i>
								<p>还没有留下任何足迹！</p>
							</div>
						</div>
					</div>
					<!-- 日志列表 end -->
				</div>
				<div class="modal-footer">
					<ul class="pagination pull-left" style="margin: 0"></ul>
					<button type="button" class="btn btn-blank" data-dismiss="modal">关闭</button>
				</div>
			</div>
		</div>
	</div>
</div>
	</script>
</body>
</html>