@extends('layouts.main_track')

@push('styles')
<!-- Include Date Range Picker -->
<link rel="stylesheet" type="text/css" href="{{asset('css/daterangepicker.css')}}" />
<link rel="stylesheet" type="text/css" href="{{asset('css/beautify-marker-icon.css')}}" />
@endpush
@section('content')
<div class="row" >
    <div class="col-md-12" >
            <div class="card">                      
                <div class="card-header">
                    <h1>{{ __('strings.snowmap_app_data') }}</h1>
                </div>
                <div class="col-md-12">
                    <div id="reportrange" style="background: #fff; cursor: pointer; padding: 5px 10px; border: 1px solid #ccc;" class="col-md-6">
                        <i class="fa fa-calendar"></i>&nbsp;
                        <span></span> <i class="fa fa-caret-down"></i>
                    </div>
                </div>
                <div class="card-body">
                    <div class="dashboard-widget-content">
                        <div class="col-md-12 col-sm-12 col-xs-12" style="height:650px;">
                            <ul class="nav nav-tabs" role="tablist">
                                <li class="nav-item">
                                    <a class="nav-link active" data-toggle="tab" href="#home" role="tab" aria-controls="home">Gráficas</a>
                                </li>

                                <li class="nav-item">
                                    <a class="nav-link" data-toggle="tab" href="#profile" role="tab" aria-controls="profile">Histórico</a>
                                </li>
                            </ul>

                            <div class="tab-content">
                                <div class="tab-pane active" id="home" role="tabpanel">
                                    <div style="height: 290px;">
                                            <div id="t_chart" style="width: 100%; height: 290px;"></div>
                                    </div>
                                    <div style="height: 290px; display: none;">
                                            <div id="ph_chart" style="width: 100%; height: 290px;"></div>
                                    </div>
                                    <div style="height: 290px;">
                                            <div id="h_chart" style="width: 100%; height: 290px;"></div>
                                    </div>
                                </div>

                                <div class="tab-pane" id="profile" role="tabpanel">
                                    <div class="table-responsive" style="height: 580px; overflow: auto;" >
                             
                                        <hr>
                                        <table id="tramas-mini-table" class="table hover mb-0">
                                            <thead class="thead-inverse-mini">
                                                <tr>
                                                    <th>Datos</th>
                                                </tr>
                                            </thead>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>            
        </div>
    </div>
 </div>
<div class="row">
    <div class="col-md-12 col-sm-12 col-xs-12" >
        <div class="card">
            
            <div class="col-md-1 col-sm-1 col-xs-1">                
                <button id="pdf_button" type="button" class="btn btn-primary">
                    <i id="pdfIcon" class="fa fa-file-pdf"></i> &nbsp; PDF
                </button>
            </div>
            <div class="table-responsive">
                             
                <hr>
                <table id="tramas-table" class="table hover mb-0">
                    <thead class="thead-inverse">
                        <tr>
                            <th>ID</th>
                            <th>ALIAS</th>
                            <th>IMEI</th>
                            <th>CMD</th>
                            <th>TRAD</th>
                            <th>DATA</th>
                            <th>{{$device->trama->BEGIN == 'PH' ? 'TEMP':'HUM'}}</th>
                            <th></th>
                            <th>BAT</th>
                            <th>FECHA</th>
                            <th>HORA</th>
                        </tr>
                    </thead>
                </table>
            </div>
        </div>
    </div>
</div>
@endsection

@push('scripts')
<script type="text/javascript" src="{{asset('js/daterangepicker.js')}}"></script>
<script src="{{asset('js/leaflet-ant-path.js')}}" type="text/javascript"></script>
<script src="{{asset('js/leaflet.lineextremities.js')}}" type="text/javascript"></script>
<script src="{{asset('js/beautify-marker-icon.js')}}" type="text/javascript"></script>
<script src="{{asset('js/echarts.min.js')}}" type="text/javascript"></script>
<script src="{{asset('js/pdfmake.min.js')}}" type="text/javascript"></script>
<script src="{{asset('js/vfs_fonts.js')}}" type="text/javascript"></script>
<script src="{{asset('js/leaflet-image.js')}}" type="text/javascript"></script>
<script>
var map; // leaflet map object
var geoJson; // leaftlet geoJson layer
var path; // leaftlet ant layer
var sMarker; // start marker
var eMarker; // end marker
// chrar objecs
var tChart = null; // temperature chart
var hChart = null; // humidity chart
var phChart = null;
var table;
var table_mini;
    
$(document).ready(function () {
    // setting moment.js language
    moment.locale('es');
    initRangePicker();
    initCharts();
    initDataTable({});
    initPdfExporter();
});


