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

{% block script %}
	<script type="text/javascript">
		function AngularAction($scope,$http,$location,$timeout){
			$scope.topbar = '选择亲人';
			$scope.weixinId='{{ weixinId }}';
			$scope.topbarReturn = true;
			var json={
				'weixinId':$scope.weixinId
			}
			httpAction(
				$http,
				'/api/user/contact/'+$scope.weixinId,
				'get',
				json,
				function(data,textStatus){
					$scope.contactList = data.rows;
					if($scope.contactList.length > 0) $scope.hasInfo = true;
					$scope.contactPhone = $scope.contactList[0].id;
				},
				function(errno,errmsg){
					alert(errmsg);
				}
			);
			$scope.choseItem = function(value){
				$scope.contactPhone = value;
			}
			$scope.choseContact = function(){
				var target = angular.element('.create-contact-chose').scope();
				if(location.href.split('#/')[1].split('&')[0] != 'modify'){
					var orderHistory = $.evalJSON(getCookie('orderHistory'));
					var orderInfo = orderHistory.orderInfo;
					orderInfo.name = target.contacts.name;
					orderInfo.telephone = target.contacts.telephone;
					orderHistory.orderInfo = orderInfo;
					setCookie('orderHistory',$.toJSON(orderHistory),1);
				}else{
					var detailHistory = $.evalJSON(getCookie('detailHistory'));
					var orderInfo = detailHistory.orderInfo;
					orderInfo.name = target.contacts.name;
					orderInfo.telephone = target.contacts.telephone;
					detailHistory.orderInfo = orderInfo;
					setCookie('detailHistory',$.toJSON(detailHistory),1);
				}
				window.history.back();
			}
			$scope.createContact = function(){
				location.href ='https://open.weixin.qq.com/connect/oauth2/authorize?appid=wx524fa24fe09c61d4&redirect_uri=http%3A%2F%2Faid.uuhoo.net%2Fmain%2Fuser%2Fcontact%3FbackSelect&response_type=code&scope=snsapi_base#wechat_redirect';
			}
		}
	</script>
{% endblock %}
{% block css %}
	<link rel="stylesheet" type="text/css" href="/bundles/mirrormain/css/order-create.css">
	<style type="text/css">
		.create-contact-panel{
			width:80%;
		}
		.create-contact-item{
			display:inline-table;
			vertical-align:middle;
			width:auto;
		}
		.create-contact-list a{
			vertical-align:middle;
			display:inline-table;
			height:45px;
			line-height:33px;
		}
		.desc-panel{
			position:relative;
			padding-top:30px;
		}
		.desc-panel p{
			color:#ff6d00;
		}
		#contact-desc {
			width: 100%;
			height: auto;
			min-height: 110px;
			border: 0px;
			overflow-y: visible;
			line-height: 1.5em;
			margin-bottom: 15px;
		}
		#contacts a{
			color:rgb(243,152,0);
			text-decoration:underline;
		}
	</style>
{% endblock %}
{% block topAction %}
	<div class="create-contact-icon" ng-click="createContact();"></div>
{% endblock %}
{% block body %}
{% raw %}
	<div class="desc-panel" ng-show="!hasInfo">
		<p>您还没有添加亲人，点击右上角加号去添加</p>
		亲人说明：
		<div id="contact-desc">
			通过添加您的亲人，当您为本人预订用车后，订单信息同时会推送到亲人绑定的优护送公众号中。当您为亲人预订用车后，订单信息会推送给您和预订车辆亲人的优护送公众号中。<br />
			您和您的亲人都可以操作订单完成支付，并可以了解整个护送行程中的详细进展
		</div>
	</div>
	<div class="my-contact" ng-show="hasInfo">
		<div id="contacts" class="create-contact-panel">
			<div class="create-contact-list" ng-repeat="contacts in contactList">
				<div class="create-contact-item" ng-class="{'create-contact-chose':contactPhone==contacts.id}" ng-click="choseItem(contacts.id);">{{contacts.name}}</div>
				&nbsp;&nbsp;&nbsp;
				<a href="tel:{{contacts.telephone}}">{{contacts.telephone}}<a>
			</div>
		</div>
		<div class="create-button" ng-click="choseContact();">确定</div>
	</div>
{% endraw %}
{% endblock %}