var shell = require('electron').shell;
var config = require('./config.json')
var pjson = require('./package.json');
var handlers = require('./handlers.js');

var debugmiddleware = require('./debugmiddleware.js');
const progName = pjson.name;
const version = pjson.version;
var myNick = config.nick;
var server = config.server;
var port = config.port;
var password = config.password;
$(document).ready(function() {
  $("#send-message").focus();
});

$(document).on('click', 'a[href^="http"]', function(event) {
    event.preventDefault();
    shell.openExternal(this.href);
});

const irc = require('irc');
const IRC = require('irc-framework');
const client = new IRC.Client()

$("#server-input").val(config.server);
$("#port-input").val(config.port);
$("#nick-input").val(config.nick);
$("#password-input").val(config.password);
var channels = config.channels
var txtChannels = "";

config.channels.forEach(function(channel) {
  txtChannels += channel + " "
});
txtChannels = txtChannels.substring(0, txtChannels.length-1)

$("#channel-input").val(txtChannels);

$('#connect').on('click', function() {
console.log($("#channel-input").val());
  server = $("#server-input").val();
  port = $("#port-input").val();
  channels = $("#channel-input").val().split(" ");
  myNick = $("#nick-input").val();
  password = $("#password-input").val();
  ssl = ($("#ssl-input:checked").val() == "on");
  console.log(ssl);
  client.use(debugmiddleware.DebugMiddleware());
  console.log(server)
  client.connect({
    host: server,
    port: port,
    nick: myNick,
    username: myNick,
    gecos: myNick,
    password: password,
    tls: ssl,
    rejectUnauthorized: false,
    version: "blachat 0.1.3"
  });

  handlers.setChannels(channels);
  handlers.handleCommands(client);



  $("#chan-container").show();
  $("#message").show();
  $("#connect-container").hide();

});

function imagify(url, channel) {
  console.log(url);
  $.ajax({
  		type: 'HEAD',
  		url: url,
  		complete: function(xhr) {
        var type = xhr.getResponseHeader('Content-Type')
  			var size = xhr.getResponseHeader('Content-Length');
        console.log(type);
        console.log(size);
        if (size < 10000000) {
          $("[data-img='"+url+"']").append("("+humanize(size)+")");
          $("[data-img='"+url+"']").append("<p class='chat-line'><img src="+url+" onload=scrollToTop('"+channel+"')></p>");
          $("[data-img='"+url+"']").removeClass("loading");

        }

  		}
  	});

    return "<div data-img='"+url+"' class='ui image loading'></div>";

}

function humanize(size) {
	var units = ['bytes', 'kB', 'MB', 'GB', 'TB', 'PB'];
	var ord = Math.floor(Math.log(size) / Math.log(1000));
	var s = Math.round((size / Math.pow(1000, ord)) * 100) / 100;
	return s + ' ' + units[ord];
}

var numChans = 1;
$("#send-message").keypress(function(e) {
    if(e.which == 13) {
      var message = $("#send-message").val();
      var channel = $(".tab.active").attr("data-tab")
      if (message.indexOf("/join") == 0) {
        joinChannel(message.substring(6, message.length), true);
      } else if (message.indexOf("/part") == 0) {
        if (message.length > 6) {
          channel = message.substring(6, message.length);
        }
        removeChannel(channel, true);
      } else if (message.indexOf("/whois") == 0) {
        console.log("whois "+message.substring(7, message.length));
        client.whois(message.substring(7, message.length));
      } else if (message.indexOf("/list") == 0) {
        client.list();
      } else if (message.indexOf("/msg") == 0) {
        nick = message.split(" ")[1];
        message = message.substring(6+nick.length, message.length);
        sendPm(message, nick);
      } else if (message.indexOf("/topic") == 0) {
        var channel = $(".tab.active").attr("data-tab")
        topic = message.substring(7, message.length);
        setTopic(channel, topic);
      } else if (message.indexOf("/") == 0) {
        command = message.split(" ")[0].replace("/","");
        commandArgs = message.replace(command + " ", "");
        client.send("kick", ["#wtest", "wjoe__", "test"]);
      } else {
        var tab = $(".tab.active").attr("data-tab");
        if (tab.startsWith("#")) {
          sendMsg(message, channel);

        } else {
          sendPm(message, tab);
        }
      }
      $("#send-message").val('');
    }
});

