dojo.provide("website.forms.RegistrationForm");
dojo.require("dijit._Widget");
dojo.require("dijit._Templated");
dojo.require("dijit.form.Form");
dojo.require("dijit.form.ValidationTextBox");
dojo.require("dijit.form.FilteringSelect");
dojo.require("dojo.data.ItemFileReadStore");

dojo.declare("website.forms.RegistrationForm", [dijit.form.Form],
{
	isContainer: true,
    widgetsInTemplate: true,
    'class': 'tundra',
    store: null,
    value: '',
    pageSize: 10,
    searchAttr: 'registration',
    autoComplete: false,
    'name': 'registrationForm',


	username: null,
	password: null,
	password_retype: null,
	country: null,

	postCreate: function()
	{
		this.inherited(arguments);
		this.domNode.innerHTML = "<div id=\"username_label\">username: </div>";
		username = new dijit.form.ValidationTextBox(
														{
															type: "text",
															name: "username",
															value: "",
															trim: true,
															invalidMessage: "Please type a valid username",
															promptMessage: "Please type a valid username",
															regExp: "^[_a-zA-Z0-9-]+$",
															constraints: {'min': 4, 'max': 16},
															required: true,
															intermediateChanges: true,
															validator: this.checkLength
														}
												   ).placeAt(dojo.byId("username_label"), "last");
		this.domNode.innerHTML += "<div id=\"password_label\">password: </div>";
		password = new dijit.form.ValidationTextBox(
														{
															type: "password",
															name: "password1",
															value: "",
															trim: true,
															invalidMessage: "Please type a valid password",
															regExp: "^[_a-zA-Z0-9-]+$",
															constraints: {'min': 4, 'max': 16},
															required: true,
															intermediateChanges: true,
															validator: this.checkLength
														}
												   ).placeAt(dojo.byId("password_label"));
		this.domNode.innerHTML += "<div id=\"password_retype_label\">re-type password: </div>";
		password_retype = new dijit.form.ValidationTextBox(
														{
															type: "password",
															name: "password2",
															value: "",
															trim: true,
															invalidMessage: "Please re-type your password correctly",
															regExp: "^[_a-zA-Z0-9-]+$",
															constraints: {},
															required: true,
															intermediateChanges: true,
															validator: this.checkPassword
														}
												   ).placeAt(dojo.byId("password_retype_label"));
		this.domNode.innerHTML += "<div id=\"country_label\">Country: </div>";
		var newStore = new dojo.data.ItemFileReadStore({url: "website/forms/countries.json"});
		country = new dijit.form.FilteringSelect(
													{
														store: newStore,
                        								searchAttr: "country",
                        								name: "country",
                        								autocomplete: "true"
													}
												).placeAt(dojo.byId("country_label"));
		/*dojo.connect(username, "onChange", function(){username.validate()});
		dojo.connect(password, "onChange", function(){password.validate()});
		dojo.connect(password_retype, "onChange", function(){password_retype.validate()});*/
	},
	checkPassword: function(value, constraints)
	{
		return value == password.attr('value');
	},
	checkLength: function(value, constraints)
	{
		return value.length >= constraints.min && value.length <= constraints.max;
	}
});