{% 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;
		}

		.editRole {
			padding: 10px 0 0 30px;
		}
		#resetPwdBox{
			margin-top: 20px;
			font-size: 14px;
		}
		input:read-only{
			background: #f6f6f6;
			cursor: no-drop;
		}
		.layui-form-item .layui-input-inline{
			width: 210px;
		}
	</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">
			<button class="layui-btn layui-btn-sm layui-btn-normal btn-shaixuan fr" onclick="addUser()">创建新用户</button>
			<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 style="width:250px">操作</th>
						</tr>
					</thead>
					<tbody>

					</tbody>
				</table>
				<div class="fenpei-bottom">
					<input type="hidden" id="totalPage" value={{ nums }}>
					<div id="page"></div>
				</div>
			</div>
		</div>
		<input type="hidden" id="gobackuname" value="{{uname|default:''}}">
		<input type="hidden" id="gobackpage" value="{{page|default:''}}">
		</div>
		<div class="user-manage-top">
			<!-- 重置密码 -->
			<div id="resetPwdBox" style="display:none">
				<form class="layui-form" action="" id="resetPwdBoxForm" lay-filter="resetPwdBoxForm">
					<div class="layui-form-item">
						<label class="layui-form-label">用户名：</label>
						<div class="layui-input-inline">
							<input type="text" name="uname" readonly value="" required lay-verify="required" placeholder="请输入用户名" autocomplete="off" class="layui-input">
						</div>
					</div>
					<div class="layui-form-item">
						<label class="layui-form-label">密码：</label>
						<div class="layui-input-inline">
							<input type="password" name="password" value="" id="userpassWord" required lay-verify="required" placeholder="请输入密码" autocomplete="off" class="layui-input">
						</div>
					</div>
					<div class="layui-form-item">
						<label class="layui-form-label">确认密码：</label>
						<div class="layui-input-inline">
							<input type="password" name="userpassword" value="" id="userRePassWord"  required lay-verify="required" placeholder="请再次输入密码" autocomplete="off" class="layui-input">
						</div>
					</div>

				</form>
			</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/systemSet/userManage.js' %}?versions=0.2.3" type="text/javascript"></script>
	</body>

</html>