function initRangePicker() {
     $('#reportrange').daterangepicker({
        "timePicker": true,
        "timePicker24Hour": true,
        "locale": {
            "format": "YYYY-MM-DD HH:mm",
            "separator": " - ",
            "applyLabel": "Aceptar",
            "cancelLabel": "Cancelar",
            "fromLabel": "De",
            "toLabel": "A",
            "customRangeLabel": "Personalizado",
            "weekLabel": "S",
        }
    });
    function cb(start, end) {
        $('#reportrange span').html(start.format('YYYY-MM-DD HH:mm') + ' - ' + end.format('YYYY-MM-DD HH:mm'));
    }

    $('#reportrange').on('apply.daterangepicker', function (ev, picker) {  
        $('#reportrange span').html(picker.startDate.format('YYYY-MM-DD HH:mm') + ' - ' + picker.endDate.format('YYYY-MM-DD HH:mm'));
        getData(picker.startDate.format('YYYY-MM-DD HH:mm'), picker.endDate.format('YYYY-MM-DD HH:mm'));
    });
    
    // call business trips on load page
    cb(moment().startOf('day'),  moment().endOf('day'));
}

function initCharts() {
    //resize the chart when window resize
    $(window).resize(function () {
        if(tChart != null) {
            tChart.resize();
            hChart.resize();
            phChart.resize();
        }
    });
    tChart = echarts.init(document.getElementById('t_chart'));
    hChart = echarts.init(document.getElementById('h_chart'));
    phChart = echarts.init(document.getElementById('ph_chart'));
}

function initDataTable() {
    table_mini = $('#tramas-mini-table').DataTable({
            processing: true,
            paging: false,
            ordering: false,
            columns: [
                { data: 'CREATED_AT', name: 'CREATED_AT', render: function ( data, type, row ) {
                            if(data){
                                var value = data;
                                switch(row.BEGIN) {
                                    case "PJ":
                                        value = "ºC";
                                        break;
                                    case "PM":
                                        value = "ºC";
                                        break;                
                                    case "PH":
                                        value = " PH";
                                        break;
                                    case "BF":
                                        value =" LTRS";
                                        break;
                                    case "PF":
                                        value = " LTRS";
                                        break;
                                    case "MVT":
                                        value = " LTRS";
                                        break;
                                    case "ANDR":
                                        value = "---";
                                        break;
                                }
                            }
                            return moment.utc(data).local().format("YYYY-MM-DD")+" / "+moment.utc(data).local().format("HH:mm")
                            +"<br>"+"Bateria: "+row.BAT+"%" 
                            +"<br>"+"Humedad: "+row.HUM+"%";
                        } 
                    },
                ],
                dom: 'Bfrtip',
                buttons: [
                    'copy', 'excel',{
                        extend: 'pdfHtml5',
                        orientation: 'landscape',
                        pageSize: 'A4'
                    }
                ],
                language: {
                    url: "{{asset('DataTables/languages')}}/{{App::getLocale()}}.json"
                },
        });


    table = $('#tramas-table').DataTable({
            processing: true,
            paging: false,
            ordering: false,
            columns: [
                { data: 'ID', name: 'ID', defaultContent: "<code>NO DEFINIDO</code>" },
                { data: 'ID', render:function(data, type, trama){
                    return "{{$device->ALIAS}}";
                }, defaultContent: "" },
                { data: 'IMEI', name: 'IMEI', type: "string", defaultContent: "" },
                { data: 'CMD', name: 'CMD', defaultContent: ""  },
                { data: 'cmd_translate', name: 'cmd_translate', defaultContent: ""  },
                { data: 'TEMP', name: 'TEMP',  defaultContent: "", render: function(data, type, trama, meta) { 
                        if(data){
                            var value = data;
                            switch(trama.BEGIN) {
                                case "PJ":
                                    value = data + "ºC";
                                    break;
                                case "PM":
                                    value = data + "ºC";
                                    break;                
                                case "PH":
                                    value = data + " PH";
                                    break;
                                case "BF":
                                    value = data + " LTRS";
                                    break;
                                case "PF":
                                    value = data + " LTRS";
                                    break;
                                case "MVT":
                                    value = data + " LTRS";
                                    break;
                                case "PS":
                                    value = data + " LTRS";
                                    break;
                                case "ANDR":
                                    value = "---";
                                    break;
                            }
                            return "<font color='black'>" + value + "</font>";
                        }
                        return null
                    } 
                },
                { data: 'HUM', name: 'HUM',  defaultContent: "", render: function(data, type, trama, meta) { 
                        if(data != null){
                            var value = "";
                            switch(trama.BEGIN) {
                                case "PJ":
                                    value = data + "%";
                                    break;
                                case "PM":
                                    value = data + "%";
                                    break;
                                case "PS":
                                    value = data + " Km/h";
                                    break;                
                                case "PH":
                                    value = data + "%";
                                    break;
                                case "BF":
                                    value = data + "%";
                                    break;
                                case "PF":
                                    value = data + "%";
                                    break;
                                case "MVT":
                                    value = data + " LTRS";
                                    break;
                                case "ANDR":
                                    value = "---";
                                    break;
                            }
                            return "<font color='black'>" + value + "</font>";
                        }
                        return null
                    } 
                },
                { data: 'END', name: 'END', defaultContent: "---" },
                { data: 'BAT', name: 'BAT', render: function(data, type, row){ return data + "%";} },
                { data: 'CREATED_AT', name: 'CREATED_AT', render: function ( data, type, row, meta ) {
                        return moment.utc(data).local().format("YYYY-MM-DD");
                    } 
                },
                { data: 'CREATED_AT', name: 'CREATED_AT', render: function ( data, type, row, meta ) {
                        return moment.utc(data).local().format("HH:mm");
                    } 
                }
                ],
                dom: 'Bfrtip',
                buttons: [
                    'copy', 'excel',{
                        extend: 'pdfHtml5',
                        orientation: 'landscape',
                        pageSize: 'A4'
                    }
                ],
                language: {
                    url: "{{asset('DataTables/languages/spanish.json')}}"
                },
        }); 
}

