Ext.onReady(function() {
	Ext.QuickTips.init();
	
	var loginForm = new Ext.FormPanel({
		id : 'loginPanel', // id de la fenêtre
		frame : true, // pour que tous les items soient dans la même frame
		autoWidth : true, // largeur de la fenêtre
		autoHeight : true, // hauteur de la fenêtre
		labelWidth : 110, // largeur des labels des champs
		defaults : {
			width : 230
		},
		labelAlign : 'right',

		bodyStyle : 'padding:5p;margin:0px; ',
		items : [{
			xtype : 'textfield',
			fieldLabel : 'Reference N°',
			id : 'ID_RESA',
			name : 'ID_RESA',
			allowBlank : false,
			vtypeText : 'L\'identifiant de la réservation qui vous a été fourni par email',
			blankText : "Veuillez saisir l'indentifiant de votre réservation"
		}, {
			xtype : 'textfield',
			fieldLabel : 'Email',
			id : 'EMAIL_CLIENT',
			name : 'EMAIL_CLIENT',
			allowBlank : false,
			vtypeText : 'Le mail que vous avez indiqué lors de votre réservation',
			blankText : "Veuillez saisir votre email"
		}, {
			xtype : 'hidden',
			id : 'connexion',
			name : 'connexion'
		}],
		buttonAlign : 'center',
		buttons : [{
			xtype : 'button',
			iconCls : 'blogin',
			text : 'Se connecter',
			handler : fctSubmit
		}]
	});

	var logoPanel = new Ext.Panel({
		autoWidth : true, // largeur de la fenêtre
		autoHeight : true, // hauteur de la fenêtre
		contentEl : 'logo'
	})

	var loginTotal = new Ext.Panel({
		autoWidth : true, // largeur de la fenêtre
		autoHeight : true, // hauteur de la fenêtre
		layout : 'fit',
		items : [logoPanel, loginForm],
		//items : loginForm,
		bbar : new Ext.StatusBar({
			id : 'statusbar',
			defaultText : 'Prêt'
		})
	});

	var winLogin = new Ext.Window({
		title : 'Authentification', // titre de la fenêtre
		el : 'login-form',
		layout : 'fit',
		resizable : false,
		width : 500,
		autoHeight : true, // hauteur de la fenêtre
		closable : false,
		plain : true,
		items : loginTotal
	});
	
	winLogin.show();

	function fctSubmit() {
		var sb = Ext.getCmp('statusbar');
		sb.showBusy('connexion ...');
		loginForm.getEl().mask();
		if (loginForm.form.isValid()) {
			loginForm.form.submit({
				url : 'ActionLogin.php',
				method : 'POST',
				reset : false,
				failure : function(result, action) {
					obj = Ext.util.JSON.decode(action.response.responseText);
					var message = obj.error
					sb.setStatus({
						text : 'Erreur : ' + message,
						iconCls : '',
						clear : true
					});
				},
				success : function(result, action) {
					oJsonResponse = Ext.util.JSON.decode(action.response.responseText);
					/*
					sb.setStatus({
						text : 'Hash : ' + oJsonResponse.hash,
						iconCls : '',
						clear : true
					});
					*/
					window.location = oJsonResponse.url + '?' + 'hash=' + oJsonResponse.hash;
				} // fin de la fonction success
			}); // fin du submit
		} else {
			sb.setStatus({
				text : 'Formulaire non valide.',
				iconCls : '',
				clear : true
			});
		}
		loginForm.getEl().unmask();
	}
	function fctInscription(url) {
		
	}

})