var uid = $("#3dnzNxplgTiHaddR",top.window.document).val();
var companyId = '';

var Home = {
    id: "HomeTable",	//表格id
    seItem: null,		//选中的条目
    table: null,
    layerIndex: -1,
    businessType:null,//存储企业信息
};
var language = $("#language").val()
/**
 * 初始化表格的列
 */
Home.initColumn = function () {
    return [
        {field: 'selectItem', radio: true},
        {title: '主键ID', field: 'id', visible: false, align: 'center', valign: 'middle'},
        {title: '最后在线时间', field: 'insertTime', visible: true, align: 'center', valign: 'middle',
            formatter: function (value, row) {
                var btn = "";
                if(row.insertTime != '' && row.insertTime != null) {
                    var time = row.insertTime.replace(" ",'<br>');
                    btn = ['<p class="toolTip" style="overflow:hidden;white-space:nowrap;text-overflow:ellipsis;" title="' + row.insertTime + '" onfocus="TUser.tooltip()">' + time + '</p>']
                }
                return btn;
            }
        },
        {title: '司机头像', field: 'headImgUrl', visible: true, align: 'center', valign: 'middle',
            formatter: function (value, row) {
                if (row.headImgUrl == null || row.headImgUrl == '') {
                    return '<a class = "view"  href="javascript:void(0)"><img style="width: 50px;height:50px;" src="' + Feng.ctxPath + '/static/img/NoPIC.png" /></a>';
                } else {
                    return '<a class = "view"  href="javascript:void(0)"><img style="width: 90px;height:50px;" src="' + row.headImgUrl + '" /></a>';
                }
            },
            events: 'operateEvents'
        },
        {title: '司机姓名', field: 'name', visible: true, align: 'center', valign: 'middle',
            formatter: function (value, row) {
                var btn = "";
                if(row.name != '' && row.name != null) {
                    btn = ['<p class="toolTip" style="overflow:hidden;white-space:nowrap;text-overflow:ellipsis;" title="' + row.name + '" onfocus="TUser.tooltip()">' + row.name + '</p>']
                }
                return btn;
            }
        },
        {title: '司机电话', field: 'phone', visible: false, align: 'center', valign: 'middle'},
        {title: '在线设备', field: 'device', visible: true, align: 'center', valign: 'middle'},
        {title: '当前版本', field: 'version', visible: true, align: 'center', valign: 'middle'}
    ];
};



/**
 * 点击添加信息
 */
Home.openNetCarInfo = function (e) {
    var id = e.getExtData()[0];
    var index = layer.open({
        type: 2,
        title: language==1?'详细数据':(language==2?'detail':'detail'),
        area: ['770px', '500px'], //宽高
        fix: false, //不固定
        maxmin: true,
        content: Feng.ctxPath + '/home/openNetCarInfo?id=' + id,
    });
    this.layerIndex = index;
};



Home.onlineDriver = function () {
    var index = layer.open({
        type: 2,
        title: language==1? '在线司机':(language==2?'Online Driver':'Pemandu Online'),
        area: ['100%', '100%'], //宽高
        fix: false, //不固定
        maxmin: true,
        content: Feng.ctxPath + '/home/showDriverOnline',
    });
    this.layerIndex = index;
};


Home.search = function () {
    var queryData = {};
    queryData['name'] = $("#name").val();
    queryData['phone'] = $("#phone").val();
    Home.table.refresh({query: queryData});
};
Home.resetSearch = function () {
    $("#name").val("");
    $("#phone").val("");
    Home.search();
};


$(function () {
    var defaultColunms = Home.initColumn();
    var table = new BSTable(Home.id, "/home/queryOnlineDriver", defaultColunms);
    table.setPaginationType("server");
    Home.table = table.init();

    var first = $('.breadcrumb').children('li:first').children('a');
    first.css({
        'color': '#AB2626'
    })
    var className = first.attr('class');
    $('.content').hide();
    $('#' + className + 'Div').show();


    $('.breadcrumb').find('a').on('click', function () {
        $('.breadcrumb').children('li').each(function () {
            $(this).children('a').removeAttr('style');
        })

        $(this).css({
            'color': '#AB2626'
        });
        var className = $(this).attr('class');
        $('.content').hide();
        $('#' + className + "Div").show();
        switch (className) {
            case "statistics":
                getData();
                break;
            case "map":
                var companyId = $('#branchOffice1').val();
                if(null != companyId && '' != companyId){
                    Home.webSocketClient(companyId);
                }else{
                    Home.webSocketClient(null);
                }
                break;
            case "order":
                Home.getAllOrder();
                break;
        }

    })



    laydate.render({
        elem: '#addDate', //指定元素
        format: 'yyyy-MM-dd',//日期格式
        value: new Date(),//默认值
        zIndex: 99999999,//层叠顺序
        trigger: 'click'
        ,lang:"en",
        done: function(value, date, endDate){
            getData();
            console.log(value); //得到日期生成的值，如：2017-08-18
        }
    });
    laydate.render({
        elem: '#rangeDate', //指定元素
        format: 'yyyy-MM-dd',//日期格式
        range: true
        ,lang:"en",
        value: '',//默认值
        zIndex: 99999999,//层叠顺序
        trigger: 'click',
        done: function(value, date, endDate){
            getData();
            console.log(value); //得到日期生成的值，如：2017-08-18
        }
    });
    getData();
    getCompanyByUid();
    setInterval(function () {
        Home.webSocketClient(null);
    }, 60000);
    setInterval(function () {
        Home.getAllOrder();
    }, 60000);
});



