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

{% block script %}
	<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
	<script type="text/javascript">

		function AngularAction($scope,$http,$location,$timeout){
			var detailNumber = '{{orderId}}';
			$scope.orderId = '{{ orderId }}';
			$scope.topbar = '订单详情';
			$scope.screen={};
			$scope.screen.width=window.screen.width;
			$scope.screen.height=window.screen.height;
			$scope.isHide = '{{ isHide }}';
			if(location.href.split('#/')[1] == 'wx'){
				$scope.topbarReturn = true;
			}
			httpAction($http,apiPath('/api/dict/key/4'),'GET',
				{},
				function(response){
					$scope.statusList = response.valueList;
				},
				function(errno,errmsg){

			});
			$scope.setList = function(){
				httpAction($http,apiPath('/api/order/detail/get/'+detailNumber),'GET',
					{},
					function(response){
						response.order.total = 0;
						response.order.pay = 0;
						response.order.last = 0;
						$.each(response.order.payList,function(index,content){
							response.order.total+=parseFloat(content.price);
							content.statusName = '未支付';
							if(content.status == 1){
								content.statusName = '已支付';
								response.order.pay+=parseFloat(content.price);
							}
						});
						$.each(response.order.subscribePay,function(index,content){
							content.statusName = '未支付';
							if(content.status == 1){
								content.statusName = '已支付';
							}
						});

						$.each(response.order.structureList,function(index,content){
							var roleType = content.roleType;
							var roleName = getRoleName(roleType);
							content.roleName = roleName;
						});


						response.order.last = (response.order.total - response.order.pay).toFixed(2);

						if(response.order.subScribed == 2 && response.order.isPaid == 0 )
						{
							response.order.pay = response.order.pay + response.order.subscribePay[0].price;
							response.order.last = response.order.last - response.order.subscribePay[0].price;
						}
						response.order.total =  response.order.total.toFixed(2);
						response.order.pay =  response.order.pay.toFixed(2);
						$scope.orderInfo = response.order;
					},
					function(errno,errmsg){

				});
			}
			$scope.setList();
			$scope.orderCancel = function(){
				if(!$scope.doCreate) return;
				myConfirm('确定取消该订单？',function(){
					$scope.doCreate = false;
					httpAction($http,apiPath('/api/order/cancel/'+$scope.orderInfo.id),'GET',{},
						function(response){
							var errno = response.errno;
							if(errno==0){
								location.reload();
								$scope.doCreate = true;
							}
						},
						function(errno,errmsg){
							alert(errmsg);
							$scope.doCreate = true;
						}
					);
				});
			}
		}

		function matchStatus($scope,value){
			var status = '';
			$.each($scope.statusList,function(index,content){
				if(value == content.realValue){
					status = content.showValue;
					return false;
				}
			});
			return status;
		}

		wx.config({
			debug: false,
			appId: '{{signPackage.appId}}',
			timestamp: {{signPackage.timestamp}},
			nonceStr: '{{signPackage.nonceStr}}',
			signature: '{{signPackage.signature}}',
			jsApiList: [
				'onMenuShareTimeline',
				'onMenuShareAppMessage',
				'onMenuShareQQ',
				'onMenuShareWeibo',
				'onMenuShareQZone'
			]
		});
		wx.ready(function () {
			var shareData = {
				title:'【优护送】新订单详情！',
				desc: '{{ position }}',
				link: 'http://aid.uuhoo.net/main/order/detailTrackEmp?orderId={{orderId}}',
				imgUrl: 'http://aid.uuhoo.net/bundles/mirrormain/images/share.jpg'
			};
			wx.onMenuShareAppMessage(shareData);
			wx.onMenuShareTimeline(shareData);
			wx.onMenuShareQQ(shareData);
			wx.onMenuShareWeibo(shareData);
			wx.onMenuShareQZone(shareData);
		});
	</script>
{% endblock %}

