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

{% block script %}
	<script type="text/javascript">
	 	var JS_PARAM = {};
		function AngularAction($scope,$http,$location,$timeout){
			$scope.topbar = '支付详情';
			$scope.orderInfo = {};
			$scope.orderInfo.weixinId = '{{ weixinId }}';
			$scope.orderInfo.orderId = '{{ orderId }}';
			httpAction($http,apiPath('/api/order/wx/pay'),'POST',
				$scope.orderInfo,
				function(response){
					$scope.orderInfo = response;
					JS_PARAM = response.jsApiParameters;
					JS_PARAM = $.evalJSON(JS_PARAM);
					$scope.doCreate = true;
				},
				function(errno,errmsg){
					alert(errmsg);
			});
			$scope.pay = function(){
				if(!$scope.doCreate) return;
				callpay($scope);
			}
		}
		
	function jsApiCall()
	{
		WeixinJSBridge.invoke(
			'getBrandWCPayRequest',
			JS_PARAM,
			function(res){
				 if(res.err_msg == "get_brand_wcpay_request:ok" ) {
				 	alert('支付成功,点击确定返回');
				 	location.href='/main/order/detail?orderId={{orderId}}';
				 }
			}
		);
	}

	function callpay($scope)
	{
		$scope.doCreate = false;
		if (typeof WeixinJSBridge == "undefined"){
		    if( document.addEventListener ){
		        document.addEventListener('WeixinJSBridgeReady', jsApiCall, false);
		    }else if (document.attachEvent){
		        document.attachEvent('WeixinJSBridgeReady', jsApiCall); 
		        document.attachEvent('onWeixinJSBridgeReady', jsApiCall);
		    }
		}else{
		    jsApiCall();
		}
	}
	</script>
{% endblock %}

{% block css %}
	<style type="text/css">
		.star{
			display:inline-block;
			margin:0px 31px 0px 0px;
			width:58px;
			height:56px;
			background:url(/bundles/mirrormain/images/score-none.png) no-repeat;
		}
		tr .star:last-child{
			margin:0px;
		}
		.star-chose{
			background:url(/bundles/mirrormain/images/score.png) no-repeat;
		}
		table{
			width:100%;
			font-size: 30pt;
		}
		table tr{
			width:100%;
			height:181px;
			text-align:center;
		}
		table tr:first-child{
			width:100%;
			height:92px;
			text-align:center;
		}
		table td{
			padding:31px 0px;
			border-bottom:1px solid #c0c0c0;
		}
		.item-title{
			margin:0px 0px 33px 0px
		}
		.reviewText{
			margin:0px auto;
			width:82%;
			height:130px;
			text-align:left;
		}
		.upReview{
			margin:20px 15px 20px 15px;
			height:75px;
			line-height:75px;
			text-align:center;
			color:#ffffff;
			background-color:#047bcf;
			font-size: 30pt;
		}
	</style>
{% endblock %}

{% block body %}
{% raw %}
	<div>
		<table>
			<tr>
				<td>
					订单编号&nbsp;&nbsp;{{ orderInfo.orderNumber }}
				</td>
			</tr>
			<tr>
				<td>
					标题：优护送服务费用
				</td>
			</tr>
			<tr>
				<td>
					金额：{{orderInfo.price }}元
				</td>
			</tr>
		</table>
		<div class="upReview" ng-init="doCreate" ng-click="pay();">支付</div>
	</div>
{% endraw %}
{% endblock %}