let map;
let markers = [];

let map2;

let markers2 = [];

function initMap() {
    // The location of Uluru
    const uluru = { lat: -6.9174639, lng: 107.6191228 };
    // The map, centered at Uluru
    map = new google.maps.Map(document.getElementById("map"), {
        zoom: 8,
        center: uluru,
    });

    // The map, centered at Uluru
    map2 = new google.maps.Map(document.getElementById("map1"), {
        zoom: 8,
        center: uluru,
    });
}


window.initMap = initMap;




function getCompanyByUid() {
    $.ajax({
        url: Feng.ctxPath + "/home/getCompanyInfoByUserId",
        type: 'POST',
        success: function (res) {
            if(language==1){
                var str = '<option value="">----请选择----</option>';
            }else if(language==2){
                var str = '<option value="">----please choose----</option>';
            }else {
                var str = '<option value="">----Silakan pilih----</option>';
            }

            for(var i in res){
                str += '<option value="' + res[i].id + '">' + res[i].name + '</option>'
            }
            $('#branchOffice').html(str);
            $('#branchOffice1').html(str);
        }
    });
}






function getData() {
    var branchOffice =$('#branchOffice').val();
    var addDate = $('#addDate').val();
    var date = $('#rangeDate').val();
    var data = new FormData();
    if(null != branchOffice && '' != branchOffice){
        data.append("companyId", branchOffice);
    }
    if(null != addDate && '' != addDate){
        data.append("addDate", addDate);
    }
    if(null != date && date != ''){
        data.append("start", date.split(' - ')[0]);
        data.append("end", date.split(' - ')[1]);
    }
    $.ajax({
        url: Feng.ctxPath + "/home/getSumData",
        type: 'POST',
        contentType: false,
        processData: false,
        data: data,
        success: function (res) {
            var operationStatus = res.operationStatus;
            var operationSum = res.operationSum;
            var operationGrow = res.operationGrow;
            var operationTrend = res.operationTrend;

            $('#newPassengerInfo').text(operationStatus.passengerInfo == null ? 0 : operationStatus.passengerInfo);
            $('#newNetcardriver').text(operationStatus.netcardriver == null ? 0 : operationStatus.netcardriver);
            $('#orderDetail1').text(operationStatus.orderDetail1 == null ? 0 : operationStatus.orderDetail1);
            $('#orderDetail2').text(operationStatus.orderDetail2 == null ? 0 : operationStatus.orderDetail2);
            $('#orderDetail3').text(operationStatus.orderDetail3 == null ? 0 : operationStatus.orderDetail3);
            $('#orderDetail4').text(operationStatus.orderDetail4 == null ? 0 : operationStatus.orderDetail4);
            $('#orderDetail5').text(operationStatus.orderDetail5 == null ? 0 : operationStatus.orderDetail5);

            $('#passengerInfoSum').text(operationSum.passengerInfoSum == null ? 0 : operationSum.passengerInfoSum);
            $('#netcarDriverSum').text(operationSum.netcarDriverSum == null ? 0 : operationSum.netcarDriverSum);
            $('#netCarSum').text(operationSum.netCarSum == null ? 0 : operationSum.netCarSum);
            $('#orderDetailSum').text(operationSum.orderDetailSum == null ? 0 : operationSum.orderDetailSum);
            $('#paiceSum').text(operationSum.paiceSum == null ? 0 : operationSum.paiceSum);
            $('#paySum').text(operationSum.paySum == null ? 0 : operationSum.paySum);

            $('#passengerInfoSum1').text(operationGrow.passengerInfoSum == null ? 0 : operationGrow.passengerInfoSum);
            $('#netcarDriverSum1').text(operationGrow.netcarDriverSum == null ? 0 : operationGrow.netcarDriverSum);
            $('#orderDetail11').text(operationGrow.orderDetail1 == null ? 0 : operationGrow.orderDetail1);
            $('#orderDetail21').text(operationGrow.orderDetail2 == null ? 0 : operationGrow.orderDetail2);
            $('#orderDetail31').text(operationGrow.orderDetail3 == null ? 0 : operationGrow.orderDetail3);
            $('#orderDetail41').text(operationGrow.orderDetail4 == null ? 0 : operationGrow.orderDetail4);
            $('#orderDetail51').text(operationGrow.orderDetail5 == null ? 0 : operationGrow.orderDetail5);
            $('#paySum1').text(operationGrow.paySum == null ? 0 : operationGrow.paySum);
            $('#paiceSum1').text(operationGrow.paiceSum == null ? 0 : operationGrow.paiceSum);

            $('#orderDetailSum1').sparkline(operationTrend.orderDetailSum, {
                lineColor:'green',
                width: '100%',
                height: '33px'
            });
            $('#passengerInfoSum2').sparkline(operationTrend.passengerInfoSum, {
                lineColor:'green',
                width: '100%',
                height: '33px'
            });
            $('#orderDetail12').sparkline(operationTrend.orderDetail1, {
                lineColor:'green',
                width: '100%',
                height: '33px'
            });
            $('#orderDetail22').sparkline(operationTrend.orderDetail2, {
                lineColor:'green',
                width: '100%',
                height: '33px'
            });
            $('#orderDetail32').sparkline(operationTrend.orderDetail3, {
                lineColor:'green',
                width: '100%',
                height: '33px'
            });
            $('#orderDetail42').sparkline(operationTrend.orderDetail4, {
                lineColor:'green',
                width: '100%',
                height: '33px'
            });
            $('#orderDetail52').sparkline(operationTrend.orderDetail5, {
                lineColor:'green',
                width: '100%',
                height: '33px'
            });
        }
    });
}


