import './common/directives/frSame';
import teamTypeahead from './common/directives/teamTypeahead';

angular.module('footyroom').requires.push('fr.same', teamTypeahead);

angular.module('footyroom')

.controller('RegistrationController', ['$scope', '$http', '$q', '$window', function ($scope, $http, $q, $window) {
    $scope.$watch('registrationForm', initForm);

    $scope.submit = function () {
        register();
    };

    function register() {
        // Don't perform server request if form is invalid.
        if ($scope.registrationForm.$invalid) {
            return;
        }

        // Show loader.
        $('.signup-well').litelay({ spinner: true });

        // Reset server errors;
        delete $scope.serverErrors;

        $scope.user.gRecaptchaResponse = grecaptcha.getResponse();

        // Make the server request.
        $http.post('/signup', $scope.user)

        .then(function (response) {
            if (!response.data.ok) {
                throw {};
            }

            if ($scope.user.fbtoken) {
                $window.location = '/profile/settings';
            } else {
                $window.location = '/signup/done';
            }
        })

        .catch(function (response) {
            if (typeof response.data === 'object') {
                _.each(response.data, function (errors, field) {
                    if (field === 'server' || field === 'errors') {
                        return $scope.serverErrors = errors;
                    }

                    _.each(errors, function (error) {
                        if ($scope.registrationForm[field]) {
                            $scope.registrationForm[field].$setValidity(error, false);
                        }
			    	});
			  	});
            } else {
		  		$scope.serverErrors = ['Some unexpected error happened. Try again later.'];
            }

		  	$('.signup-well').litelay({ off: true });

		  	grecaptcha.reset();
        });
    }

    function initForm() {
        $scope.user = {
            fbtoken: $.QueryString.fbtoken,
        };

        // Username availability validator
        $scope.registrationForm.username.$asyncValidators.available = function (modelValue, viewValue) {
            // Consider empty models to be valid.
            if ($scope.registrationForm.username.$isEmpty(modelValue)) {
                return $q.when();
            }

            // Make a request to the server to see of username is available.
		    return $http.get('/signup/check-username', {
		    	params: { username: modelValue },
		    })

		    .then(function (response) {
		    	if (response.data != 'available') {
                    throw 'FootyRoom: this username is not valid.';
                }
		    });
        };
    }
}]);