// JavaScript Document   Plan3tari0
Ext.onReady(function(){
    Ext.QuickTips.init();
  // turn on validation errors beside the field globally
    Ext.form.Field.prototype.msgTarget = 'side';

	loc = location.href;
	if ( loc.indexOf("/it/") > 0 ) lang='it';
	if ( loc.indexOf("/en/") > 0 ) lang='en';
	
	ait = {'TitoloForm': 'Prenotazione Congressi, Feste .... ', 'SottoTitolo': 'Dati Personali','DatiEvento': 'Dati Visita',
			'Cognome': 'Cognome','Nome': 'Nome','RecapitoTelefonico': 'Recapito telefonico',
			'FAX': 'FAX','Email':'e-mail','Tipologia': 'Tipologia Evento <br/><i>(congresso,festa, etc.)</i> ', 'Data': 'Data dell\'evento ',
			'Orario': 'Orario<br/><i>(mattino,pomeriggio,sera)</i>','VisitaGuidata': 'Visita guidata','Spettacolo':'Spettacolo planetario',
			'Note': 'Note','Si':'Si','No':'No' ,'Partecipanti': 'Partecipanti','Adulti': 'adulti','Anni6':'sotto i 6 anni','Anni6-18': 'tra 6 e 18 anni','Over60':'oltre 60',
			'InviaRichiesta': ' Invia Richiesta',
			'MsgSuccess-T': 'Prenotazione effettuata','MsgSuccess': ' Prenotazione inviata correttamente.<br/> Verrete contattati da un nostro addetto appena possibile.',
			'Failure': ' Errore nel Server','ServerNotAv-T': 'Attenzione!', 'ServerNotAv': 'Server  non al momento raggiungibile. Ci scusiamo per l&#8217;inconveniente '
			};
			
	aen = {'TitoloForm': 'Groups Reservation', 'SottoTitolo': 'Personal data','DatiEvento': 'Visit Details',
			'Cognome': 'Last Name','Nome': 'First Name','RecapitoTelefonico': 'telephone number',
			'FAX': 'FAX','Email':'e-mail','Tipologia': 'Evento type  <br/><i>(meeting,party, etc.)</i> ', 'Data': 'Date of this event',
			'Orario': 'Event time<br/><i>(morning,afternoon,evening,..)</i>','VisitaGuidata': 'Guided tour','Spettacolo':'Planetarium projection',
			'Note':'Notes','Si':'Yes','No':'No' , 'Partecipanti': 'Number of people committed','Adulti': 'adult','Anni6':'under 6','Anni6-18': '6-18 years old','Over60':'over 60',
			'InviaRichiesta': ' Send Request',
			'MsgSuccess-T': 'Reservation sent','MsgSuccess': ' As soon as possible a our rappresentative will contact you .',
			'Failure': ' Server Error','ServerNotAv-T': 'Attention!', 'ServerNotAv': 'Server unreachable . Sorry for the inconvenience! '
			
			};
	language = {'it': ait,'en':aen};
	hidelabel = (lang == 'it' ? false : true);
	hidefield = (lang == 'it' ? false : true);
	// Create a variable to hold our EXT Form Panel. 
	// Assign various config options as seen.	 
    var login = new Ext.FormPanel({ 
		url:'../services/jPrenotaCongresso.php', 
        labelWidth: 140, // label settings here cascade unless overridden
        frame:true,
        title: language[lang]['TitoloForm'],
        bodyStyle:'padding:5px 5px 0',
		monitorValid:true,

        width: 550,
        items: [{
			layout: 'form',
            xtype:'fieldset',
            //checkboxToggle:true,
            title:  language[lang]['SottoTitolo'],
            autoHeight:true,
            defaults: {anchor:'-30',width: 70},
            defaultType: 'textfield',

            //collapsed: true,
            items :[{
                    fieldLabel: language[lang]['Cognome'],
                    name: 'cognome',
                    allowBlank:false
                },{
                    fieldLabel: language[lang]['Nome'],
                    name: 'nome'
                },{
                    fieldLabel: language[lang]['RecapitoTelefonico'],
                    name: 'telefono',
					allowBlank:false

                },
				{
                    fieldLabel: language[lang]['Email'],
                    name: 'email',
                    vtype:'email',
					allowBlank:false
                }
            ]
        },
		
		{
            xtype:'fieldset',
            title: language[lang]['DatiEvento'],
            //collapsible: true,
            autoHeight:true,
            defaults: {anchor:'-30',width: 70},
            defaultType: 'textfield',
            items :[{
                    fieldLabel: language[lang]['Tipologia'], //Tipologia Evento <br/><i>(congresso,festa, etc.)</i> ',
                    name: 'tipologia',
					allowBlank:false

                },{
					xtype:'datefield',
							format:'Y-m-d',
							name:'data',
							//value: rec.dataFine,
							fieldLabel: language[lang]['Data'],
							width: 40,
							anchor:'-15',
                    //fieldLabel: language[lang]['Data'],//Data Evento <br/><i>(gg/mm/aaaa)</i>',
					//labelSeparator: '',
                   // name: 'data',
					allowBlank:false


                },{
                    fieldLabel: language[lang]['Orario'],//'Orario Evento <br/><i>( mattino,pomeriggio, sera,...)</i>',
					labelSeparator: '',
                    name: 'orario',
					allowBlank:false


                }]
		},			   			   
		{
            xtype:'fieldset',
            title: language[lang]['Partecipanti'],
            //collapsible: true,
            autoHeight:true,
            defaults: {anchor:'-30',width: 70},
            defaultType: 'textfield',
            items :[{
                    fieldLabel: language[lang]['Adulti'],
                    name: 'adulti'
                },{
                    fieldLabel: language[lang]['Anni6'],//bambini sotto i 6 anni',
                    name: 'bambini6'

                },{
                    fieldLabel: language[lang]['Anni6-18'],
                    name: 'bambini18'

                },{
                    fieldLabel: language[lang]['Over60'],
                    name: 'over60'

                },{
                    fieldLabel: 'Numero possessori di carta musei Torino/Piemonte',
                    name: 'numCarte',
					id: 'numCarte',
					hideLabel : hidelabel,
					hidden: hidefield 
                },{
                    fieldLabel: language[lang]['Note'],
                    name: 'note',
					xtype: 'textarea'

                }]
		}]
			   
			   ,


        buttons:[{ 
                text:language[lang]['InviaRichiesta'],
                formBind: true,	 
                // Function that fires when user clicks the button 
                handler:function(){ 
                    login.getForm().submit({ 
                        method:'POST', 
                        waitTitle:'Connecting', 
                        waitMsg:'Sending data...',
 
			// Functions that fire (success or failure) when the server responds. 
			// The one that executes is determined by the 
			// response that comes from login.asp as seen below. The server would 
			// actually respond with valid JSON, 
			// something like: response.write "{ success: true}" or 
			// response.write "{ success: false, errors: { reason: 'Login failed. Try again.' }}" 
			// depending on the logic contained within your server script.
			// If a success occurs, the user is notified with an alert messagebox, 
			// and when they click "OK", they are redirected to whatever page
			// you define as redirect. 
 
                        success:function(form,action){ 
						     //obj = Ext.util.JSON.decode(action.response.responseText); 
							 							//alert(action.response.responseText);
							Ext.Msg.alert(language[lang]['MsgSuccess-T'], 
										  language[lang]['MsgSuccess'], 
                           // Ext.Msg.alert('Prenotazione effettuata', 
										  //"Prenotazione inviata correttamente.<br/> Verrete contattati da un nostro addetto appena possibile.", 
										  function(btn, text){
				  			 					if (btn == 'ok'){
		                        					//	var redirect = '/admin/adminEventi.php'; 
		                        					//window.close() ;
													login.getForm().reset() ;
                                  				 }
										  });
			  
						   			//var redirect = '/test/admin/adminEventi.php'; 
		                        	//window.location = redirect;
/*
                        	Ext.Msg.alert('Status', 'Login Successful!', function(btn, text){
				  			 		//if (btn == 'ok'){
		                        		var redirect = '/admin/adminEventi.php'; 
		                        		window.location = redirect;
                                  // }
			       			});
							*/
                        },
 
			// Failure function, see comment above re: success and failure. 
			// You can see here, if login fails, it throws a messagebox
			// at the user telling him / her as much.  
 
                        failure:function(form, action){ 
							// non so come ma action.failureType ==>  action.failureType='server';							
                            if(action.failureType == 'server'){ 
                                obj = Ext.util.JSON.decode(action.response.responseText); 
                                Ext.Msg.alert(language[lang]['Failure'], obj.errors); 

                                //Ext.Msg.alert('Login Fallito!', obj.errors); 
                            }else{ 
															//Ext.Msg.alert(action.response.responseText);
                                Ext.Msg.alert(language[lang]['ServerNotAv-T'],language[lang]['ServerNotAv'] ); 

                               // Ext.Msg.alert('Attenzione!', 'Il server  non è al momento raggiungibile. Ci scusiamo per l\'inconveniente ' ); 
                            } 
                            //login.getForm().reset(); 
                        } 
                    }); 
                } 
            },{
				text:'Cancel',
				 handler:function(){ 
                    login.getForm().reset();
				 } 
			}
				] 
    });
 
 	login.render('formcongressi');
	/*
	// This just creates a window to wrap the login form. 
	// The login object is passed to the items collection.       
    var win = new Ext.Window({
        layout:'fit',
        width:300,
        height:400,
        closable: false,
        resizable: false,
        plain: true,
        border: false,
		renderTo: 'formgruppi',
        items: [login]
	});
	win.show();
*/	
});

