/**
 * @author Roderik Emmerink
 * Front-end voor informatieaanvraag
 */

FormVal = function(){
	var vfinfo;
	return {
		Init:function(){
		    Ext.QuickTips.init();
		
		    Ext.form.Field.prototype.msgTarget = 'side';
		
		    vfinfo = new Ext.FormPanel({
		        labelWidth: 120, 
				labelAlign: 'right',
		        url:'../../lib/php/handleInformatieaanvraag.php',
				title: 'Informatie aanvragen',
				frame:true,				
				items: [{						
					xtype:'combo',
					fieldLabel: 'Aanhef',
		            hiddenName:'aanhef',
		            store: new Ext.data.SimpleStore({
		                fields: ['aanhef'],
		                data : [['De heer'],['Mevrouw']] 
		            }),
		            displayField:'aanhef',
					valueField:'aanhef',
		            typeAhead: true,
		            mode: 'local',
		            triggerAction: 'all',
		            emptyText:'Kies...',
		            selectOnFocus:true
				}, {
					xtype:'hidden',
					name:'klantpagina',
					value:kpid
				}, {		
					xtype:'textfield',					
					fieldLabel: 'Voornaam',
		            name: 'voornaam',		
					anchor:'96%'
				}, {
					xtype:'textfield',	
					fieldLabel: 'Achternaam',
					name:'achternaam',
					blankText:'Dit is een verplicht veld.',
					allowBlank:false,
					anchor:'96%'
				}, {
					xtype:'textfield',	
					fieldLabel: 'Voorletters',
		            name: 'voorletters',
					width:80
				}, {
					xtype:'textfield',	
					fieldLabel: 'Adres',
					name:'adres',
					anchor:'96%'
				}, {
					xtype:'textfield',	
					fieldLabel:'Postcode',
					name:'postcode',
					width:80
				}, {
					xtype:'textfield',	
					fieldLabel: 'Plaats',
		            name: 'plaats',
					anchor:'96%'
				}, {
					xtype:'textfield',	
					fieldLabel: 'Telefoonnummer',
		            name: 'telefoonnummer',
					anchor:'96%'
				}, {
					xtype:'textfield',	
					fieldLabel: 'Faxnummer',
		            name: 'faxnummer',
					anchor:'96%'
				}, {
					xtype:'textfield',	
					fieldLabel: 'E-mailadres',
		            name: 'email',
					vtype:'email',
					blankText:'U moet een geldig e-mailadres opgeven.',
					allowBlank:false,
					anchor:'96%'
				}, {
					xtype:'textfield',	
					fieldLabel: 'Aantal personen',
		            name: 'personen',
					width:50
				},{
		            layout:'column',
		            items:[{
		                columnWidth:.65,
		                layout: 'form',
		                items: [{
		                    xtype:'textfield',
		                    fieldLabel: 'Budget',				                    
		                    name: 'budget',
		                    anchor:'99%'
		                }]
		            },{
		                columnWidth:.35,
		                layout: 'fit',
		                items: [{
							xtype: 'ux-radiogroup',
							name: 'budgettype',
							labelWidth:0,						
							horizontal: true,
							radios: [{
								value: 'per persoon',
								boxLabel: 'p.p.'
							}, {
								value: 'totaal',
								boxLabel: 'totaal'
							}]
		            	}]
		        	}]
				}, {
					xtype:'datefield',
					fieldLabel: 'Voorkeursdatum 1',
					format:'l j F Y',
		            name: 'voorkeur1',
					anchor:'96%'
				}, {
					xtype:'datefield',
					fieldLabel: 'Voorkeursdatum 2',
					format:'l j F Y',
		            name: 'voorkeur2',
					anchor:'96%'
				}, {
					xtype:'textarea',
					fieldLabel: 'Opmerkingen',
		            name: 'opmerkingen',
		            grow: true,
		            preventScrollbars:true,
					anchor:'96%'
				}],
				buttons: [{
					text: 'Verzenden',
					type:'submit',
					handler:function(){
						vfinfo.getForm().submit({
							method:'POST',
							waitTitle:'Verbinden',
							waitMsg:'Gegevens verzenden, ogenblikje...',
							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);
								}
								var type = a.type; 
						     	var data = a.result.data; 
						     
						  		var myDiv = Ext.get('tekstvlak1');		
								
								var htr = '<h3>Informatieaanvraag</h3><p>Uw verzoek om informatie is verzonden.</p><p>U kunt <a href="/">hier klikken</a> om terug te keren naar de homepage.</p>';
								myDiv.dom.innerHTML = htr;							
							},
							failure: function(form, e) {
								if (e.failureType == 'server') {
									Ext.Msg.alert('Failure server', 'id:' + e.result.errors.id + ' - msg:' + e.result.errors.msg);
						        } else {
									Ext.Msg.alert('Let op', 'U heeft nog niet alle velden correct ingevuld. De velden met een rood icoon er achter zijn nog niet naar wens.');
						        }
	    					}
						})
					}
				}]
		    });
			
			vfinfo.render('form-ct');			
		} // close Init
   } // close procedure return
}(); // close FormVal functie

Ext.onReady(FormVal.Init, FormVal, true);