function clearMarkers() {
    for (let i = 0; i < markers.length; i++) {
        markers[i].setMap(null);
    }
    markers = [];
}

function clearMarkers1() {
    for (let i = 0; i < markers2.length; i++) {
        markers2[i].setMap(null);
    }
    markers2 = [];
}



Home.webSocketClient = function (companyId) {
    $.ajax({
        url: Feng.ctxPath + '/home/getDriverPosition',
        type: 'POST',
        data: {
            companyId: companyId
        },
        success: function (res) {
            clearMarkers();
            var data1 = res.driver1;
            var data2 = res.driver2;
            var order = res.order;
            var d = '';
            for(var i in data1){
                var driver = data1[i].driver;
                var driverId = driver.id;
                d += '<li class="list-group-item" id="' + driverId + '">' + driver.name + '-' + driver.phone + '</li>';
                if('' != data1[i].lon){
                    const image = {
                        url: "/icon_car@2x.png",
                        size: new google.maps.Size(50, 50),
                        origin: new google.maps.Point(16, 15),
                        anchor: new google.maps.Point(0, 0),
                    };
                    const shape = {
                        coords: [1, 1, 1, 20, 18, 20, 18, 1],
                        type: "poly",
                    };

                    markers.push(
                        new google.maps.Marker({
                            position: { lat: parseFloat(data1[i].lat), lng: parseFloat(data1[i].lon) },
                            map,
                            icon: image,
                            shape: shape,
                            title: driver.name + '-' + driver.phone,
                            zIndex: driverId,
                        })
                    )
                }
            }

            for(var i in data2){
                var driver = data2[i].driver;
                var driverId = driver.id;
                d += '<li class="list-group-item" id="' + driverId + '">' + driver.name + '-' + driver.phone + '</li>';
                if('' != data2[i].lon){
                    const image = {
                        url: "/car.png",
                        size: new google.maps.Size(50, 50),
                        origin: new google.maps.Point(0, 0),
                        anchor: new google.maps.Point(0, 50),
                    };
                    const shape = {
                        coords: [1, 1, 1, 20, 18, 20, 18, 1],
                        type: "poly",
                    };

                    markers.push(
                        new google.maps.Marker({
                            position: { lat: parseFloat(data2[i].lat), lng: parseFloat(data2[i].lon) },
                            map,
                            icon: image,
                            shape: shape,
                            title: driver.name + '-' + driver.phone,
                            zIndex: driverId,
                        })
                    )
                }
            }
            $('#netcardriver').html(d);

            //订单数据
            var zhuanche = order.zhuanche;
            var kuacheng = order.kuacheng;
            var o = '';
            $('#order').html(o);
            if(language==1){
                var zc = '<div class="list-group"><a href="#" class="list-group-item active">摩托车未接订单</a>'
                for(var i in zhuanche){
                    zc += '<a href="#" class="list-group-item"><p class="list-group-item-text">起点：' + zhuanche[i].startAddress + '</p><p class="list-group-item-text">终点：' + zhuanche[i].endAddress + '</p>' +
                        '<p class="list-group-item-text">下单时间：' + new Date(zhuanche[i].travelTime) + '</p>' +
                        '</a>';
                }
                zc += '</div>';
                o += zc;

                var kc = '<div class="list-group"><a href="#" class="list-group-item active">同城快送未接订单</a>'
                for(var i in kuacheng){
                    kc += '<a href="#" class="list-group-item"><p class="list-group-item-text">起点：' + kuacheng[i].startAddress + '</p><p class="list-group-item-text">终点：' + kuacheng[i].endAddress + '</p>' +
                        '<p class="list-group-item-text">下单时间：' + new Date(kuacheng[i].travelTime) + '</p><p class="list-group-item-text">物品类型：' + kuacheng[i].cargoName + '</p>' +
                        '<p class="list-group-item-text">数量：' + kuacheng[i].cargoNumber + '</p></a>';
                }
            }else if(language==2){
                var zc = '<div class="list-group"><a href="#" class="list-group-item active">Motorcycle order not received</a>'
                for(var i in zhuanche){
                    zc += '<a href="#" class="list-group-item"><p class="list-group-item-text">origin：' + zhuanche[i].startAddress + '</p><p class="list-group-item-text">destination：' + zhuanche[i].endAddress + '</p>' +
                        '<p class="list-group-item-text">order time：' + new Date(zhuanche[i].travelTime) + '</p>' +
                        '</a>';
                }
                zc += '</div>';
                o += zc;

                var kc = '<div class="list-group"><a href="#" class="list-group-item active">City Express delivery missed order</a>'
                for(var i in kuacheng){
                    kc += '<a href="#" class="list-group-item"><p class="list-group-item-text">origin：' + kuacheng[i].startAddress + '</p><p class="list-group-item-text">destination：' + kuacheng[i].endAddress + '</p>' +
                        '<p class="list-group-item-text">order time：' + new Date(kuacheng[i].travelTime) + '</p><p class="list-group-item-text">type：' + kuacheng[i].cargoName + '</p>' +
                        '<p class="list-group-item-text">number：' + kuacheng[i].cargoNumber + '</p></a>';
                }
            }else {
                var zc = '<div class="list-group"><a href="#" class="list-group-item active">Motosikal tidak menerima perintah</a>'
                for(var i in zhuanche){
                    zc += '<a href="#" class="list-group-item"><p class="list-group-item-text">titik awal：' + zhuanche[i].startAddress + '</p><p class="list-group-item-text">Akhir：' + zhuanche[i].endAddress + '</p>' +
                        '<p class="list-group-item-text">Waktu perintah：' + new Date(zhuanche[i].travelTime) + '</p>' +
                        '</a>';
                }
                zc += '</div>';
                o += zc;

                var kc = '<div class="list-group"><a href="#" class="list-group-item active">Pengiriman ekspres ke kota tanpa menerima perintah</a>'
                for(var i in kuacheng){
                    kc += '<a href="#" class="list-group-item"><p class="list-group-item-text">titik awal：' + kuacheng[i].startAddress + '</p><p class="list-group-item-text">Akhir：' + kuacheng[i].endAddress + '</p>' +
                        '<p class="list-group-item-text">Waktu perintah：' + new Date(kuacheng[i].travelTime) + '</p><p class="list-group-item-text">Jenis Item：' + kuacheng[i].cargoName + '</p>' +
                        '<p class="list-group-item-text">jumlah：' + kuacheng[i].cargoNumber + '</p></a>';
                }
            }

            kc += '</div>';
            o += kc;

            $('#order').html(o);
        }
    })
}



Home.getAllOrder = function () {
    var b1 = $("#SupendButton-one").val();
    var b2 = $("#SupendButton-two").val();
    let type =null;
    if(b1!=''){
        type=b1
    }
    if(b2!=''){
        type=b2
    }
    $.ajax({
        url: Feng.ctxPath + '/home/getAllOrder',
        type: 'POST',
        data: {
            companyId: companyId,
            type:type
        },
        success: function (res) {

            clearMarkers1()
            for(var i in res){
                markers2.push(
                    new google.maps.Marker({
                        position: { lat: parseFloat(res[i].lat), lng: parseFloat(res[i].lon) },
                        map: map2,
                    })
                )
            }
        }
    });
}



function getData1() {
    var companyId = null;
    var branchOffice1 = $('#branchOffice1').val();
    if('' != branchOffice1  && null != branchOffice1){
        companyId = branchOffice1;
    }
    Home.webSocketClient(companyId);
}