/**
 * @author Roderik
 */

Ext.onReady(function(){
	
	Ext.QuickTips.init();
		
	Ext.form.Field.prototype.msgTarget = 'side';
	
	var aidSignupForm = new Ext.FormPanel({
	        labelWidth: 100, // label settings here cascade unless overridden
	        labelAlign: 'right',
	        url:'/lib/php/signup.php',
	        frame:true,
			monitorValid:true,
	        title: 'Sign Up for AI Dating',
	        bodyStyle:'padding:5px 5px 0',
	        width: 350,
	        defaultType: 'textfield',
	
	        items: [{
	                fieldLabel: 'First Name',
	                name: 'first',
					allowBlank:false,
					anchor: '95%'
	            },{
	                fieldLabel: 'Last Name',
					anchor: '95%',
					allowBlank:false,
	                name: 'last'
	            },{
	                fieldLabel: 'Email',
	                name: 'email',
					anchor: '95%',
					allowBlank:false,
	                vtype:'email'
	            }, {
	                fieldLabel: 'Choose Password',
	                name: 'password',
					anchor: '95%',
					allowBlank:false,
					inputType: 'password'
	            }, {
					xtype:'checkbox',
					id:'toscheck',
					name:'tos',
					hideLabel:true,
					isValid: function(){
						if (Ext.get('toscheck') != null) {
							if (Ext.get('toscheck').dom.checked) 
								return true;
							return false;
						}
					},
					anchor: '95%',
					/*fieldLabel:'my field label',*/
					boxLabel:'I agree that all data submitted while using this web site becomes the property of the dating site and can be freely used without additional permission.'
				}
	        ],
	
	        buttons: [{
	            text: 'Sign Up',
				type: 'submit',
				formBind:true,
				handler:function(){
					aidSignupForm.getForm().submit({
						method:'POST',
						waitTitle:'Processing request',
						waitMsg:'One moment, processing sign up...',
						success:function(f,a){
						  	if(a && a.result && typeof a.result.level == "number") {
							    Test.level=a.result.level;
							    alert("level = "+Test.level);
							    dialog.destroy(true);
								// joepie jee, alles is fijn, alles is goed, lets continue
							}
							var type = a.type; 
					     	var data = a.result.data; 
					     
					  		var myDiv = Ext.get('signupform');		
							//var htr = '<h3>Afbeelding toevoegen</h3><p>Indien gewenst kunt u nog afbeeldingen toevoegen zoals uw logo. Uw logo wordt alleen getoond indien deze ten hoogste 200 pixels breed is.</p><p>Indien u als type logo selecteert dan wordt deze afbeelding gebruikt in het rubrieksoverzicht, indien u als type impressie selecteert dan wordt de afbeelding getoond op de pagina over uw activiteit.</p><form method="post" enctype="multipart/form-data" action="/lib/php/handleImg.php">';
					  	
							//htr = htr + '<fieldset><legend>Logo of foto:</legend><div class="row"> <span class="label">Kies het bestand:</span>		  <span class="formw"><input type="hidden" name="MAX_FILE_SIZE" value="2000000" /><input value="" name="bestand" size="25" type="file" /></span>		</div>	<div class="row">			<span class="label">Type:</span>		  <span class="formw"><select name="Functie">				  <option value="Logo">Logo</option> 	  <option value="Impressie">Impressie</option></select> <input type="hidden" name="klantid" value="'+data.klant+'" /><input type="hidden" name="vermid" value="'+data.verm+'" /></span>		</div>		<div class="row">		  <span class="label">&nbsp;</span>		  <span class="formw"><input name="Toevoegen" value="toevoegen" type="submit" /></span>		</div>	</fieldset>	</form>';
							//htr = htr + '<p>Uw aanmelding zal binnenkort beoordeeld worden. Indien u klaar bent met het toevoegen van afbeeldingen dan kunt u deze pagina verlaten.</p><p>Wij verzoeken u niet al te grote afbeeldingen toe te voegen en geven er de voorkeur aan dat u een afbeelding upload die als logo fungeert.</p>';
							var htr = '<p>Thanks for signing up. Please check your email for your details.</p>';
							myDiv.dom.innerHTML = htr;							
						},  
						failure: function(form, e) {
							if (e.failureType == 'server') {
								//console.log(e.result);
								Ext.Msg.alert('Error', e.result.errors[0].id + '<br />' + e.result.errors[0].msg);
					        	//form.markInvalid(a.result.errors); 
							} else {
								Ext.Msg.alert('Uh oh', 'Please check the fields marked with a red icon.');
					        }
    					}
					})
				}
	        }]
	    });
	
	aidSignupForm.render('signupform');
	
});