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

{% block style %}
<style type="text/css">
#add-pay,#modify-structure {
	width: 50%;
	height: 400px;
	left: 0px;
	right: 0px;
	top: 100px;
	margin: 0px auto;
	background-color: #ffffff;
}
#group-info-list {
	width: 80%;
	height: 500px;
	left: 0px;
	right: 0px;
	top: 50px;
	margin: 0px auto;
	background-color: #ffffff;
}
.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: 40%;
	display: inline-block;
}
.btn {
	padding: 3px 6px;
}
#group-info-list .form-control {
	width: auto;
	display: inline-block;
}
</style>
{% endblock %}

{% block content %}
{% raw %}
<div ng-controller="orderListController">
	<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>
	          <th>操作</th>
	        </tr>
	      </thead>
	      <tbody>
	        <tr ng-repeat="confirm in confirmList">
	          <td>{{ confirm.id }}</td>
	          <td>{{matchType(confirm.roleTypeName)}}</td>
	          <td>{{ confirm.name }}</td>
	          <td><a target="_blank" href="{{ confirm.cardUrl }}"><img width="50" height="50" src="{{ confirm.cardUrl }}"/></a></td>
	          <td><a ng-if="confirm.licenseUrl != ''" target="_blank" href="{{ confirm.licenseUrl }}"><img width="50" height="50" src="{{ confirm.licenseUrl }}"/></a></td>
	          <!-- <td>{{ confirm.serviceOrganizationName }}</td> -->
	          <td>{{ confirm.organizationName }}</td>
	          <td>{{ confirm.telephone }}</td>
	          <td>{{ confirm.createTime }}</td>
	          <td>
	          	<a data-target="#confirm-accept" role="button" class="btn" data-toggle="modal" ng-click="accept(this)">通过</a>
	          	<a data-target="#confirm-refuse" role="button" class="btn" data-toggle="modal" ng-click="refuse(this)">拒绝</a>
	          </td>
	        </tr>
	      </tbody>
	    </table>
	</div>
</div>
{% endraw %}

{% block script %}
<script type="text/javascript">
angular.module('myApp',[])
	.controller('orderListController',function($scope,$http){
		init($scope,$http);
		getOrderList($scope,$http);
		$scope.matchType = function(name){
			var typeName = name;
			if(name == 'undefined'){
				typeName = '助手人员';
			}
			if(name == '护士'){
				typeName = '护送员';
			}
			return typeName;
		}
		$scope.accept = function(target){
			if(!confirm('确认通过该人员信息？')) return;
			httpOther(
				$http,
				apiPath('/api/new/user/accept/'+target.confirm.id),
				'POST',
				{},
				function(data,textStatus){
					alert('审核已通过');
					getOrderList($scope,$http)
				},
				function(errno,errmsg){
					alert(errmsg);
				}
			);
		}
		$scope.refuse = function(target){
			if(!confirm('确认拒绝该人员信息？')) return;
			httpOther(
				$http,
				apiPath('/api/new/user/refuse/'+target.confirm.id),
				'POST',
				{},
				function(data,textStatus){
					alert('审核已拒绝');
					getOrderList($scope,$http)
				},
				function(errno,errmsg){
					alert(errmsg);
				}
			);
		}
	}).directive('structure',
		function($timeout,$http){
		    return {
		        restrict: 'A',
		        controller:function($scope,$http){
		        	if ($scope.$last === true) {
		            	
		            }
		        }
	    	};
	});

function init($scope,$http)
{
	$("#confirm-manage").addClass('active');
	$("#confirm-aide").addClass("active");
	$("#confirm-manage-list").addClass('in');
}

function getOrderList($scope,$http)
{
	httpOther(
		$http,
		apiPath('/api/new/user/search'),
		'POST',
		{},
		function(data,textStatus){
			$scope.confirmList=data.rows;
		},
		function(errno,errmsg){

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