/*
 * Ext JS Library 2.1
 * Copyright(c) 2006-2008, Ext JS, LLC.
 * licensing@extjs.com
 * 
 * http://extjs.com/license
 */

Ext.onReady(function(){

    Ext.QuickTips.init();

    // turn on validation errors beside the field globally
    Ext.form.Field.prototype.msgTarget = 'side';
    
    var bd = Ext.getBody();
    
    //bd.createChild({tag: 'h2', html: 'Dutch Form'})
	var Database_Cities = new Ext.data.JsonStore({
		url: '/i/cities.php',
		root: 'types',
		fields: ['id', 'id2', 'name'],
		baseParams : {action: '15'}
	});

	//Database_Cities.load();
	
	var Cities_combo = new Ext.form.ComboBox({
				fieldLabel: 'Категория номера',
				xtype: 'combo',
				mode: 'remote',
				store: Database_Cities,
				displayField: 'name',
				valueField: 'name',
				id: 'blin2',
				editable: false,
				allowBlank: true,
				width: '100%',
				listWidth: '200',
				hiddenName: 'category',
    			triggerAction: 'all',
				name:'category'
			});
			
    // simple form
	
    var simple = new Ext.FormPanel({
        labelAlign: 'top',
        //frame:true,
        title: 'Заявка',
        //bodyStyle:'padding: 5px 5px 0',
        width: 400,
		bodyBorder: false,
		border: false,
		bodyStyle:'padding:5px; background-color: transparent;',
        items: [{
            		layout:'column',
					border: false,
					bodyStyle:'background-color: transparent;',
            		items:[{
               			columnWidth:.38,
                		layout: 'form',
						border: false,
						bodyStyle:'background-color: transparent;',
                		items: [{
							xtype:'datefield',
                			fieldLabel: 'Дата заезда',
                			name: 'date_in',
							allowBlank: false,
                			anchor:'80%'
						}]
            		},{
                		columnWidth:.38,
                		layout: 'form',
						border: false,
						bodyStyle:'background-color: transparent;',
                		items: [{
							xtype:'datefield',
                			fieldLabel: 'Дата выезда',
                			name: 'date_out',
							allowBlank: true,
                			anchor:'80%'
						}]
            		}]
        		},
				
				Cities_combo
				
				,{
                    xtype:'textfield',
                    fieldLabel: 'Количество человек',
                    name: 'men',
					allowBlank: true,
                    anchor:'8%'
                },{
                    xtype:'textfield',
                    fieldLabel: '<p align="center" style="margin:6px 25% 6px 0;">Как с Вами связаться? <br>Пожалуйста, укажите Ваши контактные данные:</p>Имя и отчество',
                    name: 'name',
					allowBlank: false,
                    anchor:'75%'
                }, {
                    xtype:'textfield',
					
                    fieldLabel: 'Фамилия',
                    name: 'surname',
					
					allowBlank: false,
                    anchor:'75%'
                },{
/*            		layout:'column',
					border: false,
					bodyStyle:'background-color: transparent;',
            		items:[{
               			columnWidth:.15,
                		layout: 'form',
						border: false,
						bodyStyle:'background-color: transparent;',
                		items: [{
							xtype:'textfield',
                    		fieldLabel: 'Код города',
                    		name: 'prefix',
							allowBlank: true,
                    		anchor:'95%'
						}]
            		},{
                		columnWidth:.35,
                		layout: 'form',
						border: false,
						bodyStyle:'background-color: transparent;',
                		items: [{
							xtype:'textfield',
                    		fieldLabel: 'Ваш телефон',
							allowBlank: false,
							bodyStyle:'background-color: transparent;',
                    		name: 'phone',
                    		anchor:'80%'
						}]
            		}]*/
					xtype:'textfield',
					fieldLabel: 'Ваш телефон',
					allowBlank: false,
					bodyStyle:'background-color: transparent;',
					name: 'phone',
					anchor:'75%'
        		},{
                    xtype:'textfield',
					vtype: 'email',
                    fieldLabel: 'Ваш e-mail',
                    name: 'email',
					disableKeyFilter : true,
					allowBlank: true,
                    anchor:'75%'
                },{
            		xtype:'textarea',
            		id:'bio',
            		fieldLabel:'Дополнительная информация',
            		height:80,
					name: 'more_info',
            		anchor:'99%'
        		},{
					xtype:'hidden',name:'action',value:'1'
				}],
				buttonAlign: 'left',
		        buttons: [{
					minWidth: 20,
            		text: 'Отправить',
    				handler: function(){
						//alert (Lists_combo.getValue());
						
						if (simple.getForm().isValid()) {
						
					    	simple.getForm().submit({
								url:'/i/cities.php',
								waitMsg:'Сохранение данных ...',
								success: function(){
									//addforms.root.reload();
									// как то обнулить значение поля.
									simple.getForm().reset();
									Ext.Msg.alert('Спасибо', 'Ваша заявка отправлена <br/>•• ВАЖНО! •• <br/>Обязательно получите подтверждение по телефону, что Ваша заявка принята!', function(btn, text){
    									if (btn == 'ok'){	
											window.location=('/')
										}
									});
									//Database_Forms.load();
       							},
								failure: function() {
									Ext.Msg.alert('Неполадка', 'По неизвестной причине, не удалось отправить данные. Проверьте правильность заполнения и попробуйте отправить еще раз.');
								}
							});
						} else {
							Ext.Msg.alert('Внимание', 'Заполните, пожалуйста все обязательные поля формы.');
						}
					//AddNewFormsItem.hide();
    			}
        	}]
    	});
    simple.render(document.body,'hello-win');
	
});