var linkify = require("linkifyjs");
var linkifyHtml = require('linkifyjs/html');
var util = require("./util.js")

var numChans = 1;
var channels;
var buffers = [];
var client;
module.exports.setChannels = function(myChannels) {
  console.log("setting channels: " + myChannels);
  channels = myChannels;
}
module.exports.handleCommands = function(myClient) {
    client = myClient;
    client.on('registered', function(event) {
        console.log(event);
        console.log("channels: " + channels);
        channels.forEach(function(channelStr) {
          console.log(channelStr);
          joinChannel(channelStr, true);
        });
    });
    client.on('message', function(event) {
      console.log(event);
      receiveMsg(event.target, event.nick, event.message)
    })

    client.on('userlist', function(event) {
        channel = event.channel.replace("#","")

        if($(".ui.tab[data-tab=chan-"+channel+"]").length == 0) {
          joinChannel(channel, false)
        }
        event.users.forEach(function (user) {
          var nick = user.nick
          var mode = ""
          user.modes.forEach(function (modeChar) {
            if (modeChar === "o") {
              mode = "@"
              console.log(mode)
            } else if (modeChar === "h") {
              mode = "%"
            } else if (modeChar === "v") {
              mode = "+"
            }
          })
          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>")
          }
        })
    });

}

function joinChannel(channel, sendJoin) {
    console.log("here");

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

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

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

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

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

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

  numChans++;
}

function receiveMsg(channel, 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());
  channel = channel.replace("#","")
  console.log(from + ' => #'+ channel +': ' + message);
  console.log($("[data-tab=chan-"+ channel +"].chat"));
  var chatTab = $("[data-tab=chan-"+ channel +"].chat");
  console.log(chatTab);
  message = linkifyHtml(message);
  console.log(from + ' => #'+ channel +': ' + 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],channel);
    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) {
    console.log(youtubeMatch)
    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"));
}