(function($) {
  var createTaskUrl = '';
    $('#task-add-user').suggester({
      type : 'tag',
      plugins: ['remove_button'],
      valueField: 'name',
      labelField: 'fullname',
      searchField: ['fullname'],
      sourceProviders: ['exo:task-add-user'],
      providers: {
        'exo:task-add-user': function(query, callback) {
          $.ajax({
            type: "GET",
            url: chatApplication.jzUsers,
            data: {
              filter : query,
              user : chatApplication.username,
              token : chatApplication.token,
              dbName : chatApplication.dbName
            },
            complete: function(jqXHR) {
              if(jqXHR.readyState === 4) {
                var json = $.parseJSON(jqXHR.responseText)
                if (json.users != null) {
                    callback(json.users);
                }
              }
            }
          });
        }
      },
      renderMenuItem: function(item, escape) {
        return '<img onerror="this.src=\'/chat/img/Avatar.gif;\'" src="/rest/chat/api/1.0/user/getAvatarURL/'+item.name+'" width="20px" height="20px"> ' +
        escape(item.fullname) + ' <span style="float: right" class="chat-status-task chat-status-'+item.status+'"></span>';
      }
    });

  $(".create-task-button").on("click", function() {
    var selectedUsers = $("#task-add-user").val();
    var task = $("#task-add-task").val();
    var dueDate = $("#task-add-date").val();
    var roomName = chatApplication.targetFullname;
    var isSpace = false;
    var isTeam = false;
    var targetUser = chatApplication.targetUser;
    if (targetUser.indexOf("space-") > -1) {
      isSpace = true;
    } else if (targetUser.indexOf("team-") > -1) {
      isTeam = true;
    }

    // Validate empty
    if (task === $("#task-add-task").attr("data-value") || task === "") {
      return;
    }

    // Validate datetime
    if (dueDate && !uiMiniCalendar.isDate(dueDate)) {
      bootbox
        .alertError(
          chatBundleData["exoplatform.chat.date.invalid.message"],
          function(e) {
            e.stopPropagation();
            $("#task-add-date").select();
          });
      return;
    }

    hideMeetingPanel();
    // Disable button while server updating
    setActionButtonEnabled('.create-task-button', false);

    chatApplication.getUsers(targetUser, function (jsonData) {
      var participants = [];
      $.each(jsonData.users, function(idx, elem) {
        participants.push(elem.name);
      });

      // Call server
      $.ajax({
        url : createTaskUrl,
        data : {
          "extension_action" : "createTask",
          "username" : selectedUsers,
          "dueDate" : dueDate,
          "text" : task,
          "roomName" : roomName,
          "isSpace" : isSpace,
          "isTeam": isTeam,
          "participants": participants.join(",")
        },
        success : function(response) {

          var options = {
            type : "type-task",
            username : selectedUsers,
            dueDate : dueDate,
            task : task
          };
          var msg = task;

          chatApplication.chatRoom.sendMessage(msg,
            options, "true");
          setActionButtonEnabled('.create-task-button',
            true);

        },
        error : function(xhr, status, error) {
          console.log("error");
          setActionButtonEnabled('.create-task-button',
            true);
        }
      });
    });
  });

  // Initialize suggester component.
  (function() {
    var $msg = $('#msg');
    $msg.suggester({
      type : "mix",
      sourceProviders : ['exo:chat'],
      showAtCaret: true,
      renderMenuItem: function(item) {
        return '<img onerror="this.src=\'/chat/img/Avatar.gif;\'" src="/rest/chat/api/1.0/user/getAvatarURL/'+item.uid+'" width="20px" height="20px"> ' +
          item.value + ' <span style="float: right" class="chat-status-task chat-status-'+item.status+'"></span>';
      },
      renderItem: '@${uid}',
      callbacks: {
        matcher: function(flag, subtext) {
          var pattern = /\s*\+\+\S+/;
          if (pattern.test(subtext)) {
            var pos = subtext.lastIndexOf(flag);
            if (pos > -1) {
              return subtext.substr(pos + 1);
            }
          }
          return null;
        }
      }
    });
    $msg.suggester('addProvider', 'exo:chat', function(query, callback) {
      var _this = this;
      $.ajax({
        url: chatApplication.jzUsers,
        data: {"filter": query,
          "user": chatApplication.username,
          "token": chatApplication.token,
          "dbName": chatApplication.dbName
        },
        dataType: "json",
        success: function(data) {
          var users = [];
          $.each(data.users, function(idx, user) {
            users.push({
              "uid": user.name,
              "value": user.fullname,
              "status": user.status
            });
          });
          callback.call(_this, users);
        }
      });
    });

    $msg.on('shown.atwho', function(event, data) {
      chatApplication.isMentioning = true;
    });
    $msg.on('hidden.atwho', function(event, data) {
      setTimeout(function() {
        chatApplication.isMentioning = false;
      }, 100);
    });
  })();

  var chatEvent = {
    'beforeSend' : function(context) {
      if (chatApplication.isMentioning) {
        context.continueSend = false;
        return;
      }
      var msg = context.msg;

      var pattern = /\s*\+\+\S+/;
      if (pattern.test(msg)) {
        context.continueSend = false;
        var roomName = chatApplication.targetFullname;
        var isSpace = false, isTeam = false;
        var targetUser = chatApplication.targetUser;
        if (targetUser.indexOf("space-") > -1) {
          isSpace = true;
        } else if (targetUser.indexOf("team-") > -1) {
          isTeam = true;
        }

        $("#msg").val('');
        chatApplication.getUsers(targetUser, function (jsonData) {
          var participants = [];
          $.each(jsonData.users, function(idx, elem) {
            participants.push(elem.name);
          });

          // Call server
          $.ajax({
            url : createTaskUrl,
            data : {
              "extension_action" : "createTaskInline",
              "text": msg,
              "isSpace": isSpace,
              "isTeam": isTeam,
              "roomName": roomName,
              "participants": participants.join(",")
            },
            success : function(response) {
              var options = {
                "type" : "type-task",
                "username" : response.assignee,
                "task" : response.title,
                "dueDate" : response.dueDate
              };

              chatApplication.chatRoom.sendMessage(response.title,
                options, "true");
              setActionButtonEnabled('.create-task-button',
                true);
            },
            error : function(xhr, status, error) {
              console.log("fail to create inline task: " + error);
            }
          });
        });
      }
    }
  };

  var chatPlugin = {
    "getType" : function() {
      return "type-task";
    },
    "getActionMeetingStyleClasses" : function(options) {
      var actionType = options.type;
      var out = "";

      if ("type-task" === actionType) {
        out += "                <i class='uiIconChat32x32Task uiIconChat32x32LightGray'></i>";
      }
      return out;
    },
    "messageBeautifier" : function(objMessage, options) {
      if (options.type === "type-task") {
        var assignee = options.username;
        if(!assignee) {
          assignee = chatBundleData["exoplatform.chat.assign.to.none"];
        }
        var dueDate = options.dueDate;
        if(!dueDate) {
          dueDate = chatBundleData["exoplatform.chat.due.date.none"];
        }
        var out = "";
        out += "<b>" + options.task + "</b>";
        out += "<div class='msTimeEvent'>";
        out += "  <div>";
        out += "    <i class='uiIconChatAssign uiIconChatLightGray mgR10'></i><span class='muted'>"
          + chatBundleData["exoplatform.chat.assign.to"]
          + ": </span><b>" + assignee + "</b>";
        out += "  </div>";
        out += "  <div>";
        out += "    <i class='uiIconChatClock uiIconChatLightGray mgR10'></i><span class='muted'>"
          + chatBundleData["exoplatform.chat.due.date"]
          + ": </span><b>" + dueDate + "</b>";
        out += "  </div>";
        out += "</div>";
        return out;
      }
    }
  };

  // This takes care of Chat application loaded before/after the others.
  if (typeof chatApplication === 'object') {
    chatApplication.registerEvent(chatEvent);
  } else {
    if (typeof chatEvents === 'undefined') {
      chatEvents = [];
    }
    chatEvents.push(chatEvent);
  }

  if (typeof chatApplication === 'object' && chatApplication.chatRoom) {
    chatApplication.chatRoom.registerPlugin(chatPlugin);
  } else {
    if (typeof chatPlugins === 'undefined') {
      chatPlugins = [];
    }
    chatPlugins.push(chatPlugin);
  }

  function setMiniCalendarToDateField(dateFieldId) {
    var dateField = document.getElementById(dateFieldId);
    dateField.onfocus=function(){
      uiMiniCalendar.init(this,false,"MM/dd/yyyy","", chatBundleData["exoplatform.chat.monthNames"]);
    };
    dateField.onkeyup=function(){
      uiMiniCalendar.show();
    };
    dateField.onkeydown=function(event){
      uiMiniCalendar.onTabOut(event);
    };
    dateField.onclick=function(event){
      event.cancelBubble = true;
    };
  };
  setMiniCalendarToDateField('task-add-date');

  function hideMeetingPanel() {
    $(".meeting-action-popup").css("display", "none");
    $(".meeting-action-toggle").removeClass("active");
  }

  function setActionButtonEnabled(btnClass, isEnabled) {
    if (isEnabled) {
      $(btnClass).css('cursor', "default");
      $(btnClass).removeAttr('disabled');
    } else {
      $(btnClass).css('cursor', "progress");
      $(btnClass).attr('disabled', 'disabled');
    }
  }

return {
  setActionUrl : function(url) {
    createTaskUrl = url;
  }
}
})($);