(function(context,$) {

  "use strict";
  context.JK = context.JK || {};
  context.JK.CommentDialog = function(app, options) {
    var logger = context.JK.logger;
    var rest = context.JK.Rest();
    var $screen = null;
    var $content = null;
    var recordingId;
    var entityType = options.entity_type;
    var sessionId = options.session_id;
    var recordingId = options.recording_id;
    var claimedRecordingId = options.claimed_recording_id;

    function beforeShow() {
    }

    function afterShow() {
      renderComments();
    }

    function afterHide() {
    }

    function renderComments() {
      $(".landing-comment-scroller", $screen).empty();

      if (entityType === 'session') {
        rest.getSessionHistory(sessionId)
          .done(function(response) {
            if (response && response.comments) {
              $("#spnCommentCount", $scope).html(response.comment_count);
              $("#spnLikeCount", $scope).html(response.like_count);
              $.each(response.comments, function(index, val) {
                renderComment(val.comment, val.creator.id, val.creator.name, 
                  context.JK.resolveAvatarUrl(val.creator.photo_url), $.timeago(val.created_at), val.creator.musician, true);
              });
            }
          })
          .fail(function(xhr) {

          });
      }
      else if (entityType === 'recording') {
        rest.getClaimedRecording(claimedRecordingId)
          .done(function(response) {
            if (response.recording && response.recording.comments) {
              $("#spnPlayCount", $scope).html(response.recording.play_count);
              $("#spnCommentCount", $scope).html(response.recording.comment_count);
              $("#spnLikeCount", $scope).html(response.recording.like_count);
              $.each(response.recording.comments, function(index, val) {
                renderComment(val.comment, val.creator.id, val.creator.name, 
                  context.JK.resolveAvatarUrl(val.creator.photo_url), $.timeago(val.created_at), val.creator.musician, true);
              });
            }
          })
          .fail(function(xhr) {

          });
      }
    }

    function renderComment(comment, userId, userName, userAvatarUrl, timeago, musician, append) {
      var options = {
        type: entityType,
        avatar_url: userAvatarUrl,
        user_id: userId,
        hoverAction: musician ? "musician" : "fan",
        name: userName,
        comment: comment,
        timeago: timeago
      };

      var $comment = $(context._.template($('#template-comments', '#comment-dialog').html(), options, {variable: 'data'}));
      if (append) {
        $content.append($comment);
      }
      else {
        $content.prepend($comment);
      }
    }

    function addComment() {
      var comment = $("#txtComment", $screen).val();
      if ($.trim(comment).length > 0) {
        if (entityType === 'session') {
          rest.addSessionComment(sessionId, JK.currentUserId, comment)
            .done(function(response) {
              // $("#spnCommentCount").html(parseInt($("#spnCommentCount").text()) + 1);
              renderComment(comment, context.JK.currentUserId, context.JK.currentUserName,
                context.JK.currentUserAvatarUrl, $.timeago(Date.now()), context.JK.currentUserMusician, false);
            });
        }
        else if (entityType === 'recording') {
          rest.addRecordingComment(recordingId, JK.currentUserId, comment)
            .done(function(response) {
              // $("#spnCommentCount", $scope).html(parseInt($("#spnCommentCount").text()) + 1);
              renderComment(comment, context.JK.currentUserId, context.JK.currentUserName, 
                context.JK.currentUserAvatarUrl, $.timeago(Date.now()), context.JK.currentUserMusician, false);
            });
        }
      }
    }

    function events() {
      $('#btn-add-comment', $screen).click(addComment);
    }

    function showDialog() {
      app.layout.showDialog('comment-dialog');
    }

    function initialize() {

      var dialogBindings = {
          'beforeShow' : beforeShow,
          'afterShow' : afterShow,
          'afterHide': afterHide
      };

      app.bindDialog('comment-dialog', dialogBindings);

      $screen = $('[layout-id="comment-dialog"]');
      $content = $screen.find('.landing-comment-scroller');

      events();
    }

    this.initialize = initialize;
    this.showDialog = showDialog;
  }

  return this;
})(window,jQuery);