function initPdfExporter() {
    document.getElementById('pdf_button').onclick = function(){       
        document.getElementById('pdfIcon').className = 'fa fa-circle-notch fa-spin fa-3x';
        makePDF(table, "data:image/gif;base64,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");
    };
}


function getData(startDate, endDate) {
    $.showPreloader("{{__('strings.wait_momment')}}");
     $.post( "{{route('get_snowman_app_data')}}",{
         imei: "{{$device->IMEI}}",
         start_date: moment(startDate).utc().format('YYYY-MM-DD HH:mm'),
         end_date: moment(endDate).utc().format('YYYY-MM-DD HH:mm')
     }, function( response ) {
         // replace 0's on temp, hum and ph with last data.
         if(response.tramas.length) {
            for(var id in response.tramas) {             
               if(response.tramas[id].TEMP == 85) {response.tramas.TEMP = 0; }
               if(id > 0 ) {
                    // Set current values equal to latest (id - 1) if there are equal to zero
                    if(response.tramas[id].TEMP == 0){
                        response.tramas[id].TEMP = response.tramas[id - 1].TEMP;
                    }
                    if(response.tramas[id].LAT == 0){
                        response.tramas[id].LAT = response.tramas[id - 1].LAT;
                        response.tramas[id].LNG = response.tramas[id - 1].LNG;
                    }                    
                    if(response.tramas[id].HUM == 0 || response.tramas[id].HUM == -1){
                        response.tramas[id].HUM = response.tramas[id - 1].HUM;
                    }                       
                    if(response.tramas[id].BAT == 0){
                        response.tramas[id].BAT = response.tramas[id - 1].BAT;
                    }   
                    if(response.tramas[id].trama_device == null) {
                        response.tramas[id].trama_device = response.tramas[id - 1].trama_device;
                    }          
               }               
            }
            updateCharts(response.tramas);
            table.clear();
            table.rows.add(response.tramas).draw();
            table_mini.clear();
            table_mini.rows.add(response.tramas).draw();
        }        
        $.hidePreloader();
    }).fail(function(error){
        console.log(error);
        $.hidePreloader();
        $.alert("{{__('errors.error')}}");
        table.clear();
        table.rows.add({}).draw();
        table_mini.clear();
        table_mini.rows.add({}).draw();
    });
}

function removeRouteLayers() {
    if(geoJson) {
        map.removeLayer(geoJson);
    }
    if(path) {
        map.removeLayer(path);
    }
    if(sMarker) {
       map.removeLayer(sMarker); 
    }
    if(eMarker) {
       map.removeLayer(eMarker); 
    }
}

function updateCharts(tramas) {
    var serie = [];
    for(var id in tramas) {
        var milis = moment(moment.utc(tramas[id].CREATED_AT)).local().unix();
        serie.push({date: milis, temp1: parseFloat(tramas[id].TEMP), temp2: (parseFloat(tramas[id].TEMP).toFixed(3) * 1.8 + 32).toFixed(3), hum: parseFloat(tramas[id].HUM), ph: parseFloat(tramas[id].END), cmd: tramas[id].CMD, json:tramas[id]});
    }
    tChart.clear();
    hChart.clear();
    phChart.clear();
    // draw temperature chart
    tChart.setOption(getTempOption(serie));
    hChart.setOption(getHumOption(serie));
    phChart.setOption({});
}

/**
 * Gets temperature serie's data format 
 * @param {type} data
 * @return {Array}     */
