@{
	ViewBag.Title = "举报管理";
}

<div class="container" ng-app="chat12306" ng-controller="AbuseListController">
	<div class="row">
		<ul class="nav nav-pills">
			<li ng-repeat="exp in filters" ng-class="[exp.typeid===filterid?'active':'']"><a href="javascript:;" ng-click="resetFilter(exp.typeid)">{{exp.title}}</a></li>
		</ul>
	</div>
	<div class="row">
		<table id="rlist" class="table table-topspace table-bordered table-striped table-hover">
			<tr>
				<th>ID</th>
				<th>房间</th>
				<th>举报人</th>
				<th>举报时间</th>
				<th>被举报人</th>
				<th>消息时间</th>
				<th>消息IP</th>
			</tr>
			<tr ng-repeat-start="item in items" data-id="{{item.id}}">
				<th>{{item.info.id}}</th>
				<th>{{item.room.name}}</th>
				<th>{{item.info.reportUser}}</th>
				<th>{{item.msg.sendTime|jsonDate}}</th>
				<th>{{item.info.targetUser}}</th>
				<th>{{item.info.reportTime|jsonDate}}</th>
				<th>{{item.msg.ip}}</th>
			</tr>
			<tr data-id="{{item.id}}">
				<td colspan="7">
					<p>{{item.msg.content}}</p>
					<p>
						<img ng-src="img" ng-repeat="img in item.msg.image" />
					</p>
				</td>
			</tr>
			<tr ng-repeat-end data-id="{{item.id}}">
				<td>
					<span class="label" ng-class="[item.info.status===0?'label-primary':'',item.info.status===1?'label-success':'',item.info.status===2?'label-default':'',item.info.status===3?'label-info':'']"><span ng-bind="item.info.status|abuseStatusDesc"></span></span>
				</td>
				<td colspan="6" class="text-right">
					<select ng-show="item.info.status===0" ng-model="item.bantime">
						<option value="">封锁时间</option>
						<option ng-value="time" ng-repeat="time in [0, 30, 60, 90, 120, 150, 300, 600]">{{time==0?"永久":time+"分钟"}}</option>
					</select>
					<button ng-show="item.info.status===0" type="button" class="btn btn-sm btn-primary" ng-click="op($index, 1)">
						<i class="glyphicon glyphicon-ok"></i>
						封被举报人
					</button>
					<button ng-show="item.info.status===0" type="button" class="btn btn-sm btn-danger" ng-click="op($index, 2)">
						<i class="glyphicon glyphicon-user"></i>
						封举报人
					</button>
					<button ng-show="item.info.status===0" type="button" class="btn btn-sm btn-default" ng-click="op($index, 3)">
						<i class="glyphicon glyphicon-remove-sign"></i>
						忽略
					</button>
				</td>
			</tr>
		</table>
	</div>
	<nav>
		<ul class="pagination">
			<li>
				<span>共 {{itemsCount}} 条记录，每页 {{pageSize}} 条，共 {{ pages }} 页</span>
			</li>
			<li ng-class="pageIndex>1?'':'disabled'">
				<a href="javascript:;" ng-click="go(-1)" ng-disabled="pageIndex<=1" aria-label="Previous">
					<span aria-hidden="true">&laquo;</span>
				</a>
			</li>
			<li ng-repeat="index in pageIndex | pagelist:pages" ng-class="[index===pageIndex?'active':'', index<0?'disabled':'']"><a href="javascript:;" ng-click="goPage(index)" ng-bind="index<0?'...':index"></a></li>
			<li ng-class="pageIndex<pages?'':'disabled'">
				<a href="javascript:;" ng-click="go(1)" ng-disabled="pageIndex<pages" aria-label="Next">
					<span aria-hidden="true">&raquo;</span>
				</a>
			</li>
			<li>
				<a href="javascript:;" ng-click="reload();">
					<i class="glyphicon glyphicon-refresh"></i>
					刷新数据
				</a>
			</li>
		</ul>
	</nav>
</div>