{template 'common/header'}
<ul class="we7-page-tab">
	{if permission_check_account_user('see_user_manage_display')}
	<li {if  $controller == 'user' && $action == 'display' && ($_GPC['type'] == 'display' || $_GPC['type'] == '')} class="active"{/if}><a href="{php echo url('user/display')}">用户管理</a></li>
	{/if}
</ul>
<div class="search-box clearfix we7-margin-bottom">
	<form action="" class="search-form search-box" method="get">
		<input type="hidden" name="c" value="user">
		<input type="hidden" name="a" value="display">
		<input type="hidden" name="do" value="{$_GPC['do']}">
		<input type="hidden" name="type" value="{$_GPC['type']}">
		<select name="expire" class="we7-margin-right">
			<option value="0" data-url="{php echo filter_url('expire:0');}" {if $_GPC['expire'] == 0}selected="selected"{/if}>用户状态</option>
			<option value="1" data-url="{php echo filter_url('expire:1');}" {if $_GPC['expire'] == 1}selected="selected"{/if}>未到期</option>
			<option value="2" data-url="{php echo filter_url('expire:2');}" {if $_GPC['expire'] == 2}selected="selected"{/if}>已到期</option>
		</select>
		<div class="search-form">
			<div class="input-group ">
				<input type="text" name="search" id="" value="{$_GPC['search']}" class="form-control"  placeholder="搜索用户名或手机号" />
				<span class="input-group-btn"><button class="btn btn-default"><i class="fa fa-search"></i></button></span>
			</div>
		</div>
	</form>
	{if $_GPC['type'] == 'display' || $_GPC['type'] == ''}<a href="{url 'user/create/post'}" class="btn btn-primary">+添加用户</a>{/if}
</div>
<div  id="js-users-display" ng-controller="UsersDisplay" ng-cloak>
<table class="table we7-table table-hover table-manage vertical-middle">
	<col width="100px">
	<col width="90px"/>
	<col width="150px">
	<col width="200px"/>
	<col width="130px"/>
	<col width=""/>
	<tr>
		<th class="we7-form">
			<input type="checkbox" we7-check-all="1" id="uid-all" ng-model="checkAllStatus" ng-change="checkAll()" class="">
			<label for="uid-all"></label>
		</th>
		<th></th>
		<th class="text-left">用户名</th>
		<th>到期时间</th>
		<th>备注</th>
		<th>注册时间</th>
		<th class="text-right">操作</th>
	</tr>
	<tr ng-repeat="user in users" ng-if="users">
		<td class="we7-form table-action-td" >
			<input type="checkbox" we7-check-all="1" id="{{'uid-' + user.uid}}" class="" ng-model="user['checked']"  ng-change="checkItem(user['checked'])">
			<label for="{{'uid-' + user.uid}}">&nbsp;</label>
		</td>
		<td class="td-link">
			<a ng-href="{{links.edit}}uid={{user.uid}}">
				<img src="{{user.avatar}}" alt="" class="img-responsive icon"/>
			</a>
		</td>
		<td><span ng-bind="user.username"></span><br/><span ng-bind="user.mobile"></span></td>
		<td>
			<span ng-bind="user.endtime"></span>
		</td>
		<td>
			<span ng-bind="user.remark"></span>
		</td>
		<td>
			<span ng-bind="user.joindate"></span>
		</td>
		<td class="vertical-middle table-manage-td">
			<div class="link-group" ng-if="!user.founder">
				<a ng-href="{{links.edit}}uid={{user.uid}}" ng-if="type == 'display' || type == 'clerk'">编辑</a>
			</div>
		</td>
	</tr>
	<tr ng-if="!users">
		<td colspan="100" >
			<div class="we7-empty-block">暂无数据</div>	
		</td>
	</tr>
	<tr style="height: 52px;"></tr>
</table>
<div class="we7-form" style="margin-left: 14px; " >
	<span ng-show="type == 'display' || type == 'clerk' || type == 'recycle'">
		<input type="checkbox" we7-check-all="1" id="uid-all1" ng-model="checkAllStatus" ng-change="checkAll()" class="">
		<label for="uid-all1">全选</label>
		<span class="we7-margin-left">已选择{{checkNum}}个</span>
		<button href="javascript:;" ng-disabled="!checkNum" class="btn btn-default we7-margin-left" ng-click="postAction('recycle')" ng-if="type == 'display' || type == 'clerk'">删除</button>
	</span>
	<span class="pager-total">共{php echo $total}个</span>
	<div class="pull-right">
		{$pager}
	</div>
</div>
</div>

<script type="text/javascript">
	$(function(){
		$('[data-toggle="tooltip"]').tooltip();
	});
	angular.module('userManageApp').value('config', {
		type: "{php echo !empty($_GPC['type']) ? $_GPC['type'] : 'display'}",
		users: {php echo !empty($users) ? json_encode($users) : 'null'},
		usergroups: 'null',
		links: {
			link: "{php echo url('user/display/operate')}",
			edit: "{php echo url('user/edit')}",
		},
	});
	angular.bootstrap($('#js-users-display'), ['userManageApp']);
</script>
{template 'common/footer'}