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

{% block script %}
	<script type="text/javascript">
		angular.module('myApp',[])
		.controller('orderDetailController',function($scope,$http,$location,$timeout){
			 AngularAction($scope,$http,$location,$timeout);
		});
		function AngularAction($scope,$http,$location,$timeout){
			var detailNumber = '{{orderId}}';
			$scope.orderId = '{{ orderId }}';
			$scope.directorId = '{{ directorId }}';
			httpOther($http,apiPath('/api/dict/key/4'),'GET',
				{},
				function(response){
					$scope.statusList = response.valueList;
				},
				function(errno,errmsg){

			});
			$scope.setList = function(){
				httpOther($http,apiPath('/api/order/detail/get/'+detailNumber),'GET',
					{},
					function(response){
						response.order.total = 0;
						response.order.pay = 0;
						response.order.last = 0;
						if(response.order.isCarry == 1)
						{
                            $scope.isCarry = '是';
						}
                        else
                        {
                            $scope.isCarry = '否';
                        }
						$.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.selectpriceitem = function(target){
                $scope.selectpayInfo = target.payInfo;
            }

			$scope.addPayItem = function(){
				$scope.newPayItem.orderId =  $scope.orderId;
				$scope.newPayItem.directorId = $scope.directorId;
				httpOther($http,apiPath('/api/order/addPayItem'),'POST',  $scope.newPayItem,
						function(response){
							var errno = response.errno;
							if (errno == 0) {
								alert('添加成功!');
								window.location.reload();
							}
						},
						function (errno, errmsg) {
							alert(errno +":"+ errmsg);
						})
			}

            $scope.priceModify = function(){
               $scope.selectpayInfo.orderId = $scope.orderId;
               $scope.selectpayInfo.directorId = $scope.directorId;
               httpOther($http,apiPath('/api/order/pricemodify'),'POST',  $scope.selectpayInfo,
                        function(response){
                            var errno = response.errno;
                            if (errno == 0) {
                                alert('修改成功!');
                                window.location.reload();
                            }
                        },
                        function (errno, errmsg) {
                            alert(errno +":"+ errmsg);
                        })
            }



            $scope.addSubItem = function(){
                $scope.subscribeCreateDisable = true;
                $scope.subscripItem.orderId = $scope.orderId;
                httpOther($http,apiPath('/api/order/addSubscription'),'POST',  $scope.subscripItem,
                        function(response){
                            $scope.subscribeCreateDisable = false;
                            var errno = response.errno;
                            if (errno == 0) {
                                alert('设置成功!');
                                window.location.reload();
                            }
                        },
                        function (errno, errmsg) {
                            alert(errno +":"+ errmsg);
                            $scope.subscribeCreateDisable = false;
                        })
            }
		

		    // 删除预约金 2022-03-18 sc
            $scope.delSubItem = function(target){
               $scope.subpayInfo = target.payInfo;
               $scope.subpayInfo.Id = target.payInfo.id;
               $scope.subpayInfo.orderId = $scope.orderId;
               $scope.subpayInfo.AdminId = $scope.directorId;
                                 
               httpOther($http,apiPath('/api/order/delSubscription'),'POST',  $scope.subpayInfo,
                        function(response){
                        
                            var errno = response.errno;
                            if (errno == 0) {
                                alert('删除成功!');
                                window.location.reload();
                            }
                        },
                        function (errno, errmsg) {
                            alert(errno +":"+ errmsg);
                        
                        })
            }

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

{% block style %}
	<style type="text/css">
		body{
			background-color:#f4f4f4;
		}
		.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;
		}
		#base-content ul{
			margin:0px;
			padding:30px 48px 30px 24px;
		}
		#base-content ul li{
			list-style:none;
			position:relative;
			margin:0px auto 5px auto;
		}
		#base-content ul li:last-child{
			margin:0px auto 0px auto;
		}
		#base-content .detail-name{
			display:inline-table;
		}
		#base-content .detail-phone{
			float:right;
		}
		#base-content .detail-item{
			position:relative;
		}
		#base-content .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;
		}
		#base-content .detail-info{
			position:relative;
			#height:110px;
			#line-height:110px;
			text-align:center;
		}
		#base-content .detail-worker{
			display:inline-block;
			width:19%;
		}
		#base-content .detail-button-panel{
			position:fixed;
			bottom:0px;
			left:0px;
			width:100%;
			background-color:#ffffff;
			border-top:1px solid #aaaaaa;
		}
		#base-content .detail-button-double{
			text-align:center;
		}
		#base-content .detail-button-double .detail-button{
			display:inline-block;
			width:45%;
		}
		#base-content .detail-button{
			margin:20px 15px 20px 15px;
			height:75px;
			line-height:75px;
			text-align:center;
			color:#ffffff;
			background-color:#047bcf;
		}
		#base-content .detail-table{
			width:100%;
			text-align:center;
		}
		#base-content .detail-table td{
			#padding:32px 0px;
		}
		#base-content .detail-log-panel{
			display:table;
			margin:0px auto;
		}
		#base-content .detail-log{
			position:relative;
			#height:70px;
			#line-height:70px;
		}
		#base-content .detail-position-icon{
			display:inline-table;
			vertical-align:middle;
			margin:0px 0px 0px 50px;
		}
		#base-content .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;
		}

		#modify-price{
			width: 50%;
			height: 400px;
			left: 0px;
			right: 0px;
			top: 100px;
			margin: 0px auto;
			background-color: #ffffff;
		}

        #add-pay-item{
            width: 50%;
            height: 400px;
            left: 0px;
            right: 0px;
            top: 100px;
            margin: 0px auto;
            background-color: #ffffff;
        }

		#add-subscription-item{
			width: 50%;
			height: 400px;
			left: 0px;
			right: 0px;
			top: 100px;
			margin: 0px auto;
			background-color: #ffffff;
		}
	</style>
{% endblock %}

