Ext.setup({
    tabletStartupScreen: 'tablet_startup.png',
    phoneStartupScreen: 'phone_startup.png'
});

Clubraum = new Ext.Application({
    name: "Clubraum Mobile",


    launch: function() {
		
        
		Clubraum.LoginPanel = function(c){
            var cfg = Ext.apply({}, c, {
                fullscreen: true,
                items: [{
                    xtype: 'fieldset',
					margin: '5px',
                    instructions: '<a href="https://www.kjg-st-martin.de/impressum-72620.html" target="_blank">Impressum</a> | <a href="https://www.kjg-st-martin.de/datenschutz-0-p11.html" target="_blank">Datenschutzerkl&auml;rung</a>',
                    defaults: {
                        required: true,
                        labelAlign: 'left'
                    },
                    items: [{
                        xtype: 'textfield',
                        name: 'login',
                        placeHolder: 'Handynummer oder E-Mail',
                        id: 'loginfield'
                    }, {
                        xtype: 'passwordfield',
                        name: 'password',
                        placeHolder: 'Passwort',
                        id: 'passwordfield'
                    }]
                }],
                dockedItems: [{
                	dock: 'bottom',
                    items: [
                    	{
                            xtype: 'button',
                            text: 'Login',
                            margin: '5px',
                            ui: 'action',
                            handler: this.submit,
                            scope: this
                        }, {
                            xtype: 'button',
                            margin: '5px',
                            text: 'Zugangsdaten anfordern',
                            handler: function() {
                                Clubraum.MainContainer.setActiveItem(1);
                            }
                        }
                	]
                }]
            });
            Clubraum.LoginPanel.superclass.constructor.call(this, cfg);
        };
        var maskingAjax = new Ext.data.Connection({
            listeners: {
                'beforerequest': {
                    fn: function(con, opt){
                    	var loginfield = Ext.get('loginfield').child('div').child('input').getValue();
                        var passwordfield = Ext.get('passwordfield').child('div').child('input').getValue();
                        if(loginfield == '') {
                        	alert('Bitte Handynummer oder E-Mail eingeben!');
                            return false;
                        }
                        else {
                        	var checkemail = loginfield.search("@");
                            if(checkemail == -1) {
                            	if(isNaN(parseFloat(loginfield)))  {
                                	alert(unescape("Bitte g%FCltige Handynummer oder E-Mail eingeben!"));
                                    return false;
                                }
                            }
                        }
                    	if(passwordfield == '') {
                        	alert('Bitte Passwort eingeben!');
                            return false;
                        }
                    },
                    scope: this
                } 
            }
        });
        Ext.extend(Clubraum.LoginPanel, Ext.form.FormPanel, {
            submit: function(){
                maskingAjax.request({
                    method: 'post',
                    params: this.getValues(),
                    scope: this,
                    success: function(r, o){
                        var obj = Ext.decode(r.responseText);
                        if(obj.responseText[0].status == 'multiplematches') alert('Deine Handynummer/E-Mail kann nicht eindeutig einem Benutzerkonto zugeordnet werden. Wende dich bitte an einen Clubraumwirt.');
                    	else if(obj.responseText[0].status == 'nomatch') alert(unescape('F%FCr diese Handynummer/E-Mail konnte kein Benutzerkonto gefunden werden.'));
                        else if(obj.responseText[0].status == 'wrongpassword') alert('Das eingegebene Passwort ist falsch.');
                        else if(obj.responseText[0].status == 'loggedin') {
                         	Clubraum.Viewport.setActiveItem(1);
                         	location.href = 'https://www.kjg-clubraum.de/index.php';
                        }
                    },
                    url: 'model/login.php',
                });
            }
        });
        Ext.reg('loginpanel', Clubraum.LoginPanel);
        
        Clubraum.Instruction = new Ext.Panel ({
        	padding: 18,
            items: [{
            	margin: 5,
                html: 'Du willst auch die Clubraum-App nutzen, hast aber noch keinen Zugang? Verrate einfach einem Clubraumwirt Deine Handynummer und E-Mail. Du bekommst dann ein Passwort per Mail zugesandt, mit dem Du dich hier anmelden kannst.'
             }],
            dockedItems: [{
            	dock: 'bottom',
                margin: '10px 0px',
                items: [{
                    xtype: 'button',
                    margin: 5,
                    text: 'Zurück',
                    handler: function() {
                    	Clubraum.MainContainer.setActiveItem(0);
            		}
                }]
            }]
        });
        
        Clubraum.MainContainer = new Ext.Panel ({
            layout: 'card',
            cardSwitchAnimation: {type: 'flip'},
            items: [Clubraum.LoginPanel, Clubraum.Instruction]
        });
        Clubraum.Viewport = new Ext.Panel ({
            fullscreen: true,
            layout: 'card',
            cardSwitchAnimation: {type: 'cube'},
            items: [Clubraum.MainContainer, {style: "background-color: #FFFFFF;"}]
        });
    }
});