﻿
function showFeedbackWin(){
        var feedWin;
        
        if(!feedWin){
        	
        	// Данную функцию будем использовать для проверки заполненности формы
                checkForm = function(){
                        var emailForm = Ext.getCmp('email');
                        var message = Ext.getCmp('message').getValue();
                        var okButton = Ext.getCmp('buttonOK');
                        
                        // указав vtype:'email', мы можем отслеживать валидные ли данные указаны
                        // или нет
                        if(emailForm.isValid() == false || !emailForm.getValue() || !message){ 
                                // Если не валидно, блокируем кнопку ОК
                                okButton.setDisabled(true) ;    
                        }
                        else{ // Иначе делаем ее активной
                                okButton.setDisabled(false) ;   
                        }
                }
                
                           
            
    var submitPostForm = function(){		
		
    	
    	
        if (sendForm.form.isValid()) {   
			
			var autor = Ext.getCmp('autor').getValue();       
            var email = Ext.getCmp('email').getValue(); 
            var message = Ext.getCmp('message').getValue();

			
            sendForm.form.submit({
				params: {
				autor:autor,
				email:email,
				message:message
				},
            	waitMsg:'Зачекайте...',
                url:'/feedback/feedback.php',
                failure:function(form, action) {
                    Ext.MessageBox.alert('Помилка відправлення', action.response.status + ' - ' + action.response.statusText);
                    
                },                
                success:function() {
                	
                	Ext.MessageBox.alert('Повідомлення відправлене','Дякуємо за спілкування');
                	
				}
            });
        } else {
            Ext.MessageBox.alert('Помилка', 'Не коректно введені дані');
        }
        
        feedWin.close();
		
	};
                
                
			 
			
            var sendForm = new Ext.form.FormPanel({
            					bodyStyle: {padding: '10px'},
            					anchor:'100%',
            					method:'POST',
                                defaults:{
                                	anchor:'100%'
                                },
                                items:[
                                {
                                		xtype:'textfield',
                                        fieldLabel:"Ім'я",
                                        id:'autor',
										name:'autor'
                                },{     
                                		xtype:'textfield',  
                                        fieldLabel: 'e-mail',
                                        id:'email',
										name:'email',
                                        vtype:'email',
                                        enableKeyEvents: true,  
                                        listeners:{
                                        	keyup:function(){       
                                                        checkForm();
                                                }       
                                        }

                                	
                                },{
                                		id:'message',
										name:'message',
                                        xtype:'textarea',
                                        anchor:'100%',                    
                                        fieldLabel:'Поле для повідомлення',
                                        height: '200',
                                        enableKeyEvents: true,
                                        listeners:{
                                        	keyup:function(){       
                                                        checkForm();
                                                }       
                                        }
                                        
                                }
								]
            });
            
           
        	
        	var feedWin = new Ext.Window({
        				width:508,
                        height:374,
                        layout: 'fit',
                        bodyStyle:{'background-color': '#FFFFFF'},
                        title:"Зворотній зв'язок",
                        modal: true,
                        minWidth:300,
                        minHeight:300,
                        items:[sendForm],
        				buttons:[{              // Кнопки окна
                                text:'Відіслати',
                                disabled: true,
                                id:'buttonOK',
                                handler:function() {
                							submitPostForm();
                	
                						}
        				},{
        						text:'Відмінити',
        						id:'buttonCancel',
        						handler: function(){
        							feedWin.close()
        						}
        				}
        				]
        	}
        	
        	);
        }
        
        feedWin.show();
}

