////////////////////////////////////////////////////////////////////////////////////////////////////////
// Calc.calc_03.input
////////////////////////////////////////////////////////////////////////////////////////////////////////
// Klasa reprezentuje sekcję wprowadzania danych użytkownika
////////////////////////////////////////////////////////////////////////////////////////////////////////
Ext.ns('Calc.calc_03.input');

Calc.calc_03.input = Ext.extend(Calc.input, {
	title: 'Jak długo będę spłacał kredyt?',
	initComponent: function() {
		Ext.apply(this, {
			id: 'input-section',
			items: [{
			  //input subsection
				xtype: 'inputPanel',
				title: 'Warunki kredytu',
				html: '',
				items: [{
					xtype: 'elem.slider',
					title: 'Kwota kredytu',
					valueName: 'kwotaKredytu',
					labels: Calc.sliderData.kwota,
					initValue: Calc.Defaults.values.kwota
				},{
					xtype: 'elem.slider',
					title: 'Ile mogę przeznaczyć miesięcznie na spłatę kredytu',
					valueName: 'rata',
					labels: Calc.sliderData.rata,
					initValue: Calc.Defaults.values.rata
				},{
					xtype: 'panel',
					labelAlign: 'left',
					border: true,
					baseCls: 'calc-form',
					bodyStyle:'padding:5px',
			        //width: 500,
			        items: [{
			            layout:'column',
			            baseCls: 'calc-form',
			            border: false,
			            items:[{
			                columnWidth:.4,
			                layout: 'form',
			                baseCls: 'calc-form',
			                labelWidth: 210,
			                border: false,
			                items: [{
			                    xtype:'elem.numberfield',
			                    fieldLabel: 'Oprocentowanie kredytu',
			                    value: Calc.Defaults.values.oprocentowanie,
			                    id: 'oprocentowanie',
			                    name: 'oprocentowanie',
                                plugins: Calc.Labels.proc
                            }]
			            }, {
			            	xtype: 'panel',
			            	columnWidth:.5,
			                layout: 'table',
			                baseCls: 'radio-table',
			                border: false,
			                layoutConfig: {
			                    columns: 5
			                },
			                //anchor: '100%',
			                defaults: {
			                    border: false,
			                    layout: 'form',
			                    labelWidth: 40,
			                    style: {
			                        paddingRight: '10px',
                                    paddingLeft: '3px'
			                    }
			                },
			                items: [{
			                    xtype: 'label',
			                    text: 'Rodzaj raty:'
			                },{
                                xtype: 'radio',
                                name: 'rodzajRaty',
                                id:   'rodzajRatyR',
                                inputValue: 'rowne',
                                checked: true,
                                hideLabel: true
			                },{
			                    xtype: 'label',
			                    text: 'równa',
                                forId: 'rodzajRatyR'
                            },{
                                xtype: 'radio',
                                name: 'rodzajRaty',
                                id: 'rodzajRatyM',
                                inputValue: 'malejace',
                                hideLabel: true
			                },{
			                    xtype: 'label',
			                    text: 'malejąca',
                                forId: 'rodzajRatyM'
                            }]
			            }]
			        }]
				}]
			}]
		});
		Calc.calc_03.input.superclass.initComponent.apply(this, arguments);
	}

});

Ext.reg('calc_03.input', Calc.calc_03.input);