{% block content %}
{% raw %}
<div ng-controller="orderDetailController">
	<div class="detail-panel" ng-class="{'detail-bottom':(orderInfo.status < 5 || orderInfo.status > 7) && (orderInfo.status != -1 && orderInfo.status != 10)}">
		<ul>
			<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>
				电话：{{orderInfo.telephone}}	
			</li>  -->	
			<li>
				用车时间：{{orderInfo.hopeTime}}
			</li>
			<li>
				护送类型：{{orderInfo.carType}}
			</li>
			<li>
				留言：{{orderInfo.comment}}
			</li>
			<li>
				内部备注：{{orderInfo.priceComment}}
			</li>
			<li>
				病情：{{orderInfo.diseaseType}}
			</li>
			<li>
				是否需要步梯搬抬：{{isCarry}}
			</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 ng-repeat="employee in orderInfo.employeeList" >
					{{employee.name}}&nbsp;&nbsp;&nbsp;&nbsp;{{employee.telephone}} <a href="/main/order/position?adminId={{ employee.id }}" class="detail-position-icon" ng-show='orderInfo.status >=5 && orderInfo.status<=7 && employee.roleType == 1'>位置</a><br/>
				</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>
					<td>
						<a data-target="#modify-price" ng-model="payInfo" role="button" class="btn" ng-hide="{{payInfo.status}} == 1" data-toggle="modal" ng-click="selectpriceitem(this)">修改价格</a>
						  <a ng-model="payInfo" role="button" class="btn" ng-hide="{{payInfo.status}} == 1" ng-click="delSubItem(this)">删除预约金</a>
					</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>
                    <td>
                        <a data-target="#modify-price" ng-model="payInfo" role="button" class="btn" ng-hide="{{payInfo.status}} == 1" data-toggle="modal" ng-click="selectpriceitem(this)">修改价格</a>
                    </td>
				</tr>
				<tr>
					<td>共计{{orderInfo.total}}</td><td>已支付{{orderInfo.pay}}</td><td>未支付{{orderInfo.last}}</td>
				</tr>
				<tr>
                    <td></td>
                    <td></td>
                    <td></td>
					<td>
                        <a data-target="#add-pay-item" role="button" class="btn" ng-hide="orderInfo.isPaid == 1" data-toggle="modal">添加收费项</a>
                    </td>
				</tr>
                <tr>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td>
                        <a data-target="#add-subscription-item"  role="button" class="btn" ng-hide="orderInfo.isPaid == 1" data-toggle="modal">设置预约金</a>
                    </td>
                </tr>
			</table>
		</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>

	<div id="modify-price" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <table style="margin-left: 20%;margin-top: 5%;width:70%">
            <tr>
                <th colspan="2"><h3>价格修改</h3></th>
            </tr>
            <tr>
                <td colspan="2">原价：{{ selectpayInfo.price }}<br/></td>
            </tr>
            <tr>
                <td>修改为:<br/></td>
                <td><input ng-model="selectpayInfo.newprice"   type="number"/><br/></td>
            </tr>
            <tr>
                <th colspan="2"><button style="margin-right: 0;float:right;margin-top: 20px" class="btn" data-dismiss="modal" ng-click="priceModify()">提交</button><br/></th>
            </tr>
            <tr>
                <th colspan="2"> <button style="margin-right: 0;float:right;margin-top: 20px" class="btn" data-dismiss="modal" ng-click="">关闭</button></th>
            </tr>
        </table>

	</div>

	<div id="add-pay-item" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		<table style="margin-left: 20%;margin-top: 5%;width:70%">
			<tr>
				<th colspan="2"><h3>添加收费项</h3></th>
			</tr>
			<tr>
				<td>收费项名称:<br/></td>
				<td>    <input ng-model="newPayItem.name"/><br/></td>
			</tr>
            </br>
			<tr>
				<td>收费项价格:<br/></td>
				<td>    <input ng-model="newPayItem.price"  type="number"/><br/></td>
			</tr>
			<tr>
				<th colspan="2"><button style="margin-right: 0;float:right;margin-top: 20px" class="btn" data-dismiss="modal" ng-click="addPayItem()">提交</button><br/></th>
			</tr>
			<tr>
				<th colspan="2"> <button style="margin-right: 0;float:right;margin-top: 20px" class="btn" data-dismiss="modal" ng-click="">关闭</button></th>
			</tr>
		</table>

	</div>

	<div id="add-subscription-item" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		<table style="margin-left: 20%;margin-top: 5%;width:70%">
			<tr>
				<th colspan="2"><h3>设置预约金</h3></th>
			</tr>
			<tr>
				<td>预约金价格:<br/></td>
				<td>    <input ng-model="subscripItem.proportion"  type="number"/><br/></td>
			</tr>
			<tr>
				<th colspan="2"><button style="margin-right: 0;float:right;margin-top: 20px" class="btn" data-dismiss="modal" ng-click="addSubItem()" ng-disabled="subscribeCreateDisable">提交</button><br/></th>
			</tr>
			<tr>
				<th colspan="2"> <button style="margin-right: 0;float:right;margin-top: 20px" class="btn" data-dismiss="modal" ng-click="">关闭</button></th>
			</tr>
		</table>
	</div>
</div>
{% endraw %}
{% endblock %}