{% 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;
}
</style>
{% endblock %}

{% block content %}
{% raw %}
<div ng-controller="organizationController">
	<h1 class="page-header">添加组织</h1>
	<div class="placeholders">
		<div class="td">
			名称：
			<input type="" class="form-control" value="" ng-model="organization.name" />
		</div>
		<div class="td">
			联系电话：
			<input type="" class="form-control" value="" ng-model="organization.phone" />
		</div>
		<div class="td">
			城市：
			<select class="form-control" ng-change="SelectProvince(this,2)" ng-model="endProvinceInfo"><option ng-repeat="province in provinceEnd" value="{{province}}" ng-selected="orderInfo.endCityCode=={{province.code}}">{{province.name}}</option></select>
			<select class="form-control" ng-change="SelectCity(this,2)" ng-model="endCityInfo"><option ng-repeat="city in cityEnd" value="{{city}}" ng-selected="orderInfo.endCityCode=={{city.code}}">{{city.name}}</option></select>
			<select class="form-control" ng-change="SelectRegion(this,2)" ng-model="endRegionInfo"><option ng-repeat="region in regionEnd" value="{{region}}" ng-selected="orderInfo.endCityCode=={{region.code}}">{{region.name}}</option></select>
		</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('organizationController',function($scope,$http){
		$scope.organization={
			'name':'',
			'cityCode':''
		}
		$scope.end = {
			'province':'省份',
			'city':'城市',
			'region':'区/县'
		};
		$scope.cleanOrganization=function(){
		};
		$scope.create=function(target){
			createOrganization($scope,$http);
		};
		$scope.SelectProvince=function(target,type){
			if(type == 1){
				var targetInfo = $.evalJSON(target.startProvinceInfo);
				$scope.start.province = targetInfo.name;
				$scope.start.city = '城市';
				$scope.start.region = '区/县';
				getStartCode($scope,$http,targetInfo.code,2);
			}else{
				var targetInfo = $.evalJSON(target.endProvinceInfo);
				$scope.end.province = targetInfo.name;
				$scope.end.city = '城市';
				$scope.end.region = '区/县';
				getEndCode($scope,$http,targetInfo.code,2);
			}
		}
		$scope.SelectCity=function(target,type){
			if(type == 1){
				var targetInfo = $.evalJSON(target.startCityInfo);
				$scope.start.city = targetInfo.name;
				$scope.start.region = '区/县';
				getStartCode($scope,$http,targetInfo.code,3);
			}else{
				var targetInfo = $.evalJSON(target.endCityInfo);
				$scope.end.city = targetInfo.name;
				$scope.end.region = '区/县';
				$scope.organization.cityCode=targetInfo.code;
				getEndCode($scope,$http,targetInfo.code,3);
			}
		}
		$scope.SelectRegion=function(target,type){
			if(type == 1){
				var targetInfo = $.evalJSON(target.startRegionInfo);
				$scope.start.region = targetInfo.name;
			}else{
				var targetInfo = $.evalJSON(target.endRegionInfo);
				$scope.end.region = targetInfo.name;
				if(targetInfo.code)
					$scope.organization.cityCode=targetInfo.code;
			}
		}
		$("#organization-manage").addClass('active');
		$("#organization-create").addClass("active");
		$("#organization-manage-list").addClass('in');
		getEndCode($scope,$http,0,1);
	});
	function createOrganization($scope,$http)
	{
		var json={
			'name':$scope.organization.name,
            'phone':$scope.organization.phone,
			'cityCode':$scope.organization.cityCode
		};
		httpOther($http,
			apiPath('/api/organization/create'),
			'post',
			json,
			function(data,textStatus){
				alert('添加成功');
				$scope.cleanOrganization();
			},
			function(errno,errmsg){
				alert(errmsg);
		});
	}
	function getEndCode($scope,$http,value,type){
			httpOther($http,apiPath('/api/region/list/'+value),'GET',
				{},
				function(response){
					switch(type){
						case 1:
							$scope.provinceEnd = response.regionList;
							getEndCode($scope,$http,$scope.provinceEnd[0].code,2);
						break;
						case 2:
							$scope.cityEnd = response.regionList;
							getEndCode($scope,$http,$scope.cityEnd[0].code,3);
						break;
						case 3:
							$scope.regionEnd = response.regionList;
						break;
					}
				},
				function(errno,errmsg){

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