var Comment = (function ($) {

    var _bind_events = function () {
        $(window.document).on("click", ".delete-comment", _delete_comment);
        $(window.document).on("click", ".edit-comment", _toggle_editor);
        $(window.document).on("click", ".cancel-edit-comment", _toggle_editor);
        $(window.document).on("submit", ".edit-comment-form", _save_comment);
        $(window.document).on("keyup", ".edit-comment-form", _empty_save_disable);
        $(window.document).on("keyup", ".comment-form", _empty_save_disable);
    };

    var _delete_comment = function (e) {

        $('body').confirm( {
            id: 'delete_comment',
            okay_text: Globals.strings.yes,
            cancel_text: Globals.strings.cancel,
            title: Globals.strings.delete_comment,
            content: Globals.strings.warning_permanent

        }, function (val) {

            if (val) {
                var target = $(e.target).prop("disabled", true);
                var id = target.data("id");
                var comment = $("#comment-" + id);

                comment.fadeToggle();

                $.ajax({
                    url: Globals.ajax_url,
                    dataType: "json",
                    data: {
                        action: "support_delete_comment",
                        comment_id: id,
                        _ajax_nonce: Globals.ajax_nonce
                    },
                    success: function () {
                        var wrapper = comment.parents(".wrapper");

                        wrapper.fadeToggle("slow", function () {
                            wrapper.remove();
                        });
                    }
                });
            }
        })
    };

    var _save_comment = function (e) {
        e.preventDefault();

        var form = $(e.target);
        var tabs = form.parents('.panel').find('.nav-tabs');
        var comment = form.parents(".wrapper");
        var submit_button = form.find(".button-submit");
        var data = form.serializeArray();

        submit_button.prop("disabled", true);
        data.push({ name: "_ajax_nonce", value:  Globals.ajax_nonce });

        $.ajax({
            url: Globals.ajax_url + "?action=support_update_comment",
            dataType: "json",
            method: "post",
            data: data,
            success: function (response) {
                comment.fadeToggle("slow", function () {
                    var updated = $(response.data).fadeToggle();

                    updated.find('textarea')
                        .textareaAutoSize();

                    comment.replaceWith(updated);
                });

                App.close_preview(tabs);
            },
            complete: function () {
                submit_button.prop("disabled", false);
            }
        });
    };

    var _empty_save_disable = function (e) {
        var form = $(e.target).parents("form");
        var content = form.find(".editor-content");
        var submit_button = form.find(".button-submit");

        submit_button.prop("disabled", content.val() === "");
    };

    var _toggle_editor = function (e) {
        var comment = $(e.target).parents(".comment");
        var editor = comment.find(".editor");
        var content = comment.find(".comment-content");

        var comment_controls = comment.find(".comment-controls");

        comment.find('.media').toggle();
        comment.find('.nav').toggle();
        comment.find('.clearfix').toggle();

        comment.toggleClass("locked");
        comment_controls.toggle();

        // if editor is showing
        if(editor.css("display") === "none") {
            content.fadeToggle("slow", function () {
                editor.fadeToggle();
            });
        } else {
            editor.fadeToggle("slow", function () {
                content.fadeToggle();
            });
        }

        var textarea = editor.find(".editor-content");

        textarea.val(_.unescape(content.html()).trim())
            .textareaAutoSize();
    };

    var initialize = function () {
        _bind_events();
    };

    return {
        initialize: initialize
    };

})(jQuery);

jQuery(document).ready(function () {
    Comment.initialize();
});