Ext.ns('app');

app.login = Ext.extend(Ext.Panel,{
	region: 'east',
	width : 225,
	border : false,
	initComponent : function(){
		app.header.superclass.initComponent.call(this);
		if(user.login) this.on('afterrender',this.genrateInfo,this);
		else this.on('afterrender',this.genrateForm,this);
	},
	genrateForm:function() {
		var dh =Ext.DomHelper;
		this.body.addClass('login');
		dh.append(this.body,{
			tag : 'form',
			action : www.url+'/member/login?url='+www.urlEncoded,
			method : 'post',
			cn :[{
				tag : 'div',
				id : 'btn',
				cls : 'btn'
			},{
				tag: 'div',
				cls : 'input-row',
				cn : [{
					tag : 'input', name : 'email', value : 'Э-Майл',id : 'user'
				}]
			},{
				tag : 'div',
				cls : 'input-row',
				cn : [{
					tag : 'input', name : 'pass', value : 'pass',id : 'pass' , type : 'password'
				}]
			},{
				tag : 'input',value : '0' , name :'autologin', id:'autologin' , type : 'hidden'
			},{
				tag : 'button',html : 'submit' ,  type : 'submit' , id:'submitBtn'
			}] 
		});
		
		var frm = this.body.child('form');
		var txtUser = this.body.child('#user');
		var txtPass = this.body.child('#pass');
		var txtAutoLogin = this.body.child('#autologin');
		var btn = this.body.child('#submitBtn');
		btn.hide();
		var autoLogin = new Ext.menu.CheckItem({
			text : 'Авто холболт',
			listeners : { 
				checkchange : function(th,checked){
					txtAutoLogin.set({'value':checked?'1':'0'}); 
				}
			}
		});
		

		var loginBtn=new Ext.SplitButton({
			renderTo : this.body.child('#btn'),
		   	text: 'Холбогдох',
		   	scale: 'medium',
		   	arrowAlign: 'bottom',
		   	width : 80,
		   	menu: new Ext.menu.Menu({
		        items: [autoLogin,
			        {text: 'Бүртгүүлэх',href :'/member/register'},
			        {text: 'Нууц үгээ мартсан',href :'/member/forgetpassword'}
		        ]
		   	}),
		   	handler : function(){
				frm.dom.submit();
			}
		});
		
		//this.body.child('pass').dom.value= "78"

		
		
    },
    genrateInfo:function() {    	
    	var dh =Ext.DomHelper;
    	this.body.addClass('login');
    	var t = new Ext.Template(
		    '<div>Сайн байна уу. <a href="{url}/member/profile">{name}</a></div>',
		    '<div><a href="{url}/member/profile">Хэрэглэгчийн хэсэг</a> | <a href="{url}/member/logout">Гарах</a></div>'
		);
    	t.append(this.body, {url: www.url, name: user.dname});
    	
    }

});