function getTempOption(data) {
    @php
    $sName = "TEMP";
    switch($device->trama->BEGIN){
        case "MVT":
            $sName = "LTRS";
            break;
        case "BF":
            $sName = "LTRS";
            break;
        case "PS":
            $sName = "LTRS";
            break;
        case "PH":
            $sName = "PH";
            break;
    }
    @endphp
    var serieName = '{{$sName}}';
    for (var i in data) {
        data[i].cmd = data[i].cmd === 'OFF' ? "<li class='fa fa-lightbulb-o no-ligth' arial-hidden='true'></i>" : "<li class='fa fa-lightbulb-o ligth' arial-hidden='true'></i>";
    }
    var option = {
        tooltip: {
            trigger: 'axis',
            formatter: function (params) {
                var item = data[params[0].dataIndex];
                if (item.json.LAT != 0.00 && item.json.LNG != 0.00) {
                    var popup = '<div id="content">';
                        popup += ' <b>' + serieName + ': </b>' + item.json.TEMP;
                        popup += ' <br><b>BAT: </b>' + item.json.BAT;
                        popup += ' <br><b>CMD: </b>' + item.json.CMD; 
                        popup += ' <br><b>TRAD: </b>' + item.json.cmd_translate;
                        popup += ' <br>' + moment.utc(item.json.CREATED_AT).local().format('YYYY/MM/DD HH:mm');
                        popup += '</div>';
                        L.popup()
                        .setLatLng([item.json.LAT, item.json.LNG])
                        .setContent(popup)
                        .openOn(map);
                        map.setView([item.json.LAT, item.json.LNG], map.getZoom());
                        
                }
                if(serieName == "LTRS") {                                   
                    return  '<b>' + moment.unix(item.date).format("YYYY/MM/DD HH:mm:ss") + '</b><br>'
                        + item.temp1 + ' LTRS<br>'
                        + item.json.cmd_translate;
                } else if (serieName == "PH") {                                   
                    return  '<b>' + moment.unix(item.date).format("YYYY/MM/DD HH:mm:ss") + '</b><br>'
                        + item.temp1 + ' PH<br>'
                        + item.json.cmd_translate;
                }  else {                    
                    return  '<b>' + moment.unix(item.date).format("YYYY/MM/DD HH:mm:ss") + '</b><br>'
                        + item.temp1 + '°C<br>'
                        + item.temp2 + '°F<br>'
                        + item.json.cmd_translate;
                }
            },
            backgroundColor: 'rgba(255,255,255,0.9)',
            borderColor: '#e0e0e0',
            borderWidth: 1,
            extraCssText: 'text-align: center',
            textStyle: {
                color: '#000000'
            }
        },
        xAxis: {
            type: 'category',
            boundaryGap: false,
            data: data.map(function (item) {
                return item.date;
            }),
            axisLabel: {
                formatter: function (value, idx) {
                    return moment.unix(value).format("MMM/DD");
                }
            }
        },
        yAxis: {
            name: serieName,
            nameLocation: 'middle',
            nameGap: 25,
            type: 'value',
            splitLine: {
                lineStyle: {
                    type: 'dashed'
                }
            },
        },
        toolbox: {
            feature: {
                saveAsImage: {title: 'Save',name:'chart',type:'png'}
            }
        },
        series: [
            {
                name: serieName,
                type: 'line',
                smooth: true,
                symbol: 'circle',
                showSymbol: true,
                showAllSymbol: true,
                symbolSize: 5,
                lineStyle: {
                    normal: {
                        color: '#00B0FF',
                        width: 1,
                        type: 'solid'
                    }
                },
                itemStyle: {
                    normal: {
                        color: '#00B0FF'
                    }
                },
                areaStyle: {
                    normal: {
                        color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
                                offset: 0,
                                color: '#e0f2f1'
                            }, {
                                offset: 1,
                                color: '#00B0FF'
                            }])
                    }
                },
                data: data.map(function (item) {
                    return item.temp1
                }),
                markLine: {
                    data: [{type: 'average', name: 'Max.'}]
                }
            }
        ]
    };
    return option;
}

/**
 * Gets humidity serie's data format 
 * @param {type} data
 * @return {Array}     */
