{% extends 'MirrorMarketBundle:base:base2.html.twig' %}
    {% block getlocation %}
        <script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></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.staffId = {{ staffId }};  //推广ID 0为管理员
                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.budget = "0元";
                //$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);
                    } 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);
                    }
                }

                $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);
                    } 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);
                    }
                }

                $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;
                    } 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;
                    }
                }

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

                $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.isChangeFlag % 2 == 0)
                    {
                        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";
                        }
                    }
                    $scope.isChangeFlag ++;
                })

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

                        if (newPosition) {
                            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.isChangeFlag ++;
                })

                //输入框提示
                $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 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);
                                }
                        );
                    }
                }
            }
        </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>

            .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 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="phone">
                        <div id="phone-icon"></div>
                        <input type="text" class="create-input-full" placeholder="电话" pattern="[0-9]*" ng-model="orderInfo.telephone" onkeyup="checkNaN(this);" onafterpaste="checkNaN(this);" style="width: 100%;margin-left: 55px;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" />
                                </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>
                                <div  style="border-radius:15px;margin-top: 10px">
                                    <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";
                    }
                }

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

                //输入提示框鼠标移出时的样式
                function onmouseout_MarkerStyle(pointid, thiss) {  //鼠标移开后点样式恢复
                    thiss.style.background = "";
                }

                //从输入提示框中选择关键字并查询
                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();


                    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();
                }

            </script>

        {% endraw %}
    {% endblock %}