{% 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){
			$scope.orderId = '{{ orderId }}';
			//url = '/api/order/get/employee/list/{orderId}';
			/*$('.star').bind({
				mouseenter:function(){
					$('.star').css('background-color','white');
					$(this).css('background-color','red');
					$(this).parent().prevAll().find('.star').css('background-color','red');
				},
				mouseleave:function(){
					$('.star').removeAttr('style');
				},
				click:function(){
					$('.star').removeAttr('style').removeClass('star-chose');
					$(this).addClass('star-chose');
					$(this).parent().prevAll().find('.star').addClass('star-chose');
				}
			});*/
			$scope.topbar = '订单评价';
			$scope.reviewInfo = {
				'orderId':{{ orderId }},
				'score':0,
				'employeeScoreList':[],
				'review':''
			};
			var fackStar = [1,2,3,4,5];
			$scope.starList = fackStar;

			httpAction($http,apiPath('/api/order/get/employee/list/'+$scope.orderId),'GET',
				{},
				function(response){
					$scope.employeeList = response.rows;
					$scope.orderNumber = response.orderNumber;
				},
				function(errno,errmsg){

			});

			$scope.choseStar = function(target,value){
				$scope.reviewInfo.score= value;
				$scope.hasTotal = value;
			}
			$scope.choseItem = function(target,index,value){
				$scope.reviewInfo.employeeScoreList[index].score = value;
				target.$parent.myScore = value;
				target.$parent.hasAll = value;
			}
			$scope.upReview = function(){
				if(!$scope.doCreate) return;
				var flag = true;
				if($scope.reviewInfo.score <= 0){
					alert('请评分后提交');
					return;
				}
				$.each($scope.reviewInfo.employeeScoreList,function(index,content){
					if(content.score <= 0){
						alert('请评分后提交');
						flag = false;
						return flag;
					}
				});
				//alert(angular.toJson($scope.reviewInfo));	
				$scope.doCreate = false;
				if(flag){
					httpAction($http,apiPath('/api/order/add/review'),'POST',
						$scope.reviewInfo,
						function(response){
							alert('点击微信右上角的图标，在下拉菜单中选择发送给朋友、或者分享到朋友圈，为身边的亲人朋友送去一份守护。');
							//returnLastPage();
							$scope.doCreate = true;
						},
						function(errno,errmsg){
							alert(errmsg);
							$scope.doCreate = true;
					});		
				}
			}
			$scope.checkText = function(target,type){
				var textValue = $('.reviewText').text();
				if(type == 0){
					target.areaText = '';
				}else{
					if(textValue == ''){
						target.areaText = '在此输入评论';
						$scope.reviewInfo.review = '';
					}
				}
			}
			$scope.bindText = function(target){
				$scope.reviewInfo.review = $('.reviewText').text();
			}

//            $scope.share = function(){
//                wx.onMenuShareTimeline({
//                    title:'【优护送】您触手可及的微信转运平台！',
//                    desc: '分享正能量,为你,为我,为他,预约正规救护车一起为生命护航！',
//                    link: window.location.href,
//                    imgUrl: 'http://aid.uuhoo.net/bundles/mirrormarket/images/share.jpg'
//                });
//            }
		}
	</script>

    <script>
        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: '分享正能量,为你,为我,为他,预约正规救护车一起为生命护航！',
                link: 'http://mp.weixin.qq.com/s?__biz=MzA3NDk1NDA2Nw==&mid=506325157&idx=2&sn=415f9e58cedd9cc60d5d8f1f6976998e#wechat_redirect',
                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">
		.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%;
		}
		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:60px;
			line-height:60px;
			text-align:center;
			color:#ffffff;
			background-color:#047bcf;
		}
	</style>
{% endblock %}

{% block body %}
{% raw %}
	<div>
		<table>
			<tr>
				<td>
					订单编号&nbsp;&nbsp;{{ orderNumber }}
				</td>
			</tr>
			<tr ng-model="reviewInfo.score">
				<td><div class="item-title">总评价</div><div class="star" ng-class="{'star-chose': reviewInfo.score >= stars}" ng-click="choseStar(this,stars);" ng-repeat="stars in starList" ></div></td>
			</tr>
			<tr ng-repeat="employee in employeeList" ng-init="index=$index;reviewInfo.employeeScoreList[index].id=employee.id;reviewInfo.employeeScoreList[index].score=0;" ng-model="reviewInfo.employeeScoreList[index].score">
				<td><div class="item-title">{{matchRoleName(employee.roleType);}}：{{employee.name}}</div><div class="star" ng-class="{'star-chose': $parent.myScore >= $index+1}" ng-repeat="stars in starList" ng-click="choseItem(this,$parent.index,stars);"></div></td>
			</tr>
			<tr>
				<td><div class="reviewText" ng-init="areaText='在此输入评论';" contentEditable="true" ng-focus="checkText(this,0);" ng-blur="checkText(this,1);" ng-keyup="bindText(this);">{{areaText}}</div></td>
			</tr>
		</table>
		<div class="upReview" ng-init="doCreate = true;" ng-click="upReview();">提交</div>

	</div>
{% endraw %}
{% endblock %}