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

Calc.calc_12.input = Ext.extend(Calc.input, {
	title: 'Na jaką rentę mnie stać?',
	initComponent: function() {
		Ext.apply(this, {
			id: 'input-section',
			items: [{
			  //input subsection
				xtype: 'inputPanel',
				title: '',
				html: '',
				items: [{
					//-----------------------------OKRES SLIDER-------------------------------
					xtype: 'elem.slider',
					title: 'Ile lat chcesz oszczędzać?',
					valueName: 'okres',
					yearsToMonths: true,
					labels: Calc.sliderData.okres,
					initValue: Calc.Defaults.values.okres
					//-----------------------------/OKRES SLIDER-------------------------------
				},{
					//-----------------------------KWOTA SLIDER-------------------------------
					xtype: 'elem.slider',
					title: 'Jaką kwotę miesięcznie będziesz oszczędzał?',
					valueName: 'kwota',
					labels: Calc.sliderData.rata,
					initValue: Calc.Defaults.values.kwota
					//-----------------------------/KWOTA SLIDER-------------------------------
				},{
					//-----------------------------LATA WYPLATY SLIDER-------------------------------
					xtype: 'elem.slider',
					title: 'Ile lat chcesz sobie wypłacać rentę?',
					valueName: 'okresWyplaty',
					yearsToMonths: true,
					labels: Calc.sliderData.okres,
					initValue: Calc.Defaults.values.okres2
					//-----------------------------/LATA WYPLATY 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: 180,
			                border: false,
			                items: [{
			                    xtype:'elem.numberfield',
			                    width: 40,
			                    fieldLabel: 'Oczekiwana roczna stopa zwrotu',
			                    id: 'stopaZwrotu',
			                    name: 'stopaZwrotu',
			                    value: Calc.Defaults.values.oprocentowanie,
                                plugins: Calc.Labels.proc
			                }]
			            }]
			        }]
				}]

			}]

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

});

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