{% extends 'MirrorMainBundle:Base:base.html.twig' %}
    {% block getlocation %}
        <script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></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 type="text/css">
        .referee-panel{
            position:relative;
            padding:0px 18px 0px 18px;
            font-size:32px;
            color:#333333;
            font-weight:bold;
        }
        .referee-panel input[type="text"]{
            margin:0px;
            padding:20px 20px 10px 20px;
            width:50%;
            height:80px;
            font-size:32px;
            font-weight:bold;
            color:#333333;
            border-width:0px 0px 1px 0px;
            border-style:solid;
            border-color:#c0c0c0;
            border-radius:0px;
            -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,0.075);
            -moz-box-shadow: inset 0 0px 0px rgba(0,0,0,0.075);
            box-shadow: inset 0 0px 0px rgba(0,0,0,0.075);
        }
        .referee-panel input[type="number"]{
            margin:0px;
            padding:20px 20px 10px 20px;
            width:50%;
            height:80px;
            font-size:32px;
            font-weight:bold;
            color:#333333;
            border-width:0px 0px 1px 0px;
            border-style:solid;
            border-color:#c0c0c0;
            border-radius:0px;
            -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,0.075);
            -moz-box-shadow: inset 0 0px 0px rgba(0,0,0,0.075);
            box-shadow: inset 0 0px 0px rgba(0,0,0,0.075);
        }
        .referee-update{
            margin: 20px 15px 20px 15px;
            height: 75px;
            line-height: 75px;
            text-align: center;
            color: #ffffff;
            background-color: #047bcf;
        }
        .public-panel{
            width:100%;
            background-color:rgb(242, 242, 242);
            margin: 0px;
            padding-bottom: 20px;
            height: 100%;
            position: absolute;
            font-size: 32px;
        }
        /*.referee-panel{*/
            /*width:95%;*/
            /*margin: 0px auto;*/
            /*position: relative;*/
            /*background-color: white;;*/
        /*}*/
        .referee-people,.referee-mess{
            padding:0 10px;
            padding-bottom: 10px;
            background-color: white;
            margin-top: 18px;
            border: 1px solid #e9e9e9;
            border-radius: 15px;
            box-shadow: 0px 4px 6px #e7e8ec;
        }
    </style>
{% endblock %}

{% block script %}
    <script type="text/javascript">
        function AngularAction($scope,$http,$timeout,$location){
            $scope.refereeInfo = {};
            setTimeController();
            if (checkNull($('#dateTime').val())) $scope.refereeInfo.Time = $('#dateTime').val();
            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',
                    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.refereeInfo.Name='{{ Name }}';
            $scope.refereeInfo.Telephone='{{ Telephone }}';
            $scope.refereeInfo.Begin='{{ Begin }}';
            $scope.refereeInfo.End='{{ End }}';
            $scope.refereeInfo.Remark='{{ Remark }}';
            $scope.refereeInfo.Time='{{ Time }}';
            $scope.refereeInfo.weixinId = '{{weixinId}}';

            $scope.refereeCreate = function(){
                $scope.createButtonDisable = true;
  //              if(!checkNull($scope.refereeInfo.Name,'请输入推荐人姓名')) return;
//                if(!checkNull($scope.refereeInfo.Telephone,'请输入推荐人联系方式')) return;
//                if(!checkNull($scope.refereeInfo.Begin,'请输入出发地址')) return;
//                if(!checkNull($scope.refereeInfo.End,'请输入目的地址')) return;
//                if(!checkNull($scope.refereeInfo.Time,'请选择推荐时间')) return;
                if(!(checkNull($scope.refereeInfo.Name)||checkNull($scope.refereeInfo.Telephone)||checkNull($scope.refereeInfo.Begin)||checkNull($scope.refereeInfo.End)||checkNull($scope.refereeInfo.Time)||checkNull($scope.refereeInfo.Remark))){alert('请至少填写一项信息'); return;}

                httpAction($http,'/api/staff/referee','POST',
                        $scope.refereeInfo,
                        function(response){
                            var errno = response.errno;
                            if(errno==0){
                                alert('提交成功');
                                $scope.createButtonDisable = false;
                                location.reload();
                            }else{
                                $scope.createButtonDisable = false;
                                alert('提交失败');
                            }
                            //$scope.doCreate = true;
                        },
                        function(errno,errmsg){
                            alert(errmsg);
                            // $scope.doCreate = true;
                        });
            }
        }

    </script>
{% endblock %}

{% block body %}
    {% raw %}
        <div class="referee-panel" ng-init="refereeName='用户姓名';refereeTelephone='用户电话';cityName='城市';doCreate=true;">
            <div class="referee-people">
                <div>{{ refereeName }}：<input type="text" value="" class="detail-input-full" placeholder="用户姓名" id="refereeName" ng-model="refereeInfo.Name"/></div>
                <div>{{ refereeTelephone }}：<input type="number" value="" class="" placeholder="用户电话" id="refereeTelephone" ng-model="refereeInfo.Telephone"/></div>
            </div>
            <div class="referee-mess">
                <div>出发地址：<input type="text" class="" value="" placeholder="出发地址" id="refereeBegin" ng-model="refereeInfo.Begin"/></div>
                <div>目的地址：<input type="text" class="" value="" placeholder="目的地址" id="refereeEnd" ng-model="refereeInfo.End"/></div>
                <div>备&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;注：<input type="text" value="" class="" placeholder="备注" id="refereeRemark" ng-model="refereeInfo.Remark"/></div>
                <div>
                    推荐时间：<input id="dateTime" type="text" class="create-input-full" value="" ng-model="refereeInfo.Time" placeholder="推荐时间" style="color:#333;" />
                </div>
            </div>

        </div>
        <div class="create-button" ng-disabled="createButtonDisable" ng-click="refereeCreate();" style="width:95%;margin:0 auto;margin-top:20px;font-size:32px;background: -webkit-gradient(linear,0 0,0 100%,from(#6AC1FC),to(#2777EC));font-family: 微软雅黑;">提交</div>
    {% endraw %}
{% endblock %}