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

Calc.calc_08.input = Ext.extend(Calc.input, {
	title: 'Ile lat muszę oszczędzać aby uzbierać?',
	initComponent: function() {
		Ext.apply(this, {
			id: 'input-section',
			items: [{
			  //input subsection
				xtype: 'inputPanel',
				title: '',
				html: '',
				items: [{
					//-----------------------------KWOTA SLIDER-------------------------------
					xtype: 'elem.slider',
					title: 'Jaką kwotę potrzebujesz?',
					valueName: 'kwota',
					labels: Calc.sliderData.kwota,
					initValue: Calc.Defaults.values.kwota
					//-----------------------------/KWOTA SLIDER-------------------------------
				},{
					xtype: 'panel',
					labelAlign: 'left',
					border: true,
					baseCls: 'calc-form',
					bodyStyle:'padding:5px',
			        //width: 500,
			        items: [{
			            layout:'column',
			            baseCls: 'calc-form',
			            border: false,
			            items:[{
			                columnWidth:.5,
			                layout: 'form',
			                baseCls: 'calc-form',
			                labelWidth: 210,
			                border: false,
			                items: [{
			                    xtype:'elem.numberfield',
			                    width: 55,
			                    fieldLabel: 'Ile możesz przeznaczyć na oszczędzanie',
			                    id: 'ileOdkladam',
			                    name: 'ileOdkladam',
			                    allowDecimals: false,
			                    value: Calc.Defaults.values.k,
                                plugins: Calc.Labels.zl

                            },{
			                    xtype:'elem.numberfield',
			                    width: 40,
			                    fieldLabel: 'Oczekiwana roczna stopa zwrotu',
			                    id: 'stopaZwrotu',
			                    name: 'stopaZwrotu',
			                    value: Calc.Defaults.values.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: 'Częstotliwość wpłat:'
			                }, {
                                xtype: 'radio',
                                checked: true,
                                name: 'jakCzesto',
                                id: 'jakCzestoM',
                                inputValue: '1',
                                hideLabel: true
			                },{
			                    xtype: 'label',
			                    text: 'miesięcznie',
                                forId: 'jakCzestoM'
                            },{
                                xtype: 'radio',
                                name: 'jakCzesto',
                                id: 'jakCzestoJ',
                                inputValue: '2',
                                hideLabel: true

			                },{
			                    xtype: 'label',
			                    text: 'jednorazowo',
                                forId: 'jakCzestoJ'
                            }]
			            }]
			        }]
				}]

			}]

		});
		Calc.calc_08.input.superclass.initComponent.apply(this, arguments);
	}
});

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