{% load staticfiles %}
<!DOCTYPE html>
<html lang="en">

<head>
	<link rel="stylesheet" href="{% static '/lib/layui/css/layui.css' %}">
	<link rel="stylesheet" href="{% static '/lib/font-awesome/4.5.0/css/font-awesome.css' %}">
	<link rel="stylesheet" href="{% static '/lib/css/reset.css' %}">
	<style type="text/css">
		/* 面包屑导航 */

		.breadcrumbs {
			/* line-height: 38px; */
			padding: 12px 0 12px 30px;
			border-bottom: 1px solid #dbdbdb;
		}

		.layui-breadcrumb>* {
			font-size: 16px;
		}

		/* 内容 */

		.uploadContent {
			padding: 25px;
		}
		.searchCover input{
			border: 1px solid #D5D5D5;
			line-height: 33px;
			padding-left: 5px;
			width: 200px;
		}
		.layui-form-checked[lay-skin=primary] i{
			border-color: #008bf3!important;
			background-color: #1e9fff;
			color: #fff;
		}
		.layui-form-checkbox[lay-skin=primary]:hover i{
			border-color: #008bf3;
		}
		.layui-tree-line .layui-tree-entry:hover .layui-tree-txt{
			color: #008bf3;
		}
		#limitPop{
			display: none;
		}
	</style>

	<body>
		<div class="content">
			<!-- 导航 -->
			<div class="floatNav">
					<!-- 导航 -->
					<div class="breadcrumbs">
						<span class="layui-breadcrumb">
							<a target="BoardRight">首页</a>
							<a>
								<cite>用户列表</cite>
							</a>
						</span>
					</div>
				</div>
			</div>
			<div class="uploadContent">
				<div class="searchCover">
					用户名：
					<input type="text" value="{{uname|default:''}}" class="" id="uname" placeholder="请输入用户名" onkeypress="if (event.keyCode == 13) sub_filter();"
					/>
					
					<button type="button" onclick="sub_filter()" class="layui-btn layui-btn-sm layui-btn-normal">筛选</button>
				</div>
				<div class="innerTable">
					<table id="datatable" class="layui-table" lay-skin="line">
						<thead>
							<tr>
								<th>用户名</th>
								<th>用户邮箱</th>
								<th>用户电话</th>
								<th>用户类型</th>
								<!-- <th>用户备注</th> -->
								<th>是否可用</th>
								<th>创建时间</th>
								<th>操作</th>
							</tr>
						</thead>
						<tbody>

						</tbody>
					</table>
					<div class="fenpei-bottom">
						<input type="hidden" id="totalPage" value={{ nums }}>
						<div id="page" ></div>
					</div>
				</div>
			</div>
		</div>

		<!-- 权限弹框 -->
		<div id="limitPop">
			<input type="hidden" value="" id="hiduname">
			<div class="qx">
				<div id="test1">
					
				</div>
			</div>
		</div>

		<script src="{% static '/lib/js/jquery-2.1.4.min.js' %}"></script>
		<script src="{% static '/lib/layui/layui.all.js' %}"></script>
		<script type="text/javascript">
			$.ajaxSetup({
				data: { csrfmiddlewaretoken: '{{ csrf_token }}' },
			});
		</script>
		<script src="{% static '/js/limit/limit.js' %}?versions=0.2.3" type="text/javascript"></script>
		<script src="{% static '/js/limit/limitUserManage.js' %}?versions=0.2.3" type="text/javascript"></script>
	</body>

</html>