var App = App || {};
App.Presenters = App.Presenters || {};

App.Presenters.UserAccountSettingsPresenter = function(
    _,
    jQuery,
    util,
    promise,
    api,
    auth,
    messagePresenter) {

    var target;
    var templates = {};
    var user;
    var privileges;
    var avatarContent;
    var fileDropper;

    function init(params, loaded) {
        user = params.user;
        target = params.target;

        privileges = {
            canBan:
                auth.hasPrivilege(auth.privileges.banUsers),
            canChangeAccessRank:
                auth.hasPrivilege(auth.privileges.changeAccessRank),
            canChangeAvatarStyle:
                auth.hasPrivilege(auth.privileges.changeAllAvatarStyles) ||
                (auth.hasPrivilege(auth.privileges.changeOwnAvatarStyle) && auth.isLoggedIn(user.name)),
            canChangeName:
                auth.hasPrivilege(auth.privileges.changeAllNames) ||
                (auth.hasPrivilege(auth.privileges.changeOwnName) && auth.isLoggedIn(user.name)),
            canChangeEmailAddress:
                auth.hasPrivilege(auth.privileges.changeAllEmailAddresses) ||
                (auth.hasPrivilege(auth.privileges.changeOwnEmailAddress) && auth.isLoggedIn(user.name)),
            canChangePassword:
                auth.hasPrivilege(auth.privileges.changeAllPasswords) ||
                (auth.hasPrivilege(auth.privileges.changeOwnPassword) && auth.isLoggedIn(user.name)),
        };

        promise.wait(util.promiseTemplate('account-settings'))
            .then(function(template) {
                templates.accountRemoval = template;
                render();
                loaded();
            }).fail(function() {
                console.log(arguments);
                loaded();
            });
    }

    function render() {
        var $el = jQuery(target);
        $el.html(templates.accountRemoval(_.extend({user: user}, privileges)));
        $el.find('form').submit(accountSettingsFormSubmitted);
        $el.find('form [name=avatar-style]').change(avatarStyleChanged);
        avatarStyleChanged();
        fileDropper = new App.Controls.FileDropper($el.find('[name=avatar-content]'));
        fileDropper.onChange = avatarContentChanged;
        fileDropper.setNames = true;
    }

    function getPrivileges() {
        return privileges;
    }

    function avatarStyleChanged(e) {
        var $el = jQuery(target);
        var $target = $el.find('.avatar-content .file-handler');
        if ($el.find('[name=avatar-style]:checked').val() === 'manual') {
            $target.show();
        } else {
            $target.hide();
        }
    }

    function avatarContentChanged(files) {
        avatarContent = files[0];
    }

    function accountSettingsFormSubmitted(e) {
        e.preventDefault();
        var $el = jQuery(target);
        var $messages = jQuery(target).find('.messages');
        messagePresenter.hideMessages($messages);
        var formData = new FormData();

        if (privileges.canChangeAvatarStyle) {
            formData.append('avatarStyle', $el.find('[name=avatar-style]:checked').val());
            if (avatarContent) {
                formData.append('avatarContent', avatarContent);
            }
        }
        if (privileges.canChangeName) {
            formData.append('userName', $el.find('[name=userName]').val());
        }

        if (privileges.canChangeEmailAddress) {
            formData.append('email', $el.find('[name=email]').val());
        }

        if (privileges.canChangePassword) {
            var password = $el.find('[name=password]').val();
            var passwordConfirmation = $el.find('[name=passwordConfirmation]').val();

            if (password) {
                if (password !== passwordConfirmation) {
                    messagePresenter.showError($messages, 'Passwords must be the same.');
                    return;
                }

                formData.append('password', password);
            }
        }

        if (privileges.canChangeAccessRank) {
            formData.append('accessRank', $el.find('[name=access-rank]:checked').val());
        }

        if (privileges.canBan) {
            formData.append('banned', $el.find('[name=ban]').is(':checked') ? 1 : 0);
        }

        promise.wait(api.post('/users/' + user.name, formData))
            .then(function(response) {
                editSuccess(response);
            }).fail(function(response) {
                editFailure(response);
            });
    }

    function editSuccess(apiResponse) {
        var wasLoggedIn = auth.isLoggedIn(user.name);
        user = apiResponse.json.user;
        if (wasLoggedIn) {
            auth.updateCurrentUser(user);
        }

        render();

        var $messages = jQuery(target).find('.messages');
        var message = 'Account settings updated!';
        if (!apiResponse.json.user.confirmed) {
            message += '<br/>Check your inbox for activation e-mail.<br/>If e-mail doesn\'t show up, check your spam folder.';
        }
        messagePresenter.showInfo($messages, message);
    }

    function editFailure(apiResponse) {
        var $messages = jQuery(target).find('.messages');
        messagePresenter.showError($messages, apiResponse.json && apiResponse.json.error || apiResponse);
    }

    return {
        init: init,
        render: render,
        getPrivileges: getPrivileges,
    };

};

App.DI.register('userAccountSettingsPresenter', ['_', 'jQuery', 'util', 'promise', 'api', 'auth', 'messagePresenter'], App.Presenters.UserAccountSettingsPresenter);