/**
 * @author schiesser
 */
Ext.ns('efiport.login.view');

efiport.login.view.login = function(widget){
    var that = {};
    
    var emailField = Ext.ComponentMgr.create({
		stateful: true,
		stateEvents: ['click'],
		stateId: 'loginEmail',
        xtype: 'textfield',
        fieldLabel: 'E-Mail',
        emptyText: '(z.b. max@mustermann.de)',
        name: 'first',
        allowBlank: false,
        vtype: 'email',
        blankText: 'Bitte eine E-Mail-Adresse angeben',
        width: '90%'
    });
    
    var passwordField = Ext.ComponentMgr.create({
        fieldLabel: 'Ihr Passwort',
        xtype: 'textfield',
        inputType: 'password',
        blankText: 'Bitte ein Passwort angeben',
        name: 'password',
        allowBlank: false,
        width: '90%'
    });
    
    var commit = function(){
        if (emailField.isValid() && passwordField.isValid()) {
            widget.clogin.login(emailField.getValue(), passwordField.getValue());
        }
    };
    
    that.panel = new Ext.form.FormPanel({
        labelAlign: 'top',
        autoHeight: true,
        border: false,
        header: false,
        title: 'Login',
		width: 400,
        keys: {
            key: Ext.EventObject.ENTER,
            fn: commit
        },
        
        items: [{
            border: false,
            html: widget.loginText
        }, emailField, passwordField, 
		comp.createStaticLink('Passwort vergessen?', 'http://campus.efiport.de/clicnetclm/sendUserData.do')]
		
    });
    
    that.panel.addButton('Registrieren', function(){
		widget.clogin.register(emailField.getValue());
    });
    that.panel.addButton('Anmelden', commit);
    
    return that;
};