{% block css %}
	<style type="text/css">
		body{
			background-color:#f4f4f4;
			font-size: 24pt;
		}
		.detail-panel{
			position:relative;
			margin:18px auto;
			background-color:#ffffff;
			border:1px solid #e7e7e7;
			box-shadow: 5px 5px 5px #888888;
		}
		.detail-bottom{
			padding:0px 0px 100px 0px;
		}
		ul{
			margin:0px;
			padding:30px 48px 30px 24px;
		}
		ul li{
			list-style:none;
			position:relative;
			margin:0px auto 55px auto;
		}
		ul li:last-child{
			margin:0px auto 0px auto;
		}
		.detail-name{
			display:inline-table;
		}
		.detail-phone{
			float:right;
		}
		.detail-item{
			position:relative;
		}
		.detail-item-title{
			position:relative;
			padding:0px 24px;
			height:59px;
			line-height:59px;
			color:#7c7c7c;
			background-color:#f3f3f3;
			border-width:1px 0px 1px 0px;
			border-style:solid;
			border-color:#aaaaaa;
		}
		.detail-info{
			position:relative;
			height:110px;
			line-height:110px;
			text-align:center;
		}
		.detail-worker{
			display:inline-block;
			width:19%;
		}
		.detail-button-panel{
			position:fixed;
			bottom:0px;
			left:0px;
			width:100%;
			background-color:#ffffff;
			border-top:1px solid #aaaaaa;
		}
		.detail-button-double{
			text-align:center;
		}
		.detail-button-double .detail-button{
			display:inline-block;
			width:45%;
		}
		.detail-button{
			margin:20px 15px 20px 15px;
			height:75px;
			line-height:75px;
			text-align:center;
			color:#ffffff;
			background-color:#047bcf;
		}
		.detail-table{
			width:100%;
			text-align:center;
		}
		.detail-table td{
			padding:32px 0px;
		}
		.detail-log-panel{
			display:table;
			margin:0px auto;
		}
		.detail-log{
			position:relative;
			height:70px;
			line-height:70px;
		}
		.detail-position-icon{
			display:inline-table;
			vertical-align:middle;
			margin:0px 0px 0px 50px;
		}
		.detail-position-icon div{
			width:30px;
			height:55px;
			background:url(/bundles/mirrormain/images/detail-position.jpg) no-repeat;
			background-size:100%;
			background-position:center top;
		}
		#contacts a{
			color:rgb(243,152,0);
			text-decoration:underline;
		}
	</style>
{% endblock %}

