window.meme = function() {
  window.socket11 = io.connect("ws://127.0.0.1:8081");
  console.log("meme");
  socket11.on('count', function(count) {
    $("#botCount").html(count);
 });
  function msToTime(s) {
        if(s<0){return '0h 0m 0s';}
        var ms = s % 1000;
        s = (s - ms) / 1000;
        var secs = s % 60;
        s = (s - secs) / 60;
        var mins = s % 60;
        var hrs = (s - mins) / 60;
        secs = (secs.toString().length<2 ? '0' : '') + secs;
        mins = (mins.toString().length<2 ? '0' : '') + mins;
        hrs = (hrs.toString().length<2 ? '0' : '') + hrs;
        return hrs + 'h ' + mins + 'm ' + secs + 's';
  }
  socket11.on('time-left', function(count) {
    $("#timeCount").html(msToTime(count));
  });
};

window.start = function() {
  socket11.emit("server", window.agar.currentServer);
  setInterval(function() {
    socket11.emit("pos", window.agar.playerX, window.agar.playerY);
    socket11.emit("n", window.n || "SizRex YT");
    console.log(window.n || "SizRex YT");
  }, 50);
};

document.addEventListener("keydown", function(k) {
  var key = String.fromCharCode(k.keyCode).toUpperCase();
  switch (key) {
    case "E":
      socket11.emit("botEvent", "split");
      break;
    case "R":
      socket11.emit("botEvent", "eject");
      break;

  }

});

window.onload = function() {
$('head').append('<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">')
  $('body').append(`
  <div id="botClient" style="position: absolute; top: 200px; left: 20px; padding: 0px 10px; font-family: Tahoma; color: rgb(255, 255, 255); z-index: 9999; border-radius: 5px; min-height: 15px; min-width: 200px; background-color: rgba(0, 0, 0, 2);">
    <div id="counter"><center><b>Gota.io Bots</b></center></div>
    <hr>
    <div id="important"><center><b>Bot Info</b></center></div>
    <div><b>Bot Count</b>: <span id="botCount" class="label label-success pull-right">0</span></div>
    <div><b>Time Left</b>: <span id="timeCount" class="labe label-success pull-right">Waiting...</span></div>
    <div id="important"><center><b>Bot Controls</b></center></div>
    <div><b>Split</b>: <span id="botAI" class="label label-success pull-right">E</span></div>
    <div><b>Feed</b>: <span id="botStopped" class="label label-success pull-right">R</span></div>
    <div><b>Chat Spam</b>: <span id="chatSpam" class="label label-success pull-right">C</span></div>
    <br>
    <input class="form-control" onchange="window.n=this.value;" placeholder="Bot's Nick"></input>
    <br>
     <a onclick="window.start();" class="btn btn-success btn-xs" id="startBots" style="border-radius: 15px 50px;margin-left: 10px;margin-top: -15px;font-size: 14px; background-color:#13EC17;color:white;">Start Bots</a>
    <a class="btn btn-success btn-xs" id="stopBots" style="border-radius: 50px 15px;margin-left: 25px;margin-top: -15px;font-size: 14px; background-color:#FF0000;color:white;">Stop Bots</a></div>
    <br>
    <br>
    </div>`);
var dfs = $(document).off('click', '#startBots').on('click', '#startBots', function (e) {
                console.log('Start button clicked');

                socket.emit("cmd", {
            "name": "start",
        });
        });
    var dsz = $(document).off('click', '#stopBots').on('click', '#stopBots', function (e) {
                console.log('Stop button clicked');

                socket.emit("cmd", {
            "name": "stop",
        });
            });

}