function sendMsg(message, channel) {
  client.say(channel, message);
  var chanTab = $("[data-tab='"+ channel +"'].chat");
  chanTab.append("<p class='chat-line'>&lt;" + myNick + "&gt; " + message +"</p>");
  chanTab.scrollTop(chanTab.prop("scrollHeight"));
}

function sendPm(message, nick) {

  var chanTab = $("[data-tab="+nick+"].tab");
  $(".active").removeClass("active");
  if (chanTab.length == 0) {
      $(".ui.menu").append("<a class='active item' data-id='"+numChans+"' data-tab='"+nick+"'>"+nick+"</a>");
      $("#chan-container").append("<div class='ui active tab' data-id='"+numChans+"' data-tab='"+nick+"'></div>");
      chanTab = $("[data-tab="+nick+"].tab");
      chanTab.append("<div class='ui segment chat' data-id='"+numChans+"' data-tab='"+nick+"'></div>");

      $('.menu .item').tab({history:false});
      numChans++;
  }
  $("[data-tab="+nick+"]").addClass("active");
  var chatTab = $("[data-tab="+nick+"].chat");
  console.log(nick + ': ' + message);
  client.say(nick, message);
  chatTab.append("<p class='chat-line'>&lt;" + myNick + "&gt; " + message +"</p>");
  chatTab.scrollTop(chanTab.prop("scrollHeight"));
}

function setTopic(channel, topic) {
  client.send("TOPIC", channel, topic);
}

function joinChannel(channel, sendJoin) {

    var channelObj = client.channel(channel);
  if (sendJoin) {
    channelObj.join();
    channelObj.say("beep");
  }
  chanId = $(".active.chat").attr("data-id")

  $(".active").removeClass("active");

  $(".ui.menu").append("<a class='active item' data-id='"+numChans+"' data-tab='"+channel+"'>"+channel+"</a>");
  $("#chan-container").append("<div class='ui active tab' data-id='"+numChans+"' data-tab='"+channel+"'></div>");

  var chanTab = $("[data-tab='"+ channel +"'].tab");

  chanTab.append("<div class='ui selection list users' data-id='"+numChans+"' data-tab='"+channel+"'></div>");
  chanTab.append("<div class='ui segment chat' data-id='"+numChans+"' data-tab='"+channel+"'></div>");
  chanTab.append("<div class='ui topic' data-id='"+numChans+"' data-tab='"+channel+"'></div>");

  $('.menu .item').tab({history:false});

  numChans++;
}

function removeChannel(channel, sendPart) {
  chanId = $("[data-tab='"+channel+"'].chat").attr("data-id");
  $("[data-tab='"+channel+"']").remove();
  if (sendPart) {
    client.part(channel);
  }
  while ($("[data-id="+(chanId-1)+"]").length == 0 && chanId >=0) {
    chanId--;
  }
  $("[data-id="+(chanId-1)+"]").addClass("active");
}