{% block body %}
{% raw %}
	<div class="detail-panel" ng-class="{'detail-bottom':(orderInfo.status < 5 || orderInfo.status > 7) && (orderInfo.status != -1 && orderInfo.status != 10)}">
		<ul id="contacts">
			<li>
				编号：{{orderInfo.orderNumber}}
			</li>
			<li>
				起点：{{orderInfo.beginPositionLong}}
			</li>
			<li>
				终点：{{orderInfo.endPositionLong}}
			</li>
			<li>
				<!-- <div class="detail-name">联系人：{{orderInfo.name}}</div>
					<div class="detail-phone">电话：{{orderInfo.telephone}}</div> -->	
				联系人：{{orderInfo.name}}
			</li>
			<li>
				电话：<a href="tel:{{orderInfo.telephone}}">{{orderInfo.telephone}}</a>	
			</li>
			<li>
				用车时间：{{orderInfo.hopeTime}}
			</li>
			<li>
				护送类型：{{orderInfo.carType}}
			</li>
			<li>
				主诉：{{orderInfo.userProblem}}
			</li>
			<li>
				留言：{{orderInfo.comment}}
			</li>
			<li>
				内部备注：{{orderInfo.priceComment}}
			</li>
		</ul>
		<div class="detail-item">
			<div class="detail-item-title">订单状态</div>
			<div class="detail-info">{{orderInfo.statusStr}}</div>
		</div>
		<div class="detail-item">
			<div class="detail-item-title">人员配备</div>
			<div class="detail-info">
				<div class="detail-worker" ng-repeat="structure in orderInfo.structureList" >
					{{ structure.roleName }}*{{ structure.amount }}
				</div>
			</div>
		</div>
		<div class="detail-item"  ng-hide="orderInfo.subScribed <= 0">
			<div class="detail-item-title">预约金支付情况</div>
			<table class="detail-table">
				<tr ng-repeat="payInfo in orderInfo.subscribePay">
					<td>{{payInfo.name}}</td><td>{{payInfo.price}}</td><td>{{payInfo.statusName}}</td>
				</tr>
			</table>
		</div>
		<div class="detail-item">
			<div class="detail-item-title">费用支付情况</div>
			<table class="detail-table">
				<tr ng-repeat="payInfo in orderInfo.payList">
					<td>{{payInfo.name}}</td><td>{{payInfo.price}}</td><td>{{payInfo.statusName}}</td>
				</tr>
				<tr>
					<td>共计{{orderInfo.total}}</td><td>已支付{{orderInfo.pay}}</td><td>{{orderInfo.last}}</td>
				</tr>
			</table>
		</div>
		<div class="detail-item" ng-show="orderInfo.status > 2">
			<div class="detail-item-title">联系人</div>
			<div class="detail-info">{{orderInfo.driver.name}}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href='tel:{{orderInfo.driver.telephone}}'>{{orderInfo.driver.telephone}} </a> <a href="/main/order/position?adminId={{ orderInfo.driver.id }}" class="detail-position-icon" ng-show='orderInfo.status >=5 && orderInfo.status<=7'><div></div></a></div>
		</div>
		<div class="detail-item">
			<div class="detail-item-title">订单跟踪</div>
			<div class="detail-log-panel">
				<div class="detail-log" ng-repeat="log in orderInfo.orderLogList">{{log.createTime}}&nbsp;&nbsp;&nbsp;{{log.type}}</div>
			</div>
		</div>
<!-- 		<div class="detail-button-panel" ng-show="isHide==0 " ng-class="{'detail-button-double':orderInfo.status < 4 && orderInfo.status != -1}" ng-init="doCreate=true;">
	<div class="detail-button" ng-click="orderCancel();" ng-show="orderInfo.isPaid == 0 && orderInfo.status < 3 && orderInfo.status != -1">取消订单</div>
	<a href='/main/order/wx/modify?orderId={{orderId}}' ng-show="orderInfo.isPaid == 0 && orderInfo.status < 3 && orderInfo.status != -1"><div class="detail-button">修改订单</div></a>
	<a href='https://open.weixin.qq.com/connect/oauth2/authorize?appid=wx524fa24fe09c61d4&redirect_uri=http%3A%2F%2Faid.uuhoo.net%2Fmain%2Forder%2Fwx%2Fpay%3ForderId%3D{{ orderId }}&response_type=code&scope=snsapi_base#wechat_redirect' ng-show="(orderInfo.isPaid == 0 && orderInfo.status >= 2) || orderInfo.status == 8"><div class="detail-button">支付</div></a>
	<a href='/main/order/review?orderId={{orderId}}' ng-show="false"><div class="detail-button">评价</div></a>
</div> -->
		 <!-- 2020-06-24 分享支付 -->
		 <div class="detail-button-panel">
			<a href='https://open.weixin.qq.com/connect/oauth2/authorize?appid=wx524fa24fe09c61d4&redirect_uri=http%3A%2F%2Faid.uuhoo.net%2Fmain%2Forder%2Fwx%2Fpay%3ForderId%3D{{ orderId }}&response_type=code&scope=snsapi_base#wechat_redirect' ng-show="(orderInfo.isPaid == 0 && orderInfo.status >= 2) || orderInfo.status == 8"><div class="detail-button">支付</div></a>
		</div>
	</div>
{% endraw %}
{% endblock %}