var html = '';
var options = '';
var checks = '';
var echo = '';
var this_page = 1;
var show_rows = 5;
var from = 0;

//var date = new Date(new Date().getTime() + 60 * 1000);
var date = new Date;
date.setDate(date.getDate() + 7);
var echo = document.cookie;


$(function() {

  //extentions
  $.ajax({
    url:"https://dynamic.lessmore.pw/idec/x/features",
    success:function(data) {
      $("#extentions").html("<b>" + data.replace("\n","<br>") + "</b>");
    }
  })

  //initial load
  if (echo != '') { requestEcho();
  } else {
    requestEmptyEcho();
  }

  //create echoes list  
    $.ajax({
            url:"https://dynamic.lessmore.pw/search",
            type:"POST",
            data: '{"sort": [ { "date":   { "order": "desc" }}, { "_score": { "order": "desc" }}],"aggs": {"my_fields": {  "terms": { "field": "echo","size": 1000}}}}}',
            success:function(messages){for (i in messages['aggregations']['my_fields']['buckets']){
        
              var msg = messages['aggregations']['my_fields']['buckets'][i]['key'];
              var doc_count = messages['aggregations']['my_fields']['buckets'][i]['doc_count'];

              msg_test = msg + " ";
              echo_test = echo + " ";
              if((echo_test).indexOf(msg_test) > -1 && echo != '') {
                options += '<option value="' + msg + '" selected>'  + msg   + " (<b>" + doc_count + "</b>)</option>";            
                checks += '<span class="row"><input type="checkbox" class="echoes"  name="ec" value="' + msg  + '" checked><label>' 
                + msg
                + '</label> <span style="color:#838784">('+ doc_count 
                + ')</span><br></span>';
              } else { 
                 options += '<option value="' + msg + '" >'	+ msg 	+ " (<b>" + doc_count + "</b>)</option>";
                 checks += '<span class="row"><input type="checkbox" class="echoes"  name="ec" value="' + msg  + '"><label>'
                + msg
                + '</label> <span style="color:#838784">('+ doc_count
                + ')</span><br></span>';}
              }

              $('#echoSelected').html("Выбранные эхи: " + document.cookie);
              $('#echoSelector').html(options);
              $('#echoCheckBox').html(checks);}
    })
  
  $('.echoes:checked').each(function() {
      echo = '';
      echo += $(this).val()[i] + " ";
  });

  var boxes = $("input[type=checkbox]");

  $("#echoCheckBox").on('change', function() {
    echo = '';
    for (var i=0; i<$("input[type=checkbox]:checked").length; i++) {
      echo += $("input[type=checkbox]:checked")[i]["defaultValue"] + " ";}
      document.cookie = echo +"; path=/; expires=" + date.toUTCString();
      $('#echoSelected').html("Выбранные эхи: " + echo);
  });

  $('#echoSelector').on('change', function() {
    echo = ''; 
    html = '';
    for (i in $(this).val()) {
        echo += $(this).val()[i] + " "; 
    }
    document.cookie = echo +"; path=/; expires=" + date.toUTCString();
    requestEcho();
    $('#echoSelected').html("Выбранные эхи: " + echo)

    if (echo == "") requestEmptyEcho();
  });

  //scroll to show more messages
  $(window).scroll(function() {
        // console.log($(document).height() - $(window).height()-$(window).scrollTop());
        if ($(document).height() - $(window).height() - $(window).scrollTop() < 1.5) {
            showMore(); 
            //console.log($(document).height() - $(window).height() - $(window).scrollTop());
        } 
  });

}) //end of .ready() method


function ajaxRequest(data) {
    $.ajax({
            url:"https://dynamic.lessmore.pw/search",
            type:"POST",
            data: data,
            success:function(messages){
              callback(messages);
              $("#mes").html(html);
            }
    })

}

function requestEmptyEcho() {
    var data =  '{"sort": [{"date": {"order": "desc"}}, {"_score": {"order": "desc" }}], "size": 5}';
    ajaxRequest(data);
}

function requestEcho() {
    var data = '{"sort": [{"date": {"order": "desc"}}, {"_score": { "order": "desc" }}], "query": {"query_string" : {"fields": ["echo"], "query": "' + echo + '"}}, "size":' + 5 + '}';
    ajaxRequest(data);
}

function requestEchoOffset() {
    var data = '{"sort": [ { "date":   { "order": "desc" }}, { "_score": { "order": "desc" }}], "query": {"query_string" : {"fields" : ["echo"], "query" :"' + echo + '"}}, "size":'+ show_rows + ', "from":'+ from + '}';
    ajaxRequest(data);
}




//show messages
function callback(messages) {
    var msgArray = messages["hits"]["hits"];
    for (hit in msgArray) {
        var msgItem = msgArray[hit]['_source'];
        var t = new Date(msgItem['date'] * 1000);
        var t_formatted = t.getFullYear() + "/" + (t.getMonth() + 1) + "/" + t.getDate() + " " + t.getHours() + ":" + t.getMinutes() + ":" + t.getSeconds();
        msg = msgItem['message'].replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;').replace(new RegExp("\n",'g'), "<br>\n");
        var to = 
        html += '<div class="msg"><p align="right">' + t_formatted + '</p> <p style="font: 1.5em Open Sans, sans-serif;">'
            + msgItem['subg'] + '</p><p>Echo: '
            + msgItem['echo']  + '<br>Author: ' + msgItem['author']
            + '<br>To: ' + msgItem['to']
            + '</p><p>'  + msg
            + '</p><p align="right">' + msgItem['msgid'] + '</p></div>' ;
    }
}

//show more messages
function showMore(){
    this_page += 1;
    from += show_rows;
    var author = "(author:Difrex)";
    if (echo != '') {
        requestEchoOffset();
    } else {
        requestEmptyEcho();
    }
}

function searchEcho() {
  var input, filter, box, row;
  input = $("#myInput").val();
  input = input.toLowerCase();

  box = $("label");
  row = $(".row");

  for (i = 0; i<box.length; i++) {
    if (box[i].innerHTML.indexOf(input) > -1) {
      row[i].style.display = "";
    } else {
      row[i].style.display = "none";
    }
  }
}


function clearFilter() {
    document.cookie = "";
}

function showMenu() { 
    if ($("#dropdown-content").css("display") == "none") {
        $("#dropdown-content").css("display","block");
    } else {
        $("#dropdown-content").css("display","none");
    }
}