{extend name="layout/content" /}
{block name="header"}
<title>角色管理</title>
<style>
	.layui-inline {
	    margin-right: 20px;
	}
</style>
{/block}
{block name="content"}
<div class="x-body">

		




        <form class="layui-form" method="post" action="{:url('index')}">


			<div style="margin-bottom: 20px;float: left;">
				<a href="{:url('add')}" class="layui-btn layui-btn-radius"><i class="layui-icon">&#xe654;</i>添加管理员</a>
			</div>
			
			<div  style="margin-bottom: 20px;float: right;">

			
				<div class="layui-inline">
				    <label>用户名：</label>
				    <div class="layui-input-inline">
				        <input class="layui-input" placeholder="请输入用户名" name="username" value="{:input('request.username', '')}">
				    </div>
				</div>
				
				
				<div class="layui-inline">
				    <label>手机号：</label>
				    <div class="layui-input-inline">
				        <input class="layui-input" placeholder="请输入手机号" name="mobile" value="{:input('request.mobile', '')}">
				    </div>
				</div>
				

					
				    <div class="layui-inline">
				       <label >角色：</label>
				       <div class="layui-input-inline">
				         <select name="role_id" lay-search="">
				           <option value="">- 请选择角色 -</option>
				           {foreach name="roles" item="vo"}
								<option value="{$vo.id}" {if condition="input('request.role_id', '') eq $vo.id" }selected="selected" {/if}>{$vo.name}</option>
							{/foreach}
				         </select>
				       </div>
				     </div>
				   
				   <div class="layui-inline">
				       <label >状态：</label>
				       <div class="layui-input-inline">
				         <select name="status">
				           <option value="">- 请选择状态 -</option>
				           <option value="1" {if condition="input('request.status', '') eq '1'" }selected="selected" {/if}>开启</option>
				           <option value="0" {if condition="input('request.status', '') eq '0'" }selected="selected" {/if}>冻结</option>
				         </select>
				       </div>
				     </div>
				   
				   
				   <div class="layui-inline">
				       <label>创建时间：</label>
				       <div class="layui-input-inline">
				           <input class="layui-input" placeholder="" value="{:input('request.start_time', '')}" name="start_time" id="start_time" autocomplete="off">
				       </div>
				   </div>
				   
				   <div class="layui-inline">
				       <label>-</label>
				       <div class="layui-input-inline">
				           <input class="layui-input" placeholder="" value="{:input('request.end_time', '')}" name="end_time" id="end_time" autocomplete="off">
				       </div>
				   </div>
				   
				

				<div class="layui-inline">
					<button class="layui-btn layui-btn-radius" lay-submit>搜索</button>
					<a class="layui-btn layui-btn-radius" href="{:url('User/index')}">清空</a>
				</div>

			</div>



			<table class="layui-table">
					<thead>
						<tr>
							<th width="50">ID</th>
							<th>用户名</th>
							<th>手机号</th>
							<th>角色</th>
							<th>状态</th>
							<th>创建时间</th>
							<th>操作</th>
						</tr>
					</thead>
					<tbody>
						{volist name="users" id="vo"}
						<tr>
							<td>{$vo.id}</td>
							<td>{$vo.username}</td>
							<td>{$vo.mobile}</td>
							<td>{$vo.name}</td>
							<td>{$vo.status ? '开启' : '冻结'}</td>
							<td>{:date('Y-m-d H:i:s',$vo.create_time)}</td>
							<td>
								<a href="{:url('edit', array('id'=>$vo['id']))}" class="layui-btn">
									<i class="layui-icon">&#xe642;</i>编辑</a>
								<a href="javascript:;" onclick="del_info(this,'{:url(\'delete\',[\'id\'=>$vo.id])}')"
								   class="layui-btn  layui-btn-danger">
									<i class="layui-icon">&#xe640;</i>删除</a>
		
								{if condition="$vo['status'] eq 1"}
									<a href="{:url('user/ban', array('id'=>$vo['id']))};"
								   class="layui-btn layui-btn-warm">冻结</a>
								{else /}
									<a href="{:url('cancelBan', array('id'=>$vo['id']))}" class="layui-btn">开启</a>
								{/if}
							</td>
						</tr>
						{/volist}
					</tbody>
				</table>
		
			

				<div class="pager-container" style="margin-top:10px;">
					<span>
						{$users->total()}条记录
					</span>
					{$page}
					<div class="layui-inline" style="margin:0;margin-left:10px;width:80px;">
						<input type="text" style="height: 30px;" class="layui-input" placeholder="跳转至" name="page" onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')">
					</div>
				</div>




        </form>


	
</div>
{/block}


{block name="footer"}
<script>
   layui.use(['laydate', 'form'], function () {
        var laydate = layui.laydate;
        var form = layui.form;

        var starttime = laydate.render({
            elem: '#start_time',
            type: 'date',
            format: 'yyyy-MM-dd',
            done: function (value, dates) {
                endtime.config.min = {
                    year: dates.year,
                    month: dates.month - 1, //关键
                    date: dates.date,
                    hours: 0,
                    minutes: 0,
                    seconds: 0
                };
            }
        });
		
        var endtime = laydate.render({
            elem: '#end_time',
            type: 'date',
            format: 'yyyy-MM-dd',
            done: function (value, dates) {
                starttime.config.max = {
                    year: dates.year,
                    month: dates.month - 1, //关键
                    date: dates.date,
                    hours: 0,
                    minutes: 0,
                    seconds: 0
                }
            }
        });
		

 });
		
	

</script>
{/block}