;
(function (window) {

    var Feedback = function ($container, context) {
        this.container = $($container);

        this.Context = context;

        this.selection = new Selectable(
            $('.user_content .badges', this.container),
            {
                selector: '.badge'
            }
        );

        var $this = this;

        $('.content .options .select-all', this.container).bind('click', function () {
            $this.selection.selectAll();
        });

        $('.content .options .unselect-all', this.container).bind('click', function () {
            $this.selection.empty();
        });

        $('.UserTips', this.container).tooltip();

        $('a.user_adder', this.container).bind('click', function () {

            var $this = $(this);

            $.ajax({
                type: "GET",
                url: $this.attr('href'),
                dataType: 'html',
                beforeSend: function () {
                    var options = {
                        size: 'Medium',
                        title: $this.html()
                    };
                    p4.Dialog.Create(options, 2).getDomElement().addClass('loading');
                },
                success: function (data) {
                    p4.Dialog.get(2).getDomElement().removeClass('loading').empty().append(data);
                    return;
                },
                error: function () {
                    p4.Dialog.get(2).Close();
                    return;
                },
                timeout: function () {
                    p4.Dialog.get(2).Close();
                    return;
                }
            });

            return false;
        });

        $('.recommended_users', this.container).bind('click', function () {

            var usr_id = $('input[name="usr_id"]', $(this)).val();

            $this.loadUser(usr_id, $this.selectUser);

            return false;
        });

        $('.recommended_users_list', this.container).bind('click', function () {

            var content = $('#push_user_recommendations').html();

            var options = {
                size: 'Small',
                title: $(this).attr('title')
            };

            $dialog = p4.Dialog.Create(options, 2);
            $dialog.setContent(content);

            $dialog.getDomElement().find('a.adder').bind('click', function () {

                $(this).addClass('added');

                var usr_id = $(this).closest('tr').find('input[name="usr_id"]').val();

                $this.loadUser(usr_id, $this.selectUser);

                return false;
            });

            $dialog.getDomElement().find('a.adder').each(function (i, el) {

                var usr_id = $(this).closest('tr').find('input[name="usr_id"]').val();

                if ($('.badge_' + usr_id, $this.container).length > 0) {
                    $(this).addClass('added');
                }

            });


            return false;
        });

        $('#PushBox form[name="FeedBackForm"]').bind('submit', function () {

            var $this = $(this);

            $.ajax({
                type: $this.attr('method'),
                url: $this.attr('action'),
                dataType: 'json',
                data: $this.serializeArray(),
                beforeSend: function () {

                },
                success: function (data) {
                    if (data.success) {
                        humane.info(data.message);
                        p4.Dialog.Close(1);
                        p4.WorkZone.refresh();
                    }
                    else {
                        humane.error(data.message);
                    }
                    return;
                },
                error: function () {

                    return;
                },
                timeout: function () {

                    return;
                }
            });

            return false;
        });

        $('.FeedbackSend', this.container).bind('click', function () {
            if ($('.badges .badge', $container).length === 0) {
                alert(language.FeedBackNoUsersSelected);
                return;
            }

            var buttons = {};

            buttons[language.send] = function () {
                if ($.trim($('input[name="name"]', $dialog.getDomElement()).val()) === '') {
                    var options = {
                        size: 'Alert',
                        closeButton: true,
                        title: language.warning
                    }
                    var $dialogAlert = p4.Dialog.Create(options, 3);
                    $dialogAlert.setContent(language.FeedBackNameMandatory);

                    return false;
                }

                $dialog.Close();

                $('input[name="name"]', $FeedBackForm).val($('input[name="name"]', $dialog.getDomElement()).val());
                $('input[name="duration"]', $FeedBackForm).val($('select[name="duration"]', $dialog.getDomElement()).val());
                $('textarea[name="message"]', $FeedBackForm).val($('textarea[name="message"]', $dialog.getDomElement()).val());
                $('input[name="recept"]', $FeedBackForm).attr('checked', $('input[name="recept"]', $dialog.getDomElement()).attr('checked'));
                $('input[name="force_authentication"]', $FeedBackForm).attr('checked', $('input[name="force_authentication"]', $dialog.getDomElement()).attr('checked'));

                $FeedBackForm.trigger('submit');
            };

            var options = {
                size: 'Medium',
                buttons: buttons,
                loading: true,
                title: language.send,
                closeOnEscape: true,
                cancelButton: true
            };

            var $dialog = p4.Dialog.Create(options, 2);

            var $FeedBackForm = $('form[name="FeedBackForm"]', $container);

            var html = _.template($("#feedback_sendform_tpl").html());

            $dialog.setContent(html);

            $('input[name="name"]', $dialog.getDomElement()).val($('input[name="name"]', $FeedBackForm).val());
            $('textarea[name="message"]', $dialog.getDomElement()).val($('textarea[name="message"]', $FeedBackForm).val());
            $('.' + $this.Context, $dialog.getDomElement()).show();

            $('form', $dialog.getDomElement()).submit(function () {
                return false;
            });
        });

        $('.user_content .badges', this.container).disableSelection();

        $('.user_content .badges .badge .toggle', this.container).die('click').live('click', function (event) {

            var $this = $(this);

            $this.toggleClass('status_off status_on');

            $this.find('input').val($this.hasClass('status_on') ? '1' : '0');

            return false;
        });

        $('.general_togglers .general_toggler', this.container).bind('click', function () {
            var feature = $(this).attr('feature');

            var $badges = $('.user_content .badge.selected', this.container);

            var toggles = $('.status_off.toggle_' + feature, $badges);

            if (toggles.length === 0) {
                var toggles = $('.status_on.toggle_' + feature, $badges);
            }
            if (toggles.length === 0) {
                humane.info('No user selected');
            }

            toggles.trigger('click');
            return false;
        });

        $('.user_content .badges .badge .deleter', this.container).live('click', function (event) {
            var $elem = $(this).closest('.badge');
            $elem.fadeOut(function () {
                $elem.remove();
            });
            return;
        });

        $('.list_manager', this.container).bind('click', function () {
            $('#PushBox').hide();
            $('#ListManager').show();
            return false;
        });

        $('a.list_loader', this.container).bind('click', function () {
            var url = $(this).attr('href');

            var callbackList = function (list) {
                for (var i in list.entries) {
                    this.selectUser(list.entries[i].User);
                }
            };

            $this.loadList(url, callbackList);

            return false;
        });

        $('.options button', this.container);

        $('form.list_saver', this.container).bind('submit', function () {
            var $form = $(this);
            var $input = $('input[name="name"]', $form);

            var users = p4.Feedback.getUsers();

            if (users.length === 0) {
                humane.error('No users');
                return false;
            }

            p4.Lists.create($input.val(), function (list) {
                $input.val('');
                list.addUsers(users);
            });

            return false;
        });

        $('input[name="users-search"]', this.container).autocomplete({
            minLength: 2,
            source: function (request, response) {
                $.ajax({
                    url: '/prod/push/search-user/',
                    dataType: "json",
                    data: {
                        query: request.term
                    },
                    success: function (data) {
                        response(data);
                    }
                });
            },
            focus: function (event, ui) {
                $('input[name="users-search"]').val(ui.item.label);
            },
            select: function (event, ui) {
                if (ui.item.type === 'USER') {
                    $this.selectUser(ui.item);
                } else if (ui.item.type === 'LIST') {
                    for (var e in ui.item.entries) {
                        $this.selectUser(ui.item.entries[e].User);
                    }
                }
                return false;
            }
        })
            .data("ui-autocomplete")._renderItem = function (ul, item) {
            var html = "";

            if (item.type === 'USER') {
                html = _.template($("#list_user_tpl").html(), {

                    item: item
                });
            } else if (item.type === 'LIST') {
                html = _.template($("#list_list_tpl").html(), {
                    item: item
                });
            }

            return  $(html).data("ui-autocomplete-item", item).appendTo(ul);
        };

        return this;
    };

    Feedback.prototype = {
        selectUser: function (user) {
            if (typeof user !== 'object') {
                if (window.console) {
                    console.log('trying to select a user with wrong datas');
                }
            }
            if ($('.badge_' + user.usr_id, this.container).length > 0) {
                humane.info('User already selected');
                return;
            }

            if (window.console) {
                console.log('Selecting', user);
            }

            var html = _.template($("#" + this.Context.toLowerCase() + "_badge_tpl").html(), {
                user: user
            });

            p4.Feedback.appendBadge(html);
        },
        loadUser: function (usr_id, callback) {
            var $this = this;

            $.ajax({
                type: 'GET',
                url: '/prod/push/user/' + usr_id + '/',
                dataType: 'json',
                data: {
                    usr_id: usr_id
                },
                success: function (data) {
                    if (typeof callback === 'function') {
                        callback.call($this, data);
                    }
                }
            });
        },
        loadList: function (url, callback) {
            var $this = this;

            $.ajax({
                type: 'GET',
                url: url,
                dataType: 'json',
                success: function (data) {
                    if (typeof callback === 'function') {
                        callback.call($this, data);
                    }
                }
            });
        },
        appendBadge: function (badge) {
            $('.user_content .badges', this.container).append(badge);
        },
        addUser: function ($form, callback) {

            var $this = this;

            $.ajax({
                type: 'POST',
                url: '/prod/push/add-user/',
                dataType: 'json',
                data: $form.serializeArray(),
                success: function (data) {
                    if (data.success) {
                        humane.info(data.message);
                        $this.selectUser(data.user);
                        callback();
                    }
                    else {
                        humane.error(data.message);
                    }
                }
            });
        },
        getSelection: function () {
            return this.selection;
        },
        getUsers: function () {
            return $('.user_content .badge', this.container).map(function () {
                return $('input[name="id"]', $(this)).val();
            });
        }
    };


    var ListManager = function ($container) {

        this.list = null;
        this.container = $container;

        $('.back_link', this.container).bind('click', function () {
            $('#PushBox').show();
            $('#ListManager').hide();
            return false;
        });

        $('a.list_sharer', this.container).die('click').live('click', function () {

            var $this = $(this),
                options = {
                    size: 'Small',
                    closeButton: true,
                    title: $this.attr('title')
                },
                $dialog = p4.Dialog.Create(options, 2);

            $dialog.load($this.attr('href'), 'GET');

            return false;
        });


        $('a.user_adder', this.container).bind('click', function () {

            var $this = $(this);

            $.ajax({
                type: "GET",
                url: $this.attr('href'),
                dataType: 'html',
                beforeSend: function () {
                    var options = {
                        size: 'Medium',
                        title: $this.html()
                    };
                    p4.Dialog.Create(options, 2).getDomElement().addClass('loading');
                },
                success: function (data) {
                    p4.Dialog.get(2).getDomElement().removeClass('loading').empty().append(data);
                    return;
                },
                error: function () {
                    p4.Dialog.get(2).Close();
                    return;
                },
                timeout: function () {
                    p4.Dialog.get(2).Close();
                    return;
                }
            });

            return false;
        });


        var initLeft = function () {
            $('a.list_refresh', $container).bind('click', function (event) {

                var callback = function (datas) {
                    $('.all-lists', $container).removeClass('loading').append(datas);
                    initLeft();
                };

                $('.all-lists', $container).empty().addClass('loading');

                p4.Lists.get(callback, 'html');

                return false;
            });

            $('a.list_adder', $container).bind('click', function (event) {

                var makeDialog = function (box) {

                    var buttons = {};

                    buttons[language.valider] = function () {

                        var callbackOK = function () {
                            $('a.list_refresh', $container).trigger('click');
                            p4.Dialog.get(2).Close();
                        };

                        var name = $('input[name="name"]', p4.Dialog.get(2).getDomElement()).val();

                        if ($.trim(name) === '') {
                            alert(language.listNameCannotBeEmpty);
                            return;
                        }

                        p4.Lists.create(name, callbackOK);
                    };

                    var options = {
                        cancelButton: true,
                        buttons: buttons,
                        size: '700x170'
                    };

                    p4.Dialog.Create(options, 2).setContent(box);
                };

                var html = _.template($("#list_editor_dialog_add_tpl").html());

                makeDialog(html);

                return false;
            });

            $('li.list a.list_link', $container).bind('click', function (event) {

                var $this = $(this);

                $this.closest('.lists').find('.list.selected').removeClass('selected');
                $this.parent('li.list').addClass('selected');

                $.ajax({
                    type: 'GET',
                    url: $this.attr('href'),
                    dataType: 'html',
                    success: function (data) {
                        $('.editor', $container).removeClass('loading').append(data);
                        initRight();
                    },
                    beforeSend: function () {
                        $('.editor', $container).empty().addClass('loading');
                    }
                });

                return false;
            });
        };

        var initRight = function () {

            var $container = $('#ListManager .editor');

            $('form[name="list-editor-search"]', $container).bind('submit', function () {

                var $this = $(this);
                var dest = $('.list-editor-results', $container);

                $.ajax({
                    url: $this.attr('action'),
                    type: $this.attr('method'),
                    dataType: "html",
                    data: $this.serializeArray(),
                    beforeSend: function () {
                        dest.empty().addClass('loading');
                    },
                    success: function (datas) {

                        dest.empty().removeClass('loading').append(datas);
                    }
                });
                return false;
            });

            $('form[name="list-editor-search"] select, form[name="list-editor-search"] input[name="ListUser"]', $container).bind('change', function () {
                $(this).closest('form').trigger('submit');
            });

            $('.EditToggle', $container).bind('click', function () {
                $('.content.readonly, .content.readwrite', $('#ListManager')).toggle();
                return false;
            });
            $('.Refresher', $container).bind('click', function () {
                $('#ListManager ul.lists .list.selected a').trigger('click');
                return false;
            });

            $('form[name="SaveName"]', $container).bind('submit', function () {
                var $this = $(this);

                $.ajax({
                    type: $this.attr('method'),
                    url: $this.attr('action'),
                    dataType: 'json',
                    data: $this.serializeArray(),
                    beforeSend: function () {

                    },
                    success: function (data) {
                        if (data.success) {
                            humane.info(data.message);
                            $('#ListManager .lists .list_refresh').trigger('click');
                        }
                        else {
                            humane.error(data.message);
                        }
                        return;
                    },
                    error: function () {

                        return;
                    },
                    timeout: function () {

                        return;
                    }
                });

                return false;
            });


            $('button.deleter', $container).bind('click', function (event) {

                var list_id = $(this).data("list-id");

                var makeDialog = function (box) {

                    var buttons = {};

                    buttons[language.valider] = function () {

                        var callbackOK = function () {
                            $('#ListManager .all-lists a.list_refresh').trigger('click');
                            p4.Dialog.get(2).Close();
                        };

                        var List = new document.List(list_id);
                        List.remove(callbackOK);
                    };

                    var options = {
                        cancelButton: true,
                        buttons: buttons,
                        size: 'Alert'
                    };

                    p4.Dialog.Create(options, 2).setContent(box);
                };

                var html = _.template($("#list_editor_dialog_delete_tpl").html());

                makeDialog(html);

                return false;
            });
        };

        initLeft();

        $('.badges a.deleter', this.container).live('click', function () {

            var badge = $(this).closest('.badge');

            var usr_id = badge.find('input[name="id"]').val();


            var callback = function (list, datas) {
                $('.counter.current, .list.selected .counter', $('#ListManager')).each(function () {
                    $(this).text(parseInt($(this).text()) - 1);
                });

                badge.remove();
            };

            p4.ListManager.getList().removeUser(usr_id, callback);

            return false;
        });

    };

    ListManager.prototype = {
        workOn: function (list_id) {
            this.list = new document.List(list_id);
        },
        getList: function () {
            return this.list;
        },
        appendBadge: function (datas) {
            $('#ListManager .badges').append(datas);
        }
    };


    window.Feedback = Feedback;
    window.ListManager = ListManager;

}(window));