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

{% block style %}
<style type="text/css">
.form-control {
	width: auto;
	display: inline-block;
}
.placeholders {
	text-align: left;
	margin-top: 40px;
}
.td {
	height: 50px;
}
.td-first {
	display: inline-block;
	width: 104px;
}
</style>
{% endblock %}

{% block content %}
{% raw %}
<div ng-controller="employeeController">
	<h1 class="page-header">添加助手</h1>
	<div class="placeholders">
		<div class="td">
			<div class="td-first">
				姓名：
			</div>
			<input ng-model="name" type="text" class="form-control" />
		</div>
		<div class="td">
			<div class="td-first">
				手机号：
			</div>
			<input ng-model="telephone" type="text" class="form-control">
		</div>
		<div class="td">
			<div class="td-first">
				组织：
			</div>
			<select ng-model="organizationId" class="form-control">
				<option ng-repeat="organization in organizationList" value="{{ organization.id }}">{{ organization.name }}</option>
			</select>
		</div>
		<div class="td">
			<div class="td-first">
				服务机构单位：
			</div>
			<select ng-model="serviceOrgId" class="form-control">
				<option ng-repeat="service in serviceList" value="{{ service.id }}">{{ service.name }}</option>
			</select>
		</div>
		<div class="td">
			<div class="td-first">
				密码：
			</div>
			<input ng-model="password" type="password" class="form-control">
		</div>
		<div class="td">
			<div class="td-first">
				重新输入密码：
			</div>
			<input ng-model="rePassword" type="password" class="form-control">
		</div>
		<div class="td">
			<button class="form-control" ng-click="create(this)">添加</button>
		</div>
	</div>
</div>
{% endraw %}
{% endblock %}

{% block script %}
<script type="text/javascript">
angular.module('myApp',[])
	.controller('employeeController',function($scope,$http){
		$scope.create=function(target){
			createStaff($scope,$http);
		};
		$scope.organizationList=[];
		$("#staff-manage").addClass('active');
		$("#staff-create").addClass("active");
		$("#staff-manage-list").addClass('in');
		getOrganizationList($scope,$http);
		getServiceList($scope,$http);
	});
	function getOrganizationList($scope,$http)
	{
		httpOther(
			$http,
			apiPath('/api/staff/organization/list'),
			'post',
			'',
			function(data,textStatus){
				$scope.organizationList=data.rows;
			},
			function(errno,errmsg){
				$scope.organizationList=[];
			}
		);
	}
	function getServiceList($scope,$http)
	{
		httpOther(
			$http,
			apiPath('/api/organization/search'),
			'post',
			'',
			function(data,textStatus){
				$scope.serviceList=data.rows;
			},
			function(errno,errmsg){
				$scope.serviceList=[];
			}
		);
	}
	function createStaff($scope,$http)
	{
		if($scope.name=='')
		{
			alert('姓名不能为空');
			return;
		}
		if($scope.telephone=='')
		{
			alert('手机号不能为空');
			return;
		}
		if(!$scope.organizationId)
		{
			alert('组织不能为空');
			return;
		}
		if(!$scope.password)
		{
			alert('密码不能为空');
			return;
		}
		if($.trim($scope.password)!=$.trim($scope.rePassword))
		{
			alert('两次输入密码不同');
			return;
		}
		var json={
			'name':$scope.name,
			'telephone':$scope.telephone,
			'password':$scope.password,
			'organizationId':$scope.organizationId,
			'serviceOrgId':$scope.serviceOrgId
		}
		/*if($scope.serviceId)
		{
			json.serviceId = $scope.serviceId;
		}*/
		httpOther(
			$http,
			apiPath('/api/staff'),
			'post',
			json,
			function(data,textStatus){
				alert('添加成功');
			},
			function(errno,errmsg){
				alert(errmsg);
			}
		);
	}
</script>
{% endblock %}