Ext.onReady(function(){
    Ext.QuickTips.init();
	
	var kelamin = 'L';
	
	var NRP = new Ext.form.TextField ({
		allowBlank: false,
		applyTo: 'username'
	});
	
	var NamaLengkap = new Ext.form.TextField ({
		allowBlank: false,
		inputType: 'password',
		applyTo: 'pwd'
	});	
	
	Ext.get('Login').on ('click', function (){
			Ext.Ajax.request({
				waitMsg: 'Sedang memproses..',
				url: 'loginController.php',
				params: { 
					username: Ext.get('username').dom.value,
					pwd: Ext.get('pwd').dom.value
				},
				
				success:function (response, option) {	
					if (response.responseText == 'success') {
						window.location = 'LihatData.php';	
					}					
					else {
						var tpl = new Ext.Template('<div style="padding:5px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; border: dashed 1px #0099FF">' + response.responseText + '</div>');

						tpl.overwrite(Ext.get('msg'));
						Ext.get('msg').highlight('#c3daf9', {block:true});
					}
				}
			});
		});
	
	var store = new Ext.data.GroupingStore ({
		proxy: new Ext.data.HttpProxy ({
			url: 'indexController.php'
		}),
		
		reader: new Ext.data.JsonReader ({
			root: 'results',
			totalProperty: 'total',
			id: 'id_num',
			fields: [
				'nrp', 'nama_lengkap','nama_panggilan',  
				'jenis_kelamin', 't4_lahir', 'tgl_lahir', 
				'agama', 'alamat_skrg', 'tlp_skrg', 'alamat_asal', 'tlp_asal',
				'hp', 'thn_masuk', 'thn_lulus', 'asal_smu', 'email', 'web',
				'pekerjaan', 'keanggotaan' 
			]
		}),
		
		sortInfo:{field: 'thn_masuk', direction: "ASC"},
        groupField:'thn_masuk'
	});

	var cm = new Ext.grid.ColumnModel([
		{
           id: 'nrp', 
           header: "NRP",
           dataIndex: 'nrp',
		   sortable: true,
		   width: 100
        },
		{
           header: "Nama",
           dataIndex: 'nama_lengkap',     
		   sortable: true,
		   width: 200
        },
		{
           header: "Angkatan",
           dataIndex: 'thn_masuk',     
		   sortable: true,
		   width: 100
        },
		{
           header: "Tanggal Lahir",
           dataIndex: 'tgl_lahir',   
		   sortable: true,
		   width: 100
        }
		]);
	
	
	var grid = new Ext.grid.GridPanel ({
		el: 'db-grid',
		width: 520,		
		height: 300,
		title: 'Yang ulang tahun hari ini',
		frame: true,
		store: store,
		cm: cm,	
		loadMask: true,
		collapsible: true,
		animCollapse: true,
		view: new Ext.grid.GroupingView({
            forceFit:true,
            groupTextTpl: '{text} ({[values.rs.length]} {[values.rs.length > 1 ? "Items" : "Item"]})'
        })
	});		

	grid.render();
	store.load({params:{start:0, limit: 25}});	
	
});