$(function (){
    var data = [];
    var yesterday = {};
    var curLottery = '/';
    var loadData = function (){
        app.Loading.start('#date-search-bar')
        $.ajax({
            url: '/?com=lotterystatistic&act=specialtomorow&ajax=1',
            type: 'POST',
            dataType: 'json',
            data: {
                toDate: $('#toDate').val(),
                lotteryId: $('#lottery').val(),
                curLottery: $('#lottery option:selected').attr('data-url'),
            },
            success: function (response){
                curLottery = response['curLottery'];
                data = parseData( response['data']);
                var htmlStartDigit = renderTable(data);
                $('#table-statistic-result').html(htmlStartDigit);

                var html = renderTablePreNextDay(lotosPrevious);
                $('#table-statistic-previous').html(html)
                var html = renderTablePreNextDay(lotosNext);
                $('#table-statistic-next').html(html)
                app.Loading.end();

            }
        })
    }
    var lotosNext = {}
    var lotosPrevious = {}
    //string type: countStartDigit, countEndDigit countSumLasted2Digit
    var renderTable = function (items){
        var htmlTable = '<table class="table-fixed tbldata table-result-lottery table-statistics numbers-normally table-word-wrap"><thead><tr>';
        htmlTable+='</tr>';
        htmlTable+='<tr><th colspan="2" class="break-word">Loto ĐB ngày trước</th><th colspan="2" class="cell-highlight break-word">Ngày xuất hiện Loto ĐB <span class="text-red">'+yesterday.number.substr(-2)+'</span></th><th colspan="2" class="break-word">Loto ĐB ngày tiếp theo</th></tr>';
        htmlTable+='<tr><th >Ngày</th><th class="break-word">Giải ĐB</th><th class="cell-highlight">Ngày</th><th class="cell-highlight break-word">Giải ĐB</th><th>Ngày</th><th class="break-word">Giải ĐB</th></tr>';
        htmlTable+='</thead>';
        htmlTable+='<tbody>';
        var dates = Object.keys(items).sort();
        dates.forEach(function (d){
            var item = items[d];
            htmlTable+='<tr>';

            var lotoPreviousSpin = item.previousSpinNumberDay?item.previousSpinNumberDay.number.substr(-2):'';
            if(typeof lotosPrevious[lotoPreviousSpin] === 'undefined'){
                lotosPrevious[lotoPreviousSpin] = {
                    number: lotoPreviousSpin,
                    count: 0,
                };
            }
            lotosPrevious[lotoPreviousSpin].count +=1;
            htmlTable+='<td class="break-word"><a href="{1}">{0}</a></td>'.format(
                item.previousSpinNumberDay?kqxs.formatDateIsoToVN(item.previousSpinNumberDay.date,'/'):'',
                item.previousSpinNumberDay?curLottery+'?date='+kqxs.formatDateIsoToVN(item.previousSpinNumberDay.date,'-'):'#'
            );


            htmlTable+='<td class="break-word">{0}</td>'.format(
                item.previousSpinNumberDay?kqxs.highlightedLotoNumber(item.previousSpinNumberDay.number):'',
            );
            //column 2
            htmlTable+='<td class="break-word cell-highlight"><a href=""><a href="{1}">{0}</a></td>'.format(
                kqxs.formatDateIsoToVN(item.date,'/'),
                curLottery+'?date='+kqxs.formatDateIsoToVN(item.date,'-')
            );
            htmlTable+='<td class="break-word cell-highlight">{0}</td>'.format(
                kqxs.highlightedLotoNumber(item.number)
            );


            //column 3
            var lotoNextSpin = item.NextSpinNumberDay.number.substr(-2);
            if(typeof lotosNext[lotoNextSpin] === 'undefined'){
                lotosNext[lotoNextSpin] = {
                    number: lotoNextSpin,
                    count: 0,
                };
            }
            lotosNext[lotoNextSpin].count +=1;

            htmlTable+='<td class="break-word"><a href="{1}">{0}</a></td>'.format(
                kqxs.formatDateIsoToVN(item.NextSpinNumberDay.date,'/'),
                curLottery+'?date='+kqxs.formatDateIsoToVN(item.NextSpinNumberDay.date,'-')
            );

            htmlTable+='<td class="break-word">{0}</td>'.format(
                kqxs.highlightedLotoNumber(item.NextSpinNumberDay.number),
            );


            htmlTable+='</tr>';
        })

        lotosNext = Object.values(lotosNext);
        lotosPrevious = Object.values(lotosPrevious);
        htmlTable+='</tbody></table>';
        return htmlTable;
    }

    var renderTablePreNextDay = function (items){
       var numbers = kqxs.spliceArrayIntoChunks(items,4);
        var htmlTable = '<table class="table-fixed tbldata table-result-lottery table-statistics numbers-normally table-word-wrap"><thead><tr>';
        htmlTable+='</tr>';
        htmlTable+='<tr><th>Bộ số</th><th>Số lần</th> <th>Bộ số</th><th>Số lần</th> <th>Bộ số</th><th>Số lần</th> <th>Bộ số</th><th>Số lần</th> </tr>';
        htmlTable+='</thead>';
        htmlTable+='<tbody>';
        for(var i in numbers ){
            htmlTable += '<tr>';
            numbers[i].forEach(function (item){
                htmlTable += '<td><span class="text-red text-bold">{0}</span></td><td>{1}</td>'.format(item.number, item.count);
            })
            if((4-numbers[i].length)>0){
                for(var j=1;j<=(4-numbers[i].length);j++){
                    htmlTable += '<td></td><td></td>'
                }
            }
            htmlTable += '</tr>';
        }

        htmlTable+='</tbody></table>';
        return htmlTable;
    }

    var parseData = function (data) {
        //var today = data.shift();
        yesterday = data.shift();

        /*

         Các kết quả mà ngày trước đó cũng có loto đặc biệt <span id="special-loto-number"></span>,
         Ngày <span id="spin-number-date"></span>, Giải Đặc Biệt:
          <span id="special-number"></span>
         */

        var yesterdayLoto = yesterday['number'].substr(-2,2);
        $('.special-loto-number').html(yesterdayLoto);
        $('#spin-number-date').html('<a href="{1}">{0}</a>'.format(
            kqxs.formatDateIsoToVN(yesterday.date,'/')),
            curLottery+'?date='+kqxs.formatDateIsoToVN(yesterday.date,'-')
        );
        $('#special-number').html('{0}'.format( kqxs.highlightedLotoNumber(yesterday.number)));
        var arrData = [];
        for (var i in data) {
            var item = data[i];
            if(yesterdayLoto == item['number'].substr(-2,2)){
                i = parseInt(i);
                item.previousSpinNumberDay = (typeof data[i+1] !== "undefined")?data[i+1]:null;
                item.NextSpinNumberDay = (typeof data[i-1] !== "undefined")?data[i-1]:null;
                arrData.push(item);
            }
        }
        return arrData;
    }
    loadData();


    $('#btn-view-by-special-tomorow').click(function (){
        $('#lottery-name').html($('#lottery option:selected').html())
        loadData();
    })
})