{% extends 'MirrorMainBundle:Base:base2.html.twig' %}
    {% block getlocation %}
        <script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
        <script>
            wx.config({
                debug: false,
                appId: '{{signPackage.appId}}',
                timestamp: {{signPackage.timestamp}},
                nonceStr: '{{signPackage.nonceStr}}',
                signature: '{{signPackage.signature}}',
                jsApiList: [
                    'getLocation',
                ]
            });
        </script>

    {% endblock %}
    {% block script %}
        <script type="text/javascript">
            function AngularAction($scope,$http,$location,$timeout,$window) {
                //$scope.topbar = '我要优护送';
                $scope.createIcon = true;
                $scope.budget = '';
                $scope.orderInfo = {};
                $scope.orderInfo.weixinId = '{{ weixinId }}';
                stypeInit();
                $scope.style2 = "-webkit-gradient(linear,0 0,0 100%,from(#6AC1FC),to(#2777EC))";
                $scope.style2font = "white";
                $scope.carryNumber = 2;
                $scope.isChangeFlag = 0;
                $scope.floor = 2;
                $scope.orderInfo.floor = 2;
                $scope.isWatch = true;

                $scope.budget = "0元";
                showMask();
                var masklive = self.setInterval("hideMask()", 10000);

                //$scope.cityList=cityArray1;
                $scope.orderInfo.userId = '{{ userId }}';//用户ID，非定值，需获取
                $scope.orderInfo.telephone = '{{ telephone }}';
                $scope.orderInfo.name = '{{ name }}';
                httpAction($http, '/api/dict/key/1', 'GET',
                        {},
                        function (response) {
                            $scope.serveTypeList = response.valueList;
                        },
                        function (errno, errmsg) {

                        });
                httpAction($http, '/api/dict/key/7', 'GET',
                        {},
                        function (response) {
                            $scope.diseaseList = response.valueList;
                        },
                        function (errno, errmsg) {

                        });
                getStartCode($scope, $http, 0, 1);
                getEndCode($scope, $http, 0, 1);
                $scope.start = {
                    'province': '省份',
                    'city': '城市',
                    'region': '县'
                };
                $scope.end = {
                    'province': '省份',
                    'city': '城市',
                    'region': '县'
                };
                $scope.orderInfo.carType = 2;
                $scope.serveName = '服务类型';
                $scope.diseaseName = '病情';


                //alert(getCookie('orderHistory'));
                if (getCookie('orderHistory')) {
                    var CookieInfo = $.evalJSON(getCookie('orderHistory'));
                    $scope.orderInfo = CookieInfo.orderInfo;
                    setTimeController($scope.orderInfo.hopeTime);
                    $scope.start = CookieInfo.otherInfo.begin;
                    $scope.end = CookieInfo.otherInfo.end;
                    $scope.serveName = CookieInfo.otherInfo.serveName;
                    $scope.diseaseName = CookieInfo.otherInfo.diseaseName;
                    getStartCode($scope, $http, 0, 1, $scope.start.r1Code, $scope.start.r2Code);
                    getEndCode($scope, $http, 0, 1, $scope.end.r1Code, $scope.end.r2Code);
                    //setTimeout("setCookie('orderHistory','',-1)",1000);
                } else {
                    setTimeController();
                }

                $scope.SelectProvince = function (target, type) {
                    //console.log(target);
                    if (type == 1) {
                        var targetInfo = $.evalJSON(target.startProvinceInfo);
                        $scope.start.province = targetInfo.name;
                        $scope.start.r1Code = targetInfo.code;
                        $scope.start.city = '城市';
                        $scope.start.region = '县';
                        START_CITY_CODE = '';
                        $scope.orderInfo.beginCityCode = '';
                        $scope.start.r2Code = '';
                        $scope.start.r3Code = '';
                        getStartCode($scope, $http, targetInfo.code, 2);
                        clearAddress(1);
                    } else {
                        var targetInfo = $.evalJSON(target.endProvinceInfo);
                        $scope.end.province = targetInfo.name;
                        $scope.end.r1Code = targetInfo.code;
                        $scope.end.city = '城市';
                        $scope.end.region = '县';
                        END_CITY_CODE = '';
                        $scope.orderInfo.endCityCode = '';
                        $scope.end.r2Code = '';
                        $scope.end.r3Code = '';
                        getEndCode($scope, $http, targetInfo.code, 2);
                        clearAddress(2);
                    }
                }

                $scope.SelectCity = function (target, type) {
                    if (type == 1) {
                        var targetInfo = $.evalJSON(target.startCityInfo);
                        $scope.start.city = targetInfo.name;
                        START_CITY_CODE = targetInfo.code;
                        $scope.start.r2Code = targetInfo.code;
                        $scope.orderInfo.beginCityCode = targetInfo.code;
                        $scope.start.region = '县';
                        $scope.start.r3Code = '';
                        getStartCode($scope, $http, targetInfo.code, 3);
                        clearAddress(1);
                    } else {
                        var targetInfo = $.evalJSON(target.endCityInfo);
                        $scope.end.city = targetInfo.name;
                        $scope.end.r2Code = targetInfo.code;
                        END_CITY_CODE = targetInfo.code;
                        $scope.orderInfo.endCityCode = targetInfo.code;
                        $scope.end.region = '县';
                        $scope.end.r3Code = '';
                        getEndCode($scope, $http, targetInfo.code, 3);
                        clearAddress(2);
                    }
                }

                $scope.SelectRegion = function (target, type) {
                    if (type == 1) {
                        var targetInfo = $.evalJSON(target.startRegionInfo);
                        $scope.start.region = targetInfo.name;
                        START_CITY_CODE = targetInfo.code;
                        $scope.start.r3Code = targetInfo.code;
                        $scope.orderInfo.beginCityCode = targetInfo.code;
                        clearAddress(1);
                    } else {
                        var targetInfo = $.evalJSON(target.endRegionInfo);
                        $scope.end.region = targetInfo.name;
                        END_CITY_CODE = targetInfo.code;
                        $scope.end.r3Code = targetInfo.code;
                        $scope.orderInfo.endCityCode = targetInfo.code;
                        clearAddress(2);
                    }
                }

                $scope.selectServeType = function (target) {
                    var targetInfo = $.evalJSON(target.serveType);
                    $scope.orderInfo.serviceType = targetInfo.realValue;
                    $scope.serveName = targetInfo.showValue;
                }

                $scope.selectHopeTime = function () {
                    $scope.orderInfo.hopeTime = $('#dateTime').val();
                    $scope.calculatePrice();
                }
                $scope.selectDiseaseType = function (target) {
                    var targetInfo = $.evalJSON(target.diseaseType);
                    $scope.orderInfo.diseaseType = targetInfo.realValue;
                    $scope.diseaseName = targetInfo.showValue;
                }
                $scope.selectcarryNumber = function (target) {
                    $scope.carryNumber = target.carryNumber;
                    $scope.orderInfo.carryNumber = target.carryNumber;
                    $scope.calculatePrice();
                }
                $scope.selectFloor = function (target) {
                    $scope.floor = target.floor;
                    $scope.orderInfo.floor = target.floor;
                    $scope.calculatePrice();
                }


                // 选择电话
                $scope.toSelect = function () {
                    if (START_MARKER) {
                        $scope.orderInfo.beginLongitude = START_MARKER.getPosition().getLng();
                        $scope.orderInfo.beginLatitude = START_MARKER.getPosition().getLat();
                    }
                    if (END_MARKER) {
                        $scope.orderInfo.endLongitude = END_MARKER.getPosition().getLng();
                        $scope.orderInfo.endLatitude = END_MARKER.getPosition().getLat();
                    }
                   if (checkNull($('#dateTime').val())) $scope.orderInfo.hopeTime = $('#dateTime').val();
                    var args = {
                        'orderInfo': $scope.orderInfo,
                        'otherInfo': {
                            'begin': $scope.start,
                            'end': $scope.end,
                            'serveName': $scope.serveName,
                            'diseaseName': $scope.diseaseName
                        }
                    }
                    //alert($.toJSON(args));
                    setCookie('orderHistory', $.toJSON(args), 1);
                    //location.href = apiPath('/main/contact/select#create');
                    location.href = 'https://open.weixin.qq.com/connect/oauth2/authorize?appid=wx524fa24fe09c61d4&redirect_uri=http%3A%2F%2Faid.uuhoo.net%2Fmain%2Fcontact%2Fselect%23create&response_type=code&scope=snsapi_base#wechat_redirect';
                }

                //监控 起点输入内容
                var beginPositionTimeout;

                $scope.$watch('orderInfo.beginPosition', function (newPosition) {
                    MARKER_FLAG = '1'; // 设置起始地点
                    if($scope.isWatch)
                    {

                        if(newPosition.length==0) //2018-10-22
                        {
                             document.getElementById("result" + MARKER_FLAG).style.display = "none";
                        }

                        if (newPosition) {
                            if (beginPositionTimeout) {
                                $timeout.cancel(beginPositionTimeout);
                            }
                            beginPositionTimeout = $timeout(function () {
                                if($scope.start.region != "市内")
                                {
                                    $scope.inputTips($scope.start.region+newPosition);
                                }
                                else
                                {
                                    $scope.inputTips(newPosition);
                                }

                            }, 300);
                        }

                        else {
                            //清空数据
                            //document.getElementById("result" + MARKER_FLAG).innerHTML = "";
                            //document.getElementById("result" + MARKER_FLAG).style.display = "none";
                        }
                    }
                })

                //监控 终点输入内容
                var endPositionTimeout;
                $scope.$watch('orderInfo.endPosition', function (newPosition) {
                    MARKER_FLAG = '2'; // 设置起始地点
                    if($scope.isWatch) {
                        if(newPosition.length==0) //2018-10-22
                        {
                             document.getElementById("result" + MARKER_FLAG).style.display = "none";
                        }

                        if (newPosition) {
                            document.body.scrollTop=300;
                            if (endPositionTimeout) {
                                $timeout.cancel(endPositionTimeout);
                            }
                            endPositionTimeout = $timeout(function () {
                                if($scope.end.region != "市内")
                                {
                                    $scope.inputTips($scope.end.region+newPosition);
                                }
                                else
                                {
                                    $scope.inputTips(newPosition);
                                }

                            }, 300);
                        }
                        else {
                            //清空数据
                            //document.getElementById("result" + MARKER_FLAG).innerHTML = "";
                            //document.getElementById("result" + MARKER_FLAG).style.display = "none";
                        }
                    }
                })

                //输入框提示
                $scope.inputTips = function (keywords) {
                    var adcode = null;   //城市编码
                    var urlstr = "";
                    if (MARKER_FLAG === '1') {
                        // 起点城市编码
                        var beginCityCode = $scope.orderInfo.beginCityCode;
                        if (beginCityCode) {
                            adcode = beginCityCode;
                        }
                    }
                    else {
                        // 终点城市编码
                        var endCityCode = $scope.orderInfo.endCityCode;
                        if (endCityCode) {
                            adcode = endCityCode;
                        }
                    }
                    // 指定区域搜索
                    if (adcode) {
                        urlstr = 'http://restapi.amap.com/v3/assistant/inputtips?city=' + adcode + '&citylimit=true&keywords=' + keywords + '&key=450f077379a076a9068c1e6be2082012';
                    }
                    else {
                        urlstr = 'http://restapi.amap.com/v3/assistant/inputtips?keywords=' + keywords + '&key=450f077379a076a9068c1e6be2082012';
                    }

                    httpDirecAction($http, urlstr, 'GET', {},
                            function (response) {
                                autocomplete_CallBack(response);
                            },
                            function (response) {
                                alert('未能获取到地图数据！');
                            }
                    );
                }

                $scope.orderCreate = function () {
                    //if(!$scope.agreement) return;
                    if (!checkNull($scope.orderInfo.beginCityCode, '请选择起点城市信息')) return;
                    if (!checkNull($scope.orderInfo.endCityCode, '请选择终点城市信息')) return;
                    //起始地点经纬度
                    if (START_LNG) {
                        $scope.orderInfo.beginPosition = START_ADDRESS
                        $scope.orderInfo.beginLongitude = START_LNG;
                        $scope.orderInfo.beginLatitude = START_LAT;
                    } else {
                        alert('请输入起点详细地址并选择地址');
                        return;
                    }
                    //终点地点经纬度
                    if (END_LNG) {
                        $scope.orderInfo.endPosition = END_ADDRESS
                        $scope.orderInfo.endLongitude = END_LNG;
                        $scope.orderInfo.endLatitude = END_LAT;
                    } else {
                        alert('请输入终点详细地址并选择地址');
                        return;
                    }

                    if(!checkNull($scope.orderInfo.name,'请填写联系人')) return;
                    if (!checkNull($scope.orderInfo.telephone, '请选择或填写联系电话')) return;
                    $scope.orderInfo.hopeTime = $('#dateTime').val();
                    if (!checkNull($scope.orderInfo.hopeTime, '请选择用车时间')) return;
                    //if(!checkNull($scope.orderInfo.serviceType,'请选择服务类型')) return;
                    //if(!checkNull($scope.orderInfo.diseaseType,'请选择病情')) return;
                    //alert($.toJSON($scope.orderInfo));

                    $scope.Myalert('提交中');
                    if ($scope.doCreate) {
                        $scope.doCreate = false;
                        httpAction($http, '/api/order/create', 'POST', $scope.orderInfo,
                                function (response) {
                                    var errno = response.errno;
                                    if (errno == 0) {
                                        $scope.alertPanel = false;
                                        $orderId = response.orderId;
                                        setCookie('orderHistory','',-1);
                                        alert('预约成功！');
                                        //location.reload();
                                        //window.location.href='aid.uuhoo.net/main/order/detail?orderId='+$orderId;
                                        //$location.path('/.//detail?orderId='+$orderId);
                                        window.location.replace('http://aid.uuhoo.net/main/order/detail?orderId='+$orderId);
                                        var curUrl = $location.absUrl();
                                    }
                                },
                                function (errno, errmsg) {
                                    alert(errno);
                                    $scope.doCreate = true;
                                }
                        );
                    }

                }

                function clearAddress(flag)
                {
                    if(flag == 1)
                    {
                        $scope.orderInfo.beginPosition = "";
                    }
                    else
                    {
                        $scope.orderInfo.endPosition = "";
                    }
                }


                function getStartCode($scope, $http, value, type, firatValue, nextValuse) {
                    httpAction($http, apiPath('/api/region/list/' + value), 'GET',
                            {},
                            function (response) {
                                switch (type) {
                                    case 1:
                                        $scope.provinceStart = response.regionList;
                                        $scope.startProvinceInfo = '?';
                                        if (firatValue)
                                            if (nextValuse)
                                                getStartCode($scope, $http, firatValue, 2, nextValuse);
                                            else
                                                getStartCode($scope, $http, $scope.provinceStart[0].code, 2);
                                        break;
                                    case 2:
                                        $scope.cityStart = response.regionList;
                                        $scope.startCityInfo = '?';
                                        getStartCode($scope, $http, $scope.cityStart[0].code, 3);
                                        if (firatValue)
                                            getStartCode($scope, $http, firatValue, 3);
                                        else {
                                            getStartCode($scope, $http, $scope.cityStart[0].code, 3);
                                            //$scope.start.r2Code = $scope.cityStart[0].code;
                                        }
                                        break;
                                    case 3:
                                        $scope.regionStart = response.regionList;
                                        $scope.startRegionInfo = '?';
                                        //$scope.start.r3Code = $scope.regionStart[0].code;
                                        break;
                                }
                            },
                            function (errno, errmsg) {

                            });
                }

                function getEndCode($scope, $http, value, type, firatValue, nextValuse) {
                    httpAction($http, apiPath('/api/region/list/' + value), 'GET',
                            {},
                            function (response) {
                                switch (type) {
                                    case 1:
                                        $scope.provinceEnd = response.regionList;
                                        $scope.endProvinceInfo = '?';
                                        if (firatValue)
                                            if (nextValuse)
                                                getEndCode($scope, $http, firatValue, 2, nextValuse);
                                            else
                                                getEndCode($scope, $http, $scope.provinceEnd[0].code, 2);
                                        break;
                                    case 2:
                                        $scope.cityEnd = response.regionList;
                                        $scope.endCityInfo = '?';
                                        getEndCode($scope, $http, $scope.cityEnd[0].code, 3);
                                        if (firatValue)
                                            getEndCode($scope, $http, firatValue, 3);
                                        else {
                                            getEndCode($scope, $http, $scope.cityEnd[0].code, 3);
                                            //$scope.end.r2Code = $scope.cityEnd[0].code;
                                        }
                                        break;
                                    case 3:
                                        $scope.regionEnd = response.regionList;
                                        $scope.endRegionInfo = '?';
                                        //$scope.end.r3Code = $scope.regionEnd[0].code;
                                        break;
                                }
                            },
                            function (errno, errmsg) {

                            });
                }

                function setTimeController(hopeTime) {
                    var currYear = (new Date()).getFullYear();
                    var startDate = new Date();
                    var endDate = new Date();
                    var opt = {};
                    opt.datetime = {preset: 'datetime'};
                    opt.default = {
                        theme: "android-ics light",
                        mode: "scroller",
                        display: "bottom",
                        lang: "english",
                        monthText: "月",
                        dayText: "日",
                        yearText: "年",
                        hourText: "时",
                        minuteText: "分",
                        ampmText: "上午/下午",
                        setText: '确定',
                        cancelText: '取消',
                        dateFormat: 'yy-mm-dd',
                        dateOrder: 'yymmdd',
                        minDate: new Date(startDate.getTime() + 1000 * 60 * 60),
                        maxDate: new Date(endDate.setDate(endDate.getDate() + 5)),
                        startYear: currYear,
                        endYear: currYear,
                        width: 100,
                        height: 70,
                        timeWheels: 'HHii',
                        timeFormat: 'HH:ii'
                    };
                    var optDateTime = $.extend(opt['datetime'], opt['default']);
                    $("#dateTime").mobiscroll(optDateTime).datetime(optDateTime);
                    if (hopeTime) {
                        var time1 = hopeTime.split(' ')[0].split('-');
                        var time2 = hopeTime.split(' ')[1].split(':');
                        time1[1] = parseInt(time1[1]) - 1;
                        var time3 = time1.concat(time2);
                        $("#dateTime").mobiscroll('setValue', time3, true);
                    }
                }

                $scope.isCarryable = 0;
                $scope.isCarryable2 = 0;
                $scope.iscarry = function()
                {
                    $scope.isCarryable ++;

                    $scope.orderInfo.carryNumber = 2;
                }
                $scope.iscarry2 = function()
                {
                    $scope.isCarryable2 ++;

                    $scope.orderInfo.carryNumber = 1;
                }


                //选取服务类型
                $scope.SelectStyle1 = function () {
                    stypeInit();
                    $scope.style1 = "-webkit-gradient(linear,0 0,0 100%,from(#6AC1FC),to(#2777EC))";
                    $scope.style1font = "white";

                    $scope.orderInfo.carType = 3;
                    $scope.orderInfo.carryNumber = 1;
                    $scope.carryNumber = 1;
                    $scope.floor = 2;
                }

                $scope.SelectStyle2 = function () {
                    stypeInit();
                    $scope.style2 = "-webkit-gradient(linear,0 0,0 100%,from(#6AC1FC),to(#2777EC))";
                    $scope.style2font = "white";

                    $scope.orderInfo.carType = 2;
                    $scope.orderInfo.carryNumber = 2;
                    $scope.carryNumber = 2;
                    $scope.floor = 2;
                }

                $scope.SelectStyle3 = function () {
                    stypeInit();
                    $scope.style3 = "-webkit-gradient(linear,0 0,0 100%,from(#6AC1FC),to(#2777EC))";
                    $scope.style3font = "white";

                    $scope.orderInfo.carType = 1;
                    $scope.orderInfo.carryNumber = 2;
                    $scope.carryNumber = 2;
                    $scope.floor = 2;
                }

                $scope.SelectStyle4 = function () {
                    stypeInit();
                    $scope.style4 = "-webkit-gradient(linear,0 0,0 100%,from(#6AC1FC),to(#2777EC))";
                    $scope.style4font = "white";

                    $scope.orderInfo.carType = 4;
                    $scope.orderInfo.carryNumber = 2;
                    $scope.carryNumber = 2;
                    $scope.floor = 2;
                }

                function stypeInit()
                {
                    $scope.style1 = "#f9f9f9";
                    $scope.style1font = "black";
                    $scope.style2 = "#f9f9f9";
                    $scope.style2font = "black";
                    $scope.style3 = "#f9f9f9";
                    $scope.style3font = "black";
                    $scope.style4 = "#f9f9f9";
                    $scope.style4font = "black";
                }


                $scope.calculatePrice = function () {
                    if (!checkNull($scope.orderInfo.beginCityCode)) return;
                    if (!checkNull($scope.orderInfo.endCityCode)) return;
                    //起始地点经纬度
                    if (START_LNG) {
                        $scope.orderInfo.beginPosition = START_ADDRESS;
                        $scope.orderInfo.beginLongitude = START_LNG;
                        $scope.orderInfo.beginLatitude = START_LAT;
                    } else {
                        return;
                    }
                    //终点地点经纬度
                    if (END_LNG) {
                        $scope.orderInfo.endPosition = END_ADDRESS
                        $scope.orderInfo.endLongitude = END_LNG;
                        $scope.orderInfo.endLatitude = END_LAT;
                    } else {
                        return;
                    }
                    if(  $scope.orderInfo.carType == 3)
                    {
                        $scope.orderInfo.isCarry = $scope.isCarryable2 %2;
                    }
                    else
                    {
                        $scope.orderInfo.isCarry = $scope.isCarryable %2;
                    }

                    $scope.orderInfo.hopeTime = $('#dateTime').val();
                    if ($scope.doCreate) {
                        $scope.budget = '';
                        httpAction($http, '/api/order/getBudget', 'POST', $scope.orderInfo,
                                function (response) {
                                    var value = response.result;
                                    var items = response.item;
                                    var budget = value + '元';
                                    $scope.budget = budget;
                                    $scope.items = items;
                                    //$document.getElementById("resulttext")[0].html(budget);
                                },
                                function (errno, errmsg) {
                                    alert(errno);
                                    alert(errmsg);
                                }
                        );
                    }
                }

                //微信获取位置
                wx.ready(function () {

                    $scope.isChangeFlag = 1;
                    wx.getLocation({
                        type: 'gcj02',
                        success: function (res) {
                            var latitude = res.latitude; // 纬度，浮点数，范围为90 ~ -90
                            var longitude = res.longitude; // 经度，浮点数，范围为180 ~ -180。
                            var speed = res.speed; // 速度，以米/每秒计
                            var accuracy = res.accuracy; // 位置精度

                            $scope.position = longitude + "," + latitude;
                            httpAction($http, '/api/region/getlocation', 'POST',
                                    {"position": $scope.position},
                                    function (response) {
                                        //为下拉框赋值
                                        $scope.isWatch =false;
                                        $scope.locationinfo = response.data[0];
                                        $scope.cityStart = $scope.locationinfo.cityarry;
                                        $scope.regionStart = $scope.locationinfo.districtarry;
                                        $scope.cityEnd = $scope.locationinfo.cityarry;
                                        $scope.regionEnd = $scope.locationinfo.districtarry;
                                        $scope.orderInfo.beginCityCode = $scope.locationinfo.adcode;
                                        $scope.orderInfo.endCityCode = $scope.locationinfo.adcode;
                                        $scope.orderInfo.beginLongitude = longitude;
                                        $scope.orderInfo.beginLatitude = latitude;

                                        START_CITY_CODE = $scope.locationinfo.adcode;
                                        END_CITY_CODE = $scope.locationinfo.adcode;

                                        startCity = $scope.locationinfo.city;
                                        endCity = $scope.locationinfo.city;

                                        $scope.start = {
                                            'province': $scope.locationinfo.province,
                                            'city': $scope.locationinfo.city,
                                            'region': $scope.locationinfo.district
                                        };
                                        $scope.end = {
                                            'province': $scope.locationinfo.province,
                                            'city': $scope.locationinfo.city,
                                            'region': $scope.locationinfo.district
                                        };
                                        $scope.orderInfo.beginPosition = $scope.locationinfo.address;

                                        START_ADDRESS =$scope.orderInfo.beginPosition;
                                        START_LNG = $scope.orderInfo.beginLongitude;
                                        START_LAT = $scope.orderInfo.beginLatitude;
                                        $scope.$apply();
                                        $scope.isWatch =true;
                                        $scope.$apply();
                                        hideMask();
                                    },
                                    function (errno, errmsg) {
                                        hideMask();
                                        clearInterval(masklive);
                                    });
                        },
                        cancel: function (res) {
                            alert('用户拒绝授权获取地理位置');
                            hideMask();
                            clearInterval(masklive);
                        }

                    });
                    hideMask();
                    clearInterval(masklive);
                });
            }


            //显示遮罩层
            function showMask() {
                $("#mask").show();
            }

            //隐藏遮罩层
            function hideMask() {
                $("#mask").hide();
            }


        </script>
    {% endblock %}
    {% block css %}
        <link rel="stylesheet" type="text/css" href="/bundles/mirrormain/css/order-create.css">
        <link rel="stylesheet" type="text/css" href="/bundles/mirrormain/css/titatoggle-dist-min.css">
        <style>

           #realname,#phone{
                position:relative;
                display:inline-block;
                width:36%;
            }
            #age {
                position:relative;
                display:inline-block;
                width:20%;
            }
            #realname input,
            #age input,
            #phone input{
                padding-left:20px;
                font-size:30px;
            }
            #realname-icon,
            #phone-icon{
                position:absolute;
                left:5px;
                top:20px;
                width:32px;
                height:80%;
            }

            .mask {
                position: absolute; top: 0px; filter: alpha(opacity=60); background-color: #777;
                z-index: 1002; left: -20px;
                opacity:0.8; -moz-opacity:0.8;width: 120%;height: 110%;margin-top: -10px;
            }

            .cartype{
                border: 1px solid #e9e9e9;
                width:50%;
                height: 100px;
                background-color: #f9f9f9;
            }

            .cartype h2{
                display: inline;
                margin-left: 10%;
            }

            .cartype h3{
                display: inline;
                font-size: 22px;
            }

            *{
                font-family:"微软雅黑 Light";
            }
        </style>
    {% endblock %}

    {% block topAction %}
        <div class="create-order-icon"></div>
    {% endblock %}

    {% block body %}
        {% raw %}

            <div id="mask" class="mask" style="width: 110%; margin-top: -20px;">
                <div style="margin-top: 50%;width:100% ">
                    <img src="/image/loading.gif" style="height: 30px;width: 30px;margin-left: 45%"/>
                    <h3 style="margin-left: 33%;color:Aliceblue;font-size: 30px">正在读取您的位置</h3>
                </div>
            </div>

            <div class="create-panel"  ng-init="showPanel=true;doCreate=true;" style="">
                <div class="create-positon-panel" style="padding-bottom: 10px;background-color: white;margin-top: 18px;border: 1px solid #e9e9e9;border-radius:15px;box-shadow: 0px 4px 6px #e7e8ec">
                    <div id="realname" style="margin-left: 20px;">
                        <div id="realname-icon" style="width:32px"></div>
                        <input type="text" class="create-input-full" placeholder="联系人" ng-model="orderInfo.name" style="width:80%;margin-left: 40px;padding-left: 10px;"/>
                    </div>
                    <div id="age" style="margin-left:-20px;">
                     <input type="text" class="create-input-full" placeholder="年龄" ng-model="orderInfo.age" style="width: 80%;" onkeyup="clearNoNum(this);" onafterpaste="clearNoNum(this);"/> 
                    </div>
                    <div id="phone">
                        <div id="phone-icon"></div>
                        <input type="text" class="create-input-full" placeholder="电话" onchange="checkNaN(this)" ng-model="orderInfo.telephone" style="width:80%;margin-left:40px;padding-left: 10px;"/>
                    </div>
                  <!--  <div class="create-button-contact" ng-click="toSelect();"></div> -->
                </div>

                <div class="create-positions" style="border-radius:15px;background-color: white;margin-top: 10px;border: 1px solid #e9e9e9;box-shadow: 0px 4px 6px #e7e8ec">
                    <div id="start-icon" class="create-position-icon"></div>
                    <div class="create-positon-panel">
                        <div class="create-select create-select-mini" ng-class="{'create-select-none':start.province=='省份'}">
                            {{start.province}}

                            <select class="create-fack-select" ng-change="SelectProvince(this,1)" ng-model="startProvinceInfo" > <option ng-repeat="province in provinceStart" value="{{province}}" ng-selected="start.r1Code == {{province.code}}">{{province.name}}</option></select>
                        </div>
                        <div class="create-select create-select-mini" ng-class="{'create-select-none':start.city=='城市'}">
                            {{start.city}}

                            <select class="create-fack-select" ng-change="SelectCity(this,1)" ng-model="startCityInfo" ><option ng-repeat="city in cityStart" value="{{city}}" ng-selected="start.r2Code == {{city.code}}">{{city.name}}</option></select>
                        </div>
                        <div class="create-select create-select-mini" ng-class="{'create-select-none':start.region=='县'}">
                            {{start.region}}

                            <select class="create-fack-select" ng-change="SelectRegion(this,1)" ng-model="startRegionInfo"><option ng-repeat="region in regionStart" value="{{region}}" ng-selected="start.r3Code == {{region.code}}">{{region.name}}</option></select>
                        </div>
                    </div>
                    <div class="create-position">
                        <input id="keyword1" type="text" class="create-input-full" placeholder="请输入起点详细地址并选择地址" ng-model="orderInfo.beginPosition"/>
                        <div id="result1"></div>
                    </div>

                    <div id="end-icon" class="create-position-icon"></div>
                    <div class="create-positon-panel">
                        <div class="create-select create-select-mini" ng-class="{'create-select-none':end.province=='省份'}" >
                            {{end.province}}

                            <select class="create-fack-select" ng-change="SelectProvince(this,2)" ng-model="endProvinceInfo" > <option ng-repeat="province in provinceEnd" value="{{province}}" ng-selected="end.r1Code=={{province.code}}">{{province.name}}</option></select>
                        </div>
                        <div class="create-select create-select-mini" ng-class="{'create-select-none':end.city=='城市'}">
                            {{end.city}}

                            <select class="create-fack-select" ng-change="SelectCity(this,2)" ng-model="endCityInfo" > <option ng-repeat="city in cityEnd" value="{{city}}" ng-selected="end.r2Code=={{city.code}}">{{city.name}}</option></select>
                        </div>
                        <div class="create-select create-select-mini" ng-class="{'create-select-none':end.region=='县'}">
                            {{end.region}}

                            <select class="create-fack-select" ng-change="SelectRegion(this,2)" ng-model="endRegionInfo" > <option ng-repeat="region in regionEnd" value="{{region}}" ng-selected="end.r3Code=={{region.code}}">{{region.name}}</option></select>
                        </div>
                    </div>
                    <div class="create-position">
                        <input id="keyword2" type="text" class="create-input-full" placeholder="请输入终点详细地址并选择地址" ng-model="orderInfo.endPosition"/>
                        <div id="result2"></div>
                    </div>
                </div>

                <!-- <input type="text" class="create-input-full create-float" placeholder="位置描述" ng-model="orderInfo.startDesc"/> -->

                <!-- <input type="text" class="create-input-full create-float" placeholder="位置描述" ng-model="orderInfo.endDesc"/> -->
                <div style="border-radius:15px;margin-top: 20px;background-color: white;border: 1px solid #e9e9e9;box-shadow: 0px 4px 6px #e7e8ec">
                    <table style="width: 90%;">
                        <tr>
                            <th>
                                <div style="width:100%">
                                     <!--<div class="create-date-icon"></div>-->
                                     <img src="/bundles/mirrormain/images/rili.png" style="width: 40px;float: left;margin-top: 30px;">
                                     <input id="dateTime" type="text" class="create-input-full" placeholder="用车时间" style="color:#333;width:80%;float: right;font-size: 22px" ng-change="selectHopeTime()"  ng-model="hopeTime" />
                                </div>
                            </th>
                            <th>
                                <div style="width:100%;font-size: 22px;padding-top: 10px">
                                    <!--<div class="crate-disease-icon"></div>-->
                                    <img src="/bundles/mirrormain/images/bingqing.png" style="width: 40px;float: left;margin-top: 25px;margin-left: 40px">
                                    <div class="create-select create-select-normal create-input-mini" ng-class="{'create-select-none':diseaseName=='病情'}" style="float: right;border-bottom: 2px solid #e9e9e9;width: 70%">
                                        {{diseaseName}}
                                        <select class="create-fack-select"  ng-change="selectDiseaseType(this)" ng-model="diseaseType">  <option  value="">请选择</option> <option ng-repeat="diseaseType in diseaseList" value="{{diseaseType}}" ng-selected="orderInfo.diseaseType == {{diseaseType.realValue}}">{{diseaseType.showValue}}</option></select>
                                    </div>
                                </div>
                            </th>
                        </tr>
                        <tr style="height: 15px"></tr>
                        <tr>
                            <th class="cartype" style="background:{{ style1 }};color: {{ style1font }}" ng-click="SelectStyle1();calculatePrice()">
                                <h2>普通护送</h2><h3>(仅配司机)</h3>
                            </th>
                            <th class="cartype" ng-click="SelectStyle2();calculatePrice()" style="background:{{ style2 }};color: {{ style2font }}">
                                <h2>高级护送</h2><h3>(配备护送员)</h3>
                            </th>
                        </tr>
                        <tr style="height: 5px"></tr>
                         <tr>
                             <td class="cartype" ng-click="SelectStyle3();calculatePrice()" style="background:{{ style3 }};color: {{ style3font }}">
                                 <h2>护理护送</h2><h3>(配备护士)</h3>
                             </td>
                             <td class="cartype" ng-click="SelectStyle4();calculatePrice()" style="background:{{ style4 }};color: {{ style4font }}">
                                 <h2>监护护送</h2><h3>(医生和护士)</h3>
                             </td>
                         </tr> 
                        <tr style="height: 15px"></tr>
                        <tr ng-hide="orderInfo.carType == 3">
                            <td >
                                <div class="checkbox checkbox-slider-lg checkbox-slider--b  checkbox-slider-info" >
                                    <label>
                                        <input type="checkbox" ng-click="iscarry();calculatePrice()"><span >步梯搬抬服务</span>
                                    </label>
                                </div>
                            </td>
                            <td ng-show="isCarryable % 2!=0 && orderInfo.carType != 2">
                                <span style="float: left;margin-top: 10px;">搬抬人数</span>
                                <div  class="create-select create-select-normal create-input-mini" ng-class="{'create-select-none':carryNumber=='请选择'}" style="display: inline;float: right;border-bottom: 2px solid #e9e9e9;    padding-left: 50px;    margin-top: -20px;">
                                    {{ carryNumber }}
                                    <select class="create-fack-select"  ng-change="selectcarryNumber(this)" ng-model="carryNumber">
                                        <option  ng-selected="orderInfo.carryNumber == 1" value="1">1</option>
                                        <option  ng-selected="orderInfo.carryNumber == 2" value="2" selected="selected">2</option>
                                        <option  ng-selected="orderInfo.carryNumber == 3" value="3">3</option>
                                        <option  ng-selected="orderInfo.carryNumber == 4" value="4">4</option>
                                    </select>
                                 </div>
                            </td>
                            <td ng-show="isCarryable % 2!=0 && orderInfo.carType == 2">
                                <span style="float: left;margin-top: 10px;">搬抬人数</span>
                                <div  class="create-select create-select-normal create-input-mini" ng-class="{'create-select-none':carryNumber=='请选择'}" style="display: inline;float: right;border-bottom: 2px solid #e9e9e9;    padding-left: 50px;    margin-top: -20px;">
                                    {{ carryNumber }}
                                    <select class="create-fack-select"  ng-change="selectcarryNumber(this)" ng-model="carryNumber">
                                        <option  ng-selected="orderInfo.carryNumber == 2" value="2" selected="selected">2</option>
                                        <option  ng-selected="orderInfo.carryNumber == 3" value="3">3</option>
                                        <option  ng-selected="orderInfo.carryNumber == 4" value="4">4</option>
                                    </select>
                                </div>
                            </td>
                        </tr>
                        <tr ng-hide="orderInfo.carType != 3">
                            <td >
                                <div class="checkbox checkbox-slider-lg checkbox-slider--b  checkbox-slider-info" >
                                    <label>
                                        <input type="checkbox" ng-click="iscarry2();calculatePrice()"><span >搬抬服务</span>
                                    </label>
                                </div>
                            </td>
                            <td ng-hide="isCarryable2 % 2==0">
                                <span style="float: left;margin-top: 10px;">搬抬人数</span>
                                <div  class="create-select create-select-normal create-input-mini" ng-class="{'create-select-none':carryNumber=='请选择'}" style="display: inline;float: right;border-bottom: 2px solid #e9e9e9;    padding-left: 50px;    margin-top: -20px;">
                                    {{ carryNumber }}
                                    <select class="create-fack-select"  ng-change="selectcarryNumber(this)" ng-model="carryNumber">
                                        <option  ng-selected="orderInfo.carryNumber == 1" value="1" selected="selected">1</option>
                                    </select>
                                </div>
                            </td>
                        </tr>
                        <tr ng-show="((orderInfo.carType == 3 && isCarryable2 % 2==1) || (orderInfo.carType != 3 && isCarryable % 2==1))">
                            <td></td>
                            <td>
                            <span style="float: left;margin-top: 10px;">搬抬楼层</span>
                            <div  class="create-select create-select-normal create-input-mini" ng-class="{'create-select-none':floor=='请选择'}" style="display: inline;float: right;border-bottom: 2px solid #e9e9e9;    padding-left: 50px;    margin-top: -20px;">
                                {{ floor }}
                                <select class="create-fack-select"  ng-change="selectFloor(this)" ng-model="floor">
                                    <option  ng-selected="orderInfo.floor == 2" value="2" selected="selected">2</option>
                                    <option  ng-selected="orderInfo.floor == 3" value="3">3</option>
                                    <option  ng-selected="orderInfo.floor == 4" value="4">4</option>
                                    <option  ng-selected="orderInfo.floor == 5" value="5">5</option>
                                    <option  ng-selected="orderInfo.floor == 6" value="6">6</option>
                                    <option  ng-selected="orderInfo.floor == 7" value="7">7</option>
                                </select>
                            </div>

                            </td>
                        </tr>
                        <tr>
                            <td colspan="2">
                                <div  style="border-radius:15px;margin-top: 10px">
                                 <div style="width:100%;color: #ff7c7c;font-size:20px; font-weight: bold;">*以下价格不包含[设备/药品/耗材等]费用,下单后会有专业的客服人员主动联系您,为您量身定制转运方案</div>
                                    <h2 style="display: inline;font-size: 40px">预估价：</h2><h2 style="display: inline;color: #ff7c7c;font-size: 40px">{{ budget }}</h2>
                                </div>
                            </td>
                        </tr>
                        <tr style="border-radius:15px;margin-top: 10px;background-color: #f9f9f9;border: 2px solid #e9e9e9;">
                            <td colspan="2">
                                <div>
                                    <label style="width: 80%;margin-left: 20%"  ng-repeat="item in items" >{{item}}</label>
                                </div>
                            </td>
                          </tr>
                    </table>
                    <input type="text" class="create-input-full" placeholder="留言" ng-model="orderInfo.comment" style="padding-top:0px;width: 90%;margin-left: 5%;border: 2px solid #e9e9e9;background-color: #f9f9f9"/>

                </div>

                <div class="create-button" ng-disable="{{portage_isable}}" ng-click="orderCreate();" style="background: -webkit-gradient(linear,0 0,0 100%,from(#6AC1FC),to(#2777EC));">预约用车</div>
                <div style="width:100%;height:30px"></div>
            </div>

            <script type="text/javascript">
                var MARKER_FLAG='1';

                var START_ADDRESS;  //起点地址
                var START_LNG;  //起始地点经度
                var START_LAT;  //起始地点纬度

                var END_ADDRESS;  //终点地址
                var END_LNG;   // 终点地点 经度
                var END_LAT;   // 终点地点 纬度

                var START_CITY_CODE='';   //起点城市编码
                var END_CITY_CODE='';     //终点城市编码

                //输出输入提示结果的回调函数
                function autocomplete_CallBack(data) {
                    //判断  起点地址  终点地址  是否 有数值
                    var inputValue=document.getElementById("keyword"+MARKER_FLAG).value;
                    if(!inputValue) {
                        return;
                    }
                    var resultStr = "";
                    var tipArr = data.tips;
                    if (tipArr&&tipArr.length>0) {
                        for (var i = 0; i < tipArr.length; i++) {
                           if(tipArr[i].location.length>0)  //2018-10-22
                           {
                            resultStr += "<div id='"+MARKER_FLAG+"divid" + (i + 1) + "' onmouseover='openMarkerTipById(" + (i + 1)
                                    + ",this)' onclick='selectResult(" + i + ")' onmouseout='onmouseout_MarkerStyle(" + (i + 1)
                                    + ",this)' style=\"font-size: 24px;cursor:pointer;padding:5px 5px 5px 5px;\"" + "data=" + $.toJSON(tipArr[i]) + ">" + tipArr[i].name + "<span style='color:#C1C1C1;'>"+ tipArr[i].district + "</span></div>";
                           }
                        }
                    }
                    else  {
                        resultStr = " π__π 亲,人家找不到结果!<br />要不试试：<br />1.请确保所有字词拼写正确<br />2.尝试不同的关键字<br />3.尝试更宽泛的关键字";
                    }
                    if(resultStr.length>0)//2018-10-22
                    {
                        document.getElementById("result"+MARKER_FLAG).curSelect = -1;
                        document.getElementById("result"+MARKER_FLAG).tipArr = tipArr;
                        document.getElementById("result"+MARKER_FLAG).innerHTML = resultStr;
                        document.getElementById("result"+MARKER_FLAG).style.display = "block";
                    }
                    else
                    {
                         document.getElementById("result" + MARKER_FLAG).style.display = "none";
                    }
                    //caculatePrice();
                }

                //输入提示框鼠标滑过时的样式
                function openMarkerTipById(pointid, thiss) {  //根据id打开搜索结果点tip
                    thiss.style.background = '#CAE1FF';
                }

                //输入提示框鼠标移出时的样式
                function onmouseout_MarkerStyle(pointid, thiss) {  //鼠标移开后点样式恢复
                    thiss.style.background = "";
                }
                 //2018-11-30 sc 增加
                function checkNaN(target){
                    //var value = target.value;
                    target.value=target.value.replace(/\D/g,'');
                }
                //2018-11-30 sc 增加
                function clearNoNum(target){
                    //var value = target.value;
                    target.value = target.value.replace(/[^\d.]/g,"");  //清除“数字”和“.”以外的字符  
                    target.value = target.value.replace(/\.{2,}/g,"."); //只保留第一个. 清除多余的  
                    target.value = target.value.replace(".","$#$").replace(/\./g,"").replace("$#$","."); 
                    target.value = target.value.replace(/^(\-)*(\d+)\.(\d).*$/,'$1$2.$3');//只能输入一个小数  
                    if(target.value.indexOf(".")< 0 && target.value !=""){//以上已经过滤，此处控制的是如果没有小数点，首位不能为类似于 01、02的金额 
                        target.value= parseFloat(target.value); 
                    } 
                }

                //从输入提示框中选择关键字并查询
                function selectResult(index) {
                    if (index < 0) {
                        return;
                    }
                    /*			if (navigator.userAgent.indexOf("MSIE") > 0) {
                     document.getElementById("keyword" + MARKER_FLAG).onpropertychange = null;
                     document.getElementById("keyword" + MARKER_FLAG).onfocus = focus_callback;
                     }*/

                    //截取输入提示的关键字部分
                    var selectInfo = $.evalJSON(document.getElementById(MARKER_FLAG + "divid" + (index + 1)).getAttribute('data'));
                    document.getElementById("keyword" + MARKER_FLAG).value = selectInfo.name;
                    document.getElementById("result" + MARKER_FLAG).style.display = "none";

                    var appElement = document.querySelector('[ng-controller=PublicCtr]');
                    var $scope = angular.element(appElement).scope();

                    $scope.isWatch =false;
                    if(selectInfo) {
                        //起始地点
                        if(MARKER_FLAG=='1') {
                            START_CITY_CODE= selectInfo.adcode;      //起始区域编码
                            START_ADDRESS = selectInfo.name;         //选择的起始地点
                            var location = selectInfo.location.split(",");   //坐标
                            START_LNG = location[0];   //经度
                            START_LAT = location[1];    //纬度
                            $scope.orderInfo.beginPosition = START_ADDRESS;
                        }
                        else {
                            END_CITY_CODE= selectInfo.adcode;      //终止区域编码
                            END_ADDRESS = selectInfo.name;         //选择的目的地点
                            var location = selectInfo.location.split(",");   //坐标
                            END_LNG = location[0];   //经度
                            END_LAT = location[1];    //纬度
                            $scope.orderInfo.endPosition = END_ADDRESS;
                        }
                    }

                    $scope.calculatePrice();
                    $scope.$apply();
                    $scope.isWatch =true;
                    $scope.$apply();
                }

            </script>

        {% endraw %}
    {% endblock %}