function getHumOption(data) {
    @php
    $sName = "HUM";
    switch($device->trama->BEGIN){
        case "MVT":
            $sName = "DATA";
            break;
        case "BF":
            $sName = "DATA";
            break;
        case "PS":
            $sName = "VEL";
            break;
        case "PH":
            $sName = "TEMP";
            break;
    }
    @endphp
    var temh;
    var serieName = '{{$sName}}';
    var option = {
        tooltip: {
            trigger: 'axis',
            formatter: function (params) {
                var item = data[params[0].dataIndex];
                if (item.json.LAT != 0.00 && item.json.LNG != 0.00) {
                    if(serieName == "VEL"){
                        temh = item.json.HUM;;
                    }else{
                        temh = item.json.TEMP;
                    }
                    var popup = '<div id="content">';
                        popup += ' <b>' + serieName + ': </b>' + temh;
                        popup += ' <br><b>BAT: </b>' + item.json.BAT;
                        popup += ' <br><b>CMD: </b>' + item.json.CMD;  
                        popup += ' <br><b>TRAD: </b>' + item.json.cmd_translate;
                        popup += ' <br>' + moment.utc(item.json.CREATED_AT).local().format('YYYY/MM/DD HH:mm');
                        popup += '</div>';
                        L.popup()
                        .setLatLng([item.json.LAT, item.json.LNG])
                        .setContent(popup)
                        .openOn(map);
                        map.setView([item.json.LAT, item.json.LNG], map.getZoom());
                }
                
                if(serieName == "TEMP") {                                   
                    return  '<b>' + moment.unix(item.date).format("YYYY/MM/DD HH:mm:ss") + '</b><br>'
                        + item.hum + ' ºC<br>'
                        + item.json.cmd_translate;
                } else if(serieName == "VEL"){
                    return  '<b>' + moment.unix(item.date).format("YYYY/MM/DD HH:mm:ss") + '</b><br>'
                        + item.hum + ' Km/h<br>'
                        + item.json.cmd_translate;
                }else{
                    return  '<b>' + moment.unix(item.date).format("YYYY/MM/DD HH:mm:ss") 
                        + '</b><br>'
                        + 'HUM: ' + item.hum + '%<br>'
                        + item.json.cmd_translate;
                }
            },
            backgroundColor: 'rgba(255,255,255,0.9)',
            borderColor: '#e0e0e0',
            borderWidth: 1,
            extraCssText: 'text-align: center',
            textStyle: {
                color: '#000000'
            }
        },
        xAxis: {
            type: 'category',
            boundaryGap: false,
            data: data.map(function (item) {
                return item.date;
            }),
            axisLabel: {
                formatter: function (value, idx) {
                    return moment.unix(value).format("MMM/DD");
                }
            }
        },
        yAxis: {
            name: serieName,
            nameLocation: 'middle',
            nameGap: 25,
            type: 'value',
            min: -10,
            max: 100,
            splitLine: {
                lineStyle: {
                    type: 'dashed'
                }
            }
        },
        toolbox: {
            feature: {
                saveAsImage: {title: 'Save',name:'chartHum',type:'png'}
            }
        },
        series: [
            {
                name: serieName,
                type: 'line',
                smooth: true,
                symbol: 'circle',
                showSymbol: true,
                itemStyle: {
                    normal: {
                        color: '#E65100'
                    }
                },
                areaStyle: {
                    normal: {
                        color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
                                offset: 0,
                                color: '#FFE082'
                            }, {
                                offset: 1,
                                color: '#E65100'
                            }])
                    }
                },
                data: data.map(function (item) {
                    return item.hum
                }),
                markLine: {
                    data: [{type: 'average', name: 'Max.'}]
                }
            }
        ]
    };
    return option;
}

/**
 * Gets ph serie's data format 
 * @param {type} data
 * @return {Array}     */
function getPhOption(data) {
    var option = {
        tooltip: {
            trigger: 'axis',
            formatter: function (params) {
                var item = data[params[0].dataIndex];
                if (item.json.LAT != 0.00 && item.json.LNG != 0.00) {
                    var popup = '<div id="content">';
                        popup += ' <br><b>TEMP: </b>' + item.json.TEMP;
                        popup += ' <br><b>HUM: </b>' + item.json.HUM;
                        popup += ' <br><b>BAT: </b>' + item.json.BAT;
                        popup += ' <br><b>PH: </b>' + item.json.END;    
                        popup += ' <br><b>CMD: </b>' + item.json.CMD;
                        popup += ' <br><b>TRAD: </b>' + item.json.cmd_translate;
                        popup += ' <br>' + moment.utc(item.json.CREATED_AT).local().format('YYYY/MM/DD HH:mm');
                        popup += '</div>';
                        L.popup()
                        .setLatLng([item.json.LAT, item.json.LNG])
                        .setContent(popup)
                        .openOn(map);
                        map.setView([item.json.LAT, item.json.LNG], map.getZoom());
                }
                return  '<b>' + moment.unix(item.date).format("YYYY/MM/DD HH:mm:ss") 
                        + '</b><br>'
                        + 'PH: ' + item.ph + '%<br>'
                        + item.json.cmd_translate;
            },
            backgroundColor: 'rgba(255,255,255,0.9)',
            borderColor: '#e0e0e0',
            borderWidth: 1,
            extraCssText: 'text-align: center',
            textStyle: {
                color: '#000000'
            }
        },
        xAxis: {
            type: 'category',
            boundaryGap: false,
            data: data.map(function (item) {
                return item.date;
            }),
            axisLabel: {
                formatter: function (value, idx) {
                    return moment.unix(value).format("MMM/DD");
                }
            }
        },
        yAxis: {
            name: 'PH',
            nameLocation: 'middle',
            nameGap: 25,
            type: 'value',
            min: -10,
            max: 100,
            splitLine: {
                lineStyle: {
                    type: 'dashed'
                }
            }
        },
        toolbox: {
            feature: {
                saveAsImage: {title: 'Save',name:'chartHum',type:'png'}
            }
        },
        series: [
            {
                name: 'PH',
                type: 'line',
                smooth: true,
                symbol: 'circle',
                showSymbol: true,
                itemStyle: {
                    normal: {
                        color: '#E65100'
                    }
                },
                areaStyle: {
                    normal: {
                        color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
                                offset: 0,
                                color: '#FFE082'
                            }, {
                                offset: 1,
                                color: '#E65100'
                            }])
                    }
                },
                data: data.map(function (item) {
                    if (isNaN(item.ph)) {
                        return 0;
                    }
                    return item.ph;
                }),
                markLine: {
                    data: [{type: 'average', name: 'Max.'}]
                }
            }
        ]
    };
    return option;
}


