{% extends 'MirrorOamBundle:Base:base.html.twig' %}

{% block style %}
	<style type="text/css">
		#red-info,
		#detail-info{
			width: 50%;
			height: 400px;
			left: 0px;
			right: 0px;
			top: 100px;
			margin: 0px auto;
			background-color: #ffffff;
		}
		#red-table td,
		#detail-table td{
			padding:10px 0px;
		}
		.modal-body {
			height: 240px;
			max-height: 240px;
			overflow-y: scroll;
		}
		.modal-body>div {
			margin-bottom: 8px;
		}
		.modal-body>div>.close {
			line-height: 35px;
		}
		.modal-body .form-control {
			width: 30%;
			display: inline-block;
		}
		.form-control {
			width: auto;
			display: inline-block;
		}
	</style>
{% endblock %}

{% block content %}
{% raw %}
<div ng-controller="redListController">
	<h1 class="page-header">红包审核</h1>
	<div class="table-responsive">
	    <table class="table table-striped">
	      <thead>
	        <tr>
	          <th>#</th>
	          <th>申请时间</th>
	          <th>姓名</th>
				<th>电话</th>
	          <th>组织单位</th>
	          <th>金额</th>
	          <th>姓名</th>
	          <th>账号</th>
	          <th>操作</th>
	        </tr>
	      </thead>
	      <tbody>
	        <tr ng-repeat="red in redList">
		       	<td>{{ red.id }}</td>
		       	<td>{{ red.createTime }}</td>
		       	<td>{{ red.staffName }}</td>
				<td>{{ red.telephone}}</td>
		       	<td>{{ red.orgName }}</td>
		       	<td>{{ red.amount }}</td>
		       	<td>{{ red.name }}</td>
		       	<td>{{ red.account }}</td>
		       	<td>
		       		<a href="#" ng-click="accept(this)">允许</a>
		       		<br/>
		       		<a href="#" ng-click="refuse(this)">拒绝</a>
		       		<br/>
		       		<a href="#" data-target="#red-info" role="button" data-toggle="modal" ng-click="check(this)">查看</a>
		       	</td>
	        </tr>
	      </tbody>
	    </table>
	</div>

	<div id="red-info" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-header">
		    <button type="button" class="close" data-dismiss="modal" aria-hidden="true" ng-click="cleanDetail(this)">×</button>
		    <h3 id="myModalLabel">红包详情</h3>
	  </div>
	  <div class="modal-body">
	  	<div>
	  		<table id="red-table" width="">
	  			<tr ng-repeat="redInfo in redInfoList">
	  				<td>
				  		红包来源：
				  	</td>
				  	<td>
				  		{{ redInfo.name }}
				  		&nbsp;&nbsp;&nbsp;
				  	</td>
				  	<td>
				  		创建时间：
				  	</td>
				  	<td>
				  		{{ redInfo.createTime }}
				  		&nbsp;&nbsp;&nbsp;
				  	</td>
					<td>
						金额：
					</td>
					<td>
						{{ redInfo.amount }}
						&nbsp;&nbsp;&nbsp;
					</td>
				  	<td>
				  		<a target="_blank" href="/oam/order/detail/{{ redInfo.detailId }}">查看订单</a>
				  		<!-- <a ng-if="redInfo.type == 1" href="#" data-target="#detail-info" role="button" data-toggle="modal" ng-click="setDetail(this)">查看详情</a>-->
				  		<a href="#" role="button" ng-click="cancelRed(this);">取消红包</a>
				  	</td>
			  	<tr/>
	  		</table>
	  	</div>
	  </div>
	  <div class="modal-footer">
	    <button class="btn" data-dismiss="modal" ng-click="cleanDetail(this)">关闭</button>
	  </div>
	</div>

	<div id="detail-info" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-header">
		    <button type="button" class="close" data-dismiss="modal" aria-hidden="true" ng-click="cleanDetail(this)">×</button>
		    <h3 id="myModalLabel">红包详情</h3>
	  </div>
	  <div class="modal-body">
	  	<div>
	  		<table id="red-table" width="">
	  			<tr>
	  				<td>
				  		名称：
				  	</td>
				  	<td>
				  		{{ detailInfo.name }}
				  	</td>
			  	<tr/>
			  	<tr>
			  		<td>
				  		手机号：
				  	</td>
				  	<td>
				  		{{ detailInfo.telephone }}
				  	</td>
			  	</tr>
	  		</table>
	  	</div>
	  </div>
	  <div class="modal-footer">
	    <button class="btn" data-dismiss="modal" ng-click="cleanDetail(this)">关闭</button>
	  </div>
	</div>
</div>
{% endraw %}
{% endblock %}
{% block script %}
<script type="text/javascript">
angular.module('myApp',[])
	.controller('redListController',function($scope,$http){
		init($scope,$http);
		$scope.logId = 0;
		$scope.accept=function(target){
			$scope.id=target.red.id;
			if(!confirm('确定允许该红包？')) return;
			acceptRed($scope,$http);
		};
		$scope.refuse=function(target){
			$scope.id=target.red.id;
			if(!confirm('确定拒绝该红包？')) return;
			refuseRed($scope,$http);
		};
		$scope.check=function(target){
			$scope.id = target.red.id;
			checkRed($scope,$http,target.red.id);
		};
		$scope.setDetail=function(target){
			getDetail($scope,$http,target.redInfo.detailId);
		}
		$scope.cancelRed = function(target){
			if(!confirm('确定取消该红包？')) return;
			httpOther(
				$http,
				apiPath('/api/red/exchange/single/refuse'),
				'POST',
				{
					'logId':$scope.id,
					'redId':target.redInfo.id
				},
				function(data,textStatus){
					getRedList($scope,$http);
					checkRed($scope,$http,$scope.id);
				},
				function(errno,errmsg){
					alert(errmsg);
				}
			);
		}
	});
function init($scope,$http)
{
	getRedList($scope,$http);
	$("#red-manage-list").addClass('in');
	$("#red-manage").attr('class','active');
	$("#red-list").attr('class','active');
}
function getDetail($scope,$http,index){
	httpOther(
		$http,
		apiPath('/api/invite/detail/'+index),
		'get',
		{},
		function(data,textStatus){
			$scope.detailInfo = data.result;
		},
		function(errno,errmsg){
			alert(errmsg);
		}
	);
}
function checkRed($scope,$http,index){
	httpOther(
		$http,
		apiPath('/api/red/exchange/detail/'+index),
		'get',
		{},
		function(data,textStatus){
			$scope.redInfoList = data.rows;
		},
		function(errno,errmsg){
			alert(errmsg);
		}
	);
}
function acceptRed($scope,$http)
{
	var id=$scope.id;
	httpOther(
		$http,
		apiPath('/api/red/exchange/accept/'+id),
		'get',
		{},
		function(data,textStatus){
			alert('操作成功');
			getRedList($scope,$http);
		},
		function(errno,errmsg){
			alert(errmsg +"  "+ errno);
		}
	);
}
function refuseRed($scope,$http)
{
	var id=$scope.id;
	httpOther(
		$http,
		apiPath('/api/red/exchange/refuse/'+id),
		'get',
		{},
		function(data,textStatus){
			alert('操作成功');
			getRedList($scope,$http);
		},
		function(errno,errmsg){
			alert(errmsg);
		}
	);
}
function getRedList($scope,$http)
{
	httpOther(
		$http,
		apiPath('/api/red/exchange/log/list'),
		'get',
		{},
		function(data,textStatus){
			$scope.redList=data.rows;
		},
		function(errno,errmsg){

		}
	);
}
</script>
{% endblock %}