function createListeners(client) {


client.addListener('error', function(message) {
    console.log('error: ', message);
});

client.addListener('registered', function() {
  channels.forEach(function(channel) {
    joinChannel(channel, false);
  });
});

client.addListener('motd', function(motd) {
  var statusTab = $("[data-tab=status].chat");
  statusTab.append("<p class='chat-line'>"+motd+"</p>")
  statusTab.scrollTop(statusTab.prop("scrollHeight"));
});

client.addListener('raw', function(message) {
  var statusTab = $("[data-tab=status].chat");
  statusCmds = ["NOTICEAUTH", "rpl_welcome, rpl_yourhoust", "rpl_created", "rpl_myinfo", "rpl_isupport", "rpl_luserclient", "rpl_luserop", "rpl_luserme", "rpl_luserchannels", "rpl_localusers", "rpl_globalusers"];
  if (statusCmds.indexOf(message.command) > -1 || message.command.startsWith("rpl_")) {
    statusTab.append("<p class='chat-line'>"+message.command + ": " +message.args+"</p>")
    statusTab.scrollTop(statusTab.prop("scrollHeight"));
  }
});

client.addListener('ctcp-version', function(from, to, text, message) {
  client.ctcp(from, "VERSION", "VERSION "+progName + " v"+ version)
});


client.addListener('names', function(channel, nicks) {
  channel = channel.replace("#","")
  if($(".ui.tab[data-tab=chan-"+channel+"]").length == 0) {
    joinChannel(channel, false)
  }
  for(nick in nicks) {
    var mode = nicks[nick];
    if($(".ui.users[data-tab=chan-"+channel+"] [data-nick="+nick+"]").length == 0) {
      $(".ui.users[data-tab=chan-"+channel+"]").append("<div class=item data-nick="+nick+">"+mode+nick+"</div>")
    }
  }
});
-
client.addListener('join', function(channel, nick) {
    channel = channel.replace("#","")
    if($(".ui.users[data-tab=chan-"+channel+"] [data-nick="+nick+"]").length == 0) {
      $(".ui.users[data-tab=chan-"+channel+"]").append("<div class=item data-nick="+nick+">"+nick+"</div>")
    }
    var chatTab = $("[data-tab=chan-"+ channel +"].chat");
    chatTab.append("<p class='chat-line'>"+nick+" joined #"+channel+"</p>")
});

client.addListener('part', function(channel, nick) {
    channel = channel.replace("#","")
    if($(".ui.users[data-tab=chan-"+channel+"] [data-nick="+nick+"]").length > 0) {
      $(".ui.users[data-tab=chan-"+channel+"] [data-nick="+nick+"]").remove();
    }
    var chatTab = $("[data-tab=chan-"+ channel +"].chat");
    chatTab.append("<p class='chat-line'>"+nick+" left #"+channel+"</p>")
    chatTab.scrollTop(chatTab.prop("scrollHeight"));
});

client.addListener('quit', function(nick, reason, channels, message) {
  channels.forEach(function(channel) {
    channel = channel.replace("#","")
    if($(".ui.users[data-tab=chan-"+channel+"] [data-nick="+nick+"]").length > 0) {
      $(".ui.users[data-tab=chan-"+channel+"] [data-nick="+nick+"]").remove();
    }
    var chatTab = $("[data-tab=chan-"+ channel +"].chat");
    chatTab.append("<p class='chat-line'>"+nick+" quit ("+reason+")</p>")
    chatTab.scrollTop(chatTab.prop("scrollHeight"));
  });

});

client.addListener('pm', function(nick, text, message) {

    if($(".ui.tab[data-tab=pm-"+nick+"]").length == 0) {
      $(".ui.menu").append("<a class='item' data-id='"+numChans+"' data-tab='pm-"+nick+"'>"+nick+"</a>");
      $("#chan-container").append("<div class='ui tab' data-id='"+numChans+"' data-tab='pm-"+nick+"'></div>");
      var chanTab = $("[data-tab=pm-"+ nick +"].tab");
      chanTab.append("<div class='ui segment chat' data-id='"+numChans+"' data-tab='pm-"+nick+"'></div>");
      numChans++;
      $('.menu .item').tab({history:false});
    }
    var chatTab = $("[data-tab=pm-"+ nick +"].chat");
    chatTab.append("<p class='chat-line'>&lt"+nick+"&gt "+text+"</p>")
    chatTab.scrollTop(chatTab.prop("scrollHeight"));
});

client.addListener('kick', function(channel, nick, by, reason, message) {
    if (myNick == nick) {
      removeChannel(channel, false);
    } else {
      channel = channel.replace("#","");
      if($(".ui.users[data-tab=chan-"+channel+"] [data-nick="+nick+"]").length > 0) {
        $(".ui.users[data-tab=chan-"+channel+"] [data-nick="+nick+"]").remove();
      }
      var chatTab = $("[data-tab=chan-"+ channel +"].chat");
      chatTab.append("<p class='chat-line'>"+nick+"was kicked from #"+channel+" by "+by+" ("+reason+")</p>")
      chatTab.scrollTop(chatTab.prop("scrollHeight"));
    }
});

client.addListener('kill', function(nick, reason, channels, message) {
  channels.forEach(function(channel) {
    channel = channel.replace("#","")
    if($(".ui.users[data-tab=chan-"+channel+"] [data-nick="+nick+"]").length > 0) {
      $(".ui.users[data-tab=chan-"+channel+"] [data-nick="+nick+"]").remove();
    }
    var chatTab = $("[data-tab=chan-"+ channel +"].chat");
    chatTab.append("<p class='chat-line'>"+nick+" was killed by the server ("+reason+")</p>")
    chatTab.scrollTop(chatTab.prop("scrollHeight"));
  });
});

client.addListener('topic', function(channel, topic, nick, message) {
    channel = channel.replace("#","");
    var chatTab = $("[data-tab=chan-"+ channel +"].chat");
    if($(".ui.tab[data-tab=chan-"+channel+"]").length == 0) {
      joinChannel(channel, false)
    }
    chatTab.append("<p class='chat-line'>Topic for #"+channel+" is "+topic+" - set by "+nick+" at "+message.args[3]+"</p>")
    var topicTab = $("[data-tab=chan-"+ channel +"].topic");
    topicTab.html("<p class='topic-line'>"+topic+"</p>")
});

client.addListener('whois', function(info) {
  console.log(info)
  var chatTab = $(".active .chat");
  chatTab.append("<p class='chat-line'> Nick:"+info.nick+"</p>");
  chatTab.append("<p class='chat-line'> User:"+info.user+"</p>");
  chatTab.append("<p class='chat-line'> Host:"+info.host+"</p>");
  chatTab.append("<p class='chat-line'> Real Name:"+info.realname+"</p>");
  chatTab.append("<p class='chat-line'> Channels:");
  for (channel in info.channels) {
    chatTab.append(" "+info.channels[channel])
  }
  chatTab.append("</p>")
  chatTab.append("<p class='chat-line'> Server:"+info.server+"</p>");
  chatTab.append("<p class='chat-line'> Server Info:"+info.serverinfo+"</p>");
  chatTab.append("<p class='chat-line'>"+info.operator+"</p>");
  chatTab.scrollTop(chatTab.prop("scrollHeight"));
});

client.addListener('+mode', function(channel, by, mode, argument, message) {
    console.log(message)
    channel = channel.replace("#","")
    var chatTab = $("[data-tab=chan-"+ channel +"].chat");
    var modeLine = mode;
    if (mode == "o") {
      modeLine = " gives channel operator status to " + argument;
    } else if (mode == "v") {
      modeLine = " gives voice to " + argument;
    } else if (mode == "h") {
      modeLine = " gives channel half-operator status to " + argument;
    } else if (mode == "q") {
      modeLine = " gives channel owner status to " + argument;
    } else if (argument == myNick) {
      modeLine = " sets mode +" + mode + " on " + argument;
    } else if (argument != null) {
      modeLine = " sets mode " + mode + " " + argument + " on #" +channel;
    } else {
      modeLine = " sets mode +"+mode+" on #" +channel
    }
    var chatTab = $("[data-tab=chan-"+ channel +"].chat");
    chatTab.append("<p class='chat-line'>"+by+modeLine+"</p>");
    chatTab.scrollTop(chatTab.prop("scrollHeight"));
});

client.addListener('-mode', function(channel, by, mode, argument, message) {
  channel = channel.replace("#","")
  var chatTab = $("[data-tab=chan-"+ channel +"].chat");
  var modeLine = mode;
  if (mode == "o") {
    modeLine = " removes channel operator status from ";
  } else if (mode == "v") {
    modeLine = " removes voice from ";
  } else if (mode == "h") {
    modeLine = " removes channel half-operator status from ";
  } else if (mode == "q") {
    modeLine = " removes channel owner status from ";
  } else if (argument == myNick) {
    modeLine = " sets mode -"+mode+" on " + argument;
  } else if (argument != null) {
    modeLine = " sets mode -" + mode + " " + argument + " on #" +channel;
  } else {
    modeLine = " sets mode -"+mode+" on #" +channel
  }
  var chatTab = $("[data-tab=chan-"+ channel +"].chat");
  chatTab.append("<p class='chat-line'>"+by+modeLine+"</p>");
  chatTab.scrollTop(chatTab.prop("scrollHeight"));
});

client.addListener('channellist', function(channelList) {
  var statusTab = $("[data-tab=status].chat");
  statusTab.append("<p class='chat-line'>Channel List:</p>")
  for (i in channelList) {
    if (channelList[i].topic == null) {
      statusTab.append("<p class='chat-line'>"+channelList[i].name+" ("+channelList[i].users+")</p>");
    } else {
      statusTab.append("<p class='chat-line'>"+channelList[i].name+" ("+channelList[i].users+") : "+channelList[i].topic+"</p>");
    }
    statusTab.scrollTop(statusTab.prop("scrollHeight"));
  }
});

}