/**
 * Generates pdf document
 * @return {undefined}
 */
function makePDF(datatable, mapDataUrl) {
    var pdfData = [];
    var rows = datatable.data().toArray();
    if(rows.length <= 0) {
        document.getElementById('pdfIcon').className = 'fa fa-file-pdf';
        return;
    }
    //gets first and last data
    var firstData = rows[0];
    var endData = rows[rows.length - 1];
    //generates json objects
    firstData = {
        ALIAS: firstData.ALIAS,
        DATE: firstData.DATE,
        TIME: firstData.TIME,
        CMD: (firstData.CMD === '1' ? "ON" : "OFF"),
        TEMP_C: firstData.TEMP,
        TEMP_F: (parseFloat(firstData.TEMP).toFixed(3) * 1.8 + 32).toFixed(3),
        HUM: firstData.HUM,
        LAT: firstData.LAT,
        LNG: firstData.LNG,
        IMEI: firstData.IMEI
    };
    endData = {
        ALIAS: endData.ALIAS,
        DATE: endData.DATE,
        TIME: endData.TIME,
        CMD: (endData.CMD === '1' ? "ON" : "OFF"),
        TEMP_C: endData.TEMP,
        TEMP_F: (parseFloat(endData.TEMP).toFixed(3) * 1.8 + 32).toFixed(3),
        HUM: endData.HUM,
        LAT: endData.LAT,
        LNG: endData.LNG,
        IMEI: endData.IMEI
    };
    var minTemp = firstData;
    var maxTemp = firstData;
    var minHum = firstData;
    var maxHum = firstData;
    var avgTemp = 0;
    var avgHum = 0;
    //calculating min, max, mean and generating pdfData json array
    rows.forEach(function (row) {
        // min and max temperature
        if (parseFloat(row.TEMP) < parseFloat(minTemp.TEMP_C)) {
            minTemp = {
                DATE: row.DATE,
                TIME: row.TIME,
                CMD: row.CMD,
                TEMP_C: row.TEMP,
                TEMP_F: (parseFloat(row.TEMP).toFixed(3) * 1.8 + 32).toFixed(3),
                HUM: row.HUM,
                LAT: row.LAT,
                LNG: row.LNG,
                IMEI: row.IMEI
            };
        }
        if (parseFloat(row.TEMP) > parseFloat(maxTemp.TEMP_C)) {
            maxTemp = {
                DATE: row.DATE,
                TIME: row.TIME,
                CMD: row.CMD,
                TEMP_C: row.TEMP,
                TEMP_F: (parseFloat(row.TEMP).toFixed(3) * 1.8 + 32).toFixed(3),
                HUM: row.HUM,
                LAT: row.LAT,
                LNG: row.LNG,
                IMEI: row.IMEI
            };
        }
        
        // min and max humidity
        if (parseFloat(row.HUM) < parseFloat(minHum.HUM)) {
            minHum = {
                DATE: row.DATE,
                TIME: row.TIME,
                CMD: row.CMD,
                TEMP_C: row.TEMP,
                TEMP_F: (parseFloat(row.TEMP).toFixed(3) * 1.8 + 32).toFixed(3),
                HUM: row.HUM,
                LAT: row.LAT,
                LNG: row.LNG,
                IMEI: row.IMEI
            };
        }
        if (parseFloat(row.HUM) > parseFloat(maxHum.HUM)) {
            maxHum = {
                DATE: row.DATE,
                TIME: row.TIME,
                CMD: row.CMD,
                TEMP_C: row.TEMP,
                TEMP_F: (parseFloat(row.TEMP).toFixed(3) * 1.8 + 32).toFixed(3),
                HUM: row.HUM,
                LAT: row.LAT,
                LNG: row.LNG,
                IMEI: row.IMEI
            };
        }
        
        avgTemp += parseFloat(row.TEMP);
        avgHum += parseFloat(row.HUM);
        pdfData.push({
                DATE: row.DATE,
                TIME: row.TIME,
                CMD: row.CMD,
                TEMP_C: row.TEMP,
                TEMP_F: (parseFloat(row.TEMP).toFixed(3) * 1.8 + 32).toFixed(3),
                HUM: row.HUM,
                LAT: row.LAT,
                LNG: row.LNG,
                IMEI: row.IMEI
        });
    });
    avgTemp = (avgTemp / pdfData.length).toFixed(2);
    avgHum = (avgHum / pdfData.length).toFixed(2);
    var alias = firstData.IMEI;
    var fileName = "pdfReport_" + alias + '_' + moment().format("YYMMDDhhmmss");
    var createdAt = moment().format("YYYY-MM-DD_HH.mm.ss");
    //calculating elapsed time beetwen fisrt and last trama
    var firstDate = moment(firstData.DATE + ' ' + firstData.TIME);
    var endDate = moment(endData.DATE + ' ' + endData.TIME);
    var elapsedTime = moment.duration(firstDate.diff(endDate));

    function buildTableBody(data, columns) {
        var body = [];
        var cols = [];
        columns.forEach(function (col) {
            cols.push({text: col, bold: true});
        });
        body.push(cols);

        data.forEach(function (row) {
            var dataRow = [];
            columns.forEach(function (column) {
                dataRow.push(row[column].toString());
            });
            body.push(dataRow);
        });
        return body;
    }

    function table(data, columns) {
        return {columns: [
                {width: '*', text: ''},
                {
                    style: 'tableExample',
                    width: 'auto',
                    table: {
                        headerRows: 1,
                        widths: ['auto', 'auto',  'auto', 'auto', 'auto', 'auto', 'auto', 'auto'],
                        body: buildTableBody(data, columns)
                    },
                    layout: 'lightHorizontalLines'
                },
                {width: '*', text: ''}
            ]};
    }
    
    var dd = {
        header:{
                columns: [
                    {
                        text: 'File Name: ' + fileName + '\nFile Created: ' + createdAt, style: 'small',margin: [40, 10, 0, 0]
                    },
                    {
                        text: 'REDTRACK', style: 'tableHeader', alignment: 'right', margin: [0, 10, 40, 0],fontSize: 20, color: 'red', fontStyle: 'open-sans'
                    }
                ]
        },
        footer:function(currentPage, pageCount){
            return {text:'Page ' + currentPage.toString() + ' of ' + pageCount,
                    style: 'small',
                    margin: [40, 10, 0, 0]
            };
        },
        content: [
            {
                style: 'tableExample',
                table: {
                    body: [
                        [                            
                            {text: 'Data Report', border: [false, false, false, false], style: 'header'},
                        ]
                    ]
                }
            },
            {text: '[notes]', style: 'small', margin: [0, 0, 0, 8]},
            {
                columns: [
                    {
                        text: 'Device Configuration', style: 'tableHeader'
                    }
                ]
            },
            {
                style: 'tableExample',
                table: {
                    widths: ['*', '*'],
                    body: [
                        [
                            [
                                {
                                    table: {
                                        widths: ['*', '*'],
                                        body: [
                                            ['Device: {{$device->ALIAS}}', 'Firmware: 1.0.1'],
                                            ['Serial Number: {{$device->IMEI}}', 'Interval Cicle: 10 min'],
                                            ['Serial Model: PD', '']
                                        ]
                                    },
                                    layout: 'noBorders'
                                }
                            ],
                            [
                                {
                                    table: {
                                        widths: ['*'],
                                        body: [
                                            ['Trip number: {{$device->IMEI}}']
                                        ]
                                    },
                                    layout: 'noBorders'
                                }
                            ]
                        ]
                    ]
                }
            },
            {text: 'Device Information', style: 'tableHeader', margin: [0, 10, 0, 0]},
            {
                style: 'tableExample',
                table: {
                    widths: ['*'],
                    body: [
                        [
                            [
                                {
                                    table: {
                                        widths: ['*', '*'],
                                        body: [
                                            ['Carrier: {{$device->CARRIER}}', 'Invoice:  {{$device->INVOICE}}'],
                                            ['Commodity: {{$device->COMMODITY}}', 'Custom 1:  {{$device->CUSTOM_1}}'],
                                            ['Plates: {{$device->PLATES}}' , 'Custom 2:  {{$device->CUSTOM_2}}'],
                                            ['Truck: {{$device->TRUCK}}' , '--']
                                        ]
                                    },
                                    layout: 'noBorders'
                                }
                            ]
                        ]
                    ]
                }
            },
            {text: 'Loggin Summary', style: 'tableHeader', margin: [0, 10, 0, 0]},
            {
                style: 'tableExample',
                table: {
                    widths: ['*'],
                    body: [
                        [
                            [
                                {
                                    table: {
                                        widths: ['*', '*'],
                                        body: [
                                            ['Highest Temperature: ' + maxTemp.TEMP_C + '@' + maxTemp.DATE + ' ' + maxTemp.TIME, 'Start Time: ' + firstData.DATE + ' ' + firstData.TIME],
                                            ['Lowest Temperature: ' + minTemp.TEMP_C + '@' + minTemp.DATE + ' ' + minTemp.TIME, 'Stop Time: ' + endData.DATE + ' ' + endData.TIME],
                                            ['Average Temperature: ' + avgTemp + '°C', 'Data Points: ' + pdfData.length],
                                            ['Mean Kinetic Temperature: ---', 'Trip Length: ' + elapsedTime.days() + 'd' + elapsedTime.hours() + 'h' + elapsedTime.minutes() + 'm']
                                        ]
                                    },
                                    layout: 'noBorders'
                                }
                            ]
                        ]
                    ]
                }
            },
            {text: 'Humidity Summary', style: 'tableHeader', margin: [0, 10, 0, 0]},
            {
                style: 'tableExample',
                pageBreak: 'after',
                table: {
                    widths: ['*'],
                    body: [
                        [
                            [
                                {
                                    table: {
                                        widths: ['*', '*'],
                                        body: [
                                            ['Highest Humidity: ' + maxHum.HUM + '@' + maxHum.DATE + ' ' + maxHum.TIME, 'Start Time: ' + firstData.DATE + ' ' + firstData.TIME],
                                            ['Lowest Humidity: ' + minHum.HUM + '@' + minHum.DATE + ' ' + minHum.TIME, 'Stop Time: ' + endData.DATE + ' ' + endData.TIME],
                                            ['Average Humidity: ' + avgHum + '°%', 'Data Points: ' + pdfData.length],
                                            ['Mean Kinetic Temperature: ---', 'Trip Length: ' + elapsedTime.days() + 'd' + elapsedTime.hours() + 'h' + elapsedTime.minutes() + 'm']
                                        ]
                                    },
                                    layout: 'noBorders'
                                }
                            ]
                        ]
                    ]
                }
            },
            {text: 'Temperature Chart.', style: 'tableHeader', margin: [0, 8, 0, 8]},
            {
                image: "tempChartImage", margin: [0, 10, 0, 0], width: 480
            },
            {text: 'Humidity Chart.', style: 'tableHeader', margin: [0, 8, 0, 8]},
            {
                image: "humChartImage",pageBreak: 'after', margin: [0, 10, 0, 0], width: 480
            },
            {text: 'PH Chart.', style: 'tableHeader', margin: [0, 8, 0, 8]},
            {
                image: "phChartImage",pageBreak: 'after', margin: [0, 10, 0, 0], width: 480
            },
            {text: 'Route.', style: 'tableHeader', margin: [0, 8, 0, 8]},
            {
                image: "mapImage", margin: [0, 10, 0, 0], width: 520
                
            },
            {text: 'Data.', style: 'tableHeader', margin: [0, 8, 0, 8]},
            table(pdfData, ['DATE', 'TIME', 'CMD', 'TEMP_C', 'TEMP_F', 'HUM', 'LAT', 'LNG'])
        ],
	images: {
            mapImage: mapDataUrl,
            tempChartImage: tChart.getDataURL({pixelRatio: 2, backgroundColor: '#fff'}),  
            humChartImage: hChart.getDataURL({pixelRatio: 2, backgroundColor: '#fff'}),   
            phChartImage: phChart.getDataURL({pixelRatio: 2, backgroundColor: '#fff'}), 
        }, 
        styles: {
            header: {
                fontSize: 28,
                bold: true
            },
            subheader: {
                fontSize: 15,
                bold: true
            },
            quote: {
                italics: true
            },
            small: {
                fontSize: 8
            },
            tableExample: {
                margin: [0, 3, 0, 5],
                fontSize: 9
            },
            tableHeader: {
                bold: true,
                fontSize: 13,
                color: 'black'
            }
        }
    };
    
    pdfMake.createPdf(dd).download(fileName + '.pdf',function(){
        document.getElementById('pdfIcon').className = 'fa fa-file-pdf';
    });
}
</script>
@endpush