var linkify = require("linkifyjs");
var linkifyHtml = require('linkifyjs/html');
var util = require("./util.js")
var commands = require("./commands.js")
var globals = require("./globals.js")
var numChans = globals.channels.length + globals.pms.length;
var channels;
var client;
var myNick = ""
module.exports.setChannels = function(myChannels) {
  channels = myChannels;
}
module.exports.handleCommands = function(myClient) {
    client = myClient;
    client.on('registered', function(event) {
        channels.forEach(function(channelStr) {
          commands.joinChannel(channelStr, true);
        });
    });
    client.on('message', function(event) {
      receiveMsg(event.target, event.nick, event.message)
    })

    client.on('userlist', function(event) {
        channel = event.channel
        if($(".ui.tab[data-tab='"+channel+"']").length == 0) {
          commands.joinChannel(channel, false)
        }
        event.users.forEach(function (user) {
          var nick = user.nick
          var mode = ""
          user.modes.forEach(function (modeChar) {
            if (modeChar === "o") {
              mode = "@"
            } else if (modeChar === "h") {
              mode = "%"
            } else if (modeChar === "v") {
              mode = "+"
            }
          })
          if($(".ui.users[data-tab='"+channel+"'] [data-nick="+nick+"]").length == 0) {
            $(".ui.users[data-tab='"+channel+"']").append("<div class=item data-nick="+nick+">"+mode+nick+"</div>")
          }
        })
    })

    client.on('topic', function(event) {
      channel = event.channel
      topic = event.topic
      //TODO: Handle topicsetby to add the user and time for the topic
      nick = "vov"
      time = "vov"
      var chatTab = $("[data-tab='"+ channel +"'].chat");
      if($(".ui.tab[data-tab='"+channel+"']").length == 0) {
        commands.joinChannel(channel, false)
      }
      chatTab.append("<p class='chat-line'>Topic for "+channel+" is "+topic+" - set by "+nick+" at "+time+"</p>")
      var topicTab = $("[data-tab='"+ channel +"'].topic");
      topicTab.html("<p class='topic-line'>"+topic+"</p>")
    })

    client.on('whois', function(event) {
        var nick = event.nick
        var chatTab = $(".active .chat");
        chatTab.append("<p class='chat-line'>"+event.nick+": "+event.user+"@"+event.host+"</p>");
        chatTab.append("<p class='chat-line'> Real Name: "+event.real_name+"</p>");
        chatTab.append("<p class='chat-line'> Channels: " + event.channels+"</p>");
        chatTab.append("<p class='chat-line'> Server: "+event.server+" "+event.server_info+"</p>");
        if (event.operator.length > 0) {
            chatTab.append("<p class='chat-line'>"+event.operator+"</p>");
        }
        if (event.registered_nick.length > 0) {
            chatTab.append("<p class='chat-line'>"+event.registered_nick+"</p>");
        }
        if (event.away.length > 0) {
            chatTab.append("<p class='chat-line'>"+event.away+"</p>");
        }
        if (event.secure) {
            chatTab.append("<p class='chat-line'>is using a secure connection</p>");
        }
        chatTab.scrollTop(chatTab.prop("scrollHeight"));

    })

    client.on('channel list', function(event) {
        var statusTab = $("[data-tab='status'].chat");
        statusTab.append("<p class='chat-line'>Channel List:</p>")
        event.forEach( function(channel) {
          if (channel.topic.length == 0) {
            statusTab.append("<p class='chat-line'>"+channel.channel+" ("+channel.num_users+")</p>");
          } else {
            statusTab.append("<p class='chat-line'>"+channel.channel+" ("+channel.num_users+") : "+channel.topic+"</p>");
          }
          statusTab.scrollTop(statusTab.prop("scrollHeight"));
        })
    })


    client.on('join', function(event) {
        var channel = event.channel
        var nick = event.nick
        if($(".ui.users[data-tab='"+channel+"'] [data-nick="+nick+"]").length == 0) {
          $(".ui.users[data-tab='"+channel+"']").append("<div class=item data-nick="+nick+">"+nick+"</div>")
        }
        var chatTab = $("[data-tab='"+ channel +"'].chat");
        chatTab.append("<p class='chat-line'>"+nick+" joined "+channel+"</p>")
    });

    client.on('part', function(event) {
        var channel = event.channel
        var nick = event.nick
        var message = event.message

        if($(".ui.users[data-tab='"+channel+"'] [data-nick="+nick+"]").length > 0) {
            $(".ui.users[data-tab='"+channel+"'] [data-nick="+nick+"]").remove();
        }
        var chatTab = $("[data-tab='"+ channel +"'].chat");

        chatTab.append("<p class='chat-line'>"+nick+" left "+channel+" ("+message+")</p>")
        chatTab.scrollTop(chatTab.prop("scrollHeight"));
    });

    client.on('quit', function(event) {
        var nick = event.nick
        var message = event.message


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

        });
    })

}

function receiveMsg(target, from, message) {
  // message = message.autoLink( {
  //   callback: function(url) {
  //     return /\.(gif|png|jpe?g)$/i.test(url) ? '<img src="' + url + '">' : null;
  //   },
  //   target: "_blank"
  // });
  // console.log(message.autoLink());
  numChans = globals.channels.length
  console.log(from + ' => '+ target +': ' + message);

  if (target === client.user.nick) {
      target = from
  }
  var chatTab = $("[data-tab='"+ target +"'].chat");

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

      $('.menu .item').tab({history:false});
      global.channels.push(target)
      numChans++;
      chatTab = $("[data-tab="+ target +"].chat");
  }

  message = linkifyHtml(message);

  chatTab.append("<p class='chat-line'>&lt;" + from + "&gt; " + message +"</p>");
  var imgMatch = message.match(/[a-z0-9\-]+[\.:]\S+\.(gif|png|jpe?g|bmp)/);
  var vidMatch = message.match(/[a-z0-9\-]+[\.:]\S+\.(webm|mp4)/);
  var audioMatch = message.match(/[a-z0-9\-]+[\.:]\S+\.(mp3|wav|ogg)/);
  var youtubeMatch = message.match(/(https?\:\/\/)?(www\.)?(youtube\.com|youtu\.be)\/(watch\?v=)?[a-z0-9A-Z_\-]+/);
  if (imgMatch != null && imgMatch.length > 0) {
    var image = util.imagify(imgMatch[0],target);
    chatTab.append("<p class=chat-line>"+image+"</p>");
  }
  if (vidMatch != null && vidMatch.length > 0) {
    chatTab.append("<p class=chat-line><video controls><source src="+vidMatch[0]+"></video></p>");
  }
  if (audioMatch != null && audioMatch.length > 0) {
    chatTab.append("<p class=chat-line><audio controls><source src="+audioMatch[0]+"></audio></p>");
  }
  if (youtubeMatch != null && youtubeMatch.length > 0) {
    youtubeParts = youtubeMatch[0].split("/");
    youtubeId = youtubeParts[youtubeParts.length-1];
    youtubeId = youtubeId.replace("watch?v=","");
    chatTab.append("<p class=chat-line><iframe width='480' height='270' src='https://www.youtube.com/embed/"+youtubeId+"' frameborder='0' allowfullscreen></iframe></p>");
  }

  chatTab.scrollTop(chatTab.prop("scrollHeight"));
}