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

Calc.calc_15.input = Ext.extend(Calc.input, {
	title: 'O ile więcej mogę zarobic dzięki odroczeniu płatności podatku Belki?',
	initComponent: function() {
		Ext.apply(this, {
			id: 'input-section',
			items: [{
			  //input subsection
				xtype: 'inputPanel',
				title: '',
				html: '',
				items: [{
					//-----------------------------OKRES SLIDER-------------------------------
					xtype: 'elem.slider',
					title: 'Ile lat zamierzasz 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-------------------------------
				},{
					xtype: 'panel',
					labelAlign: 'left',
					border: true,
					baseCls: 'calc-form',
					bodyStyle:'padding:5px',
			        //width: 500,
			        items: [{
			            layout:'column',
			            baseCls: 'calc-form',
			            border: false,
			            items:[{
			                columnWidth:.45,
			                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
			                }]
			            },{
			            	columnWidth:.515,
			                layout: 'form',
			                baseCls: 'calc-form',
			                labelWidth: 220,
			                border: false,
			                items: [{
			                	xtype: 'elem.combo',
			                	id: 'okresBelka',
			                	fieldLabel: ' Jak często będzie pobierany podatek Belki',
                        		store: [[1,'miesięcznie'], [2,'kwartalnie'], [3,'półrocznie'], [4,'rocznie']],
                        		hiddenName: 'kapitalizacja',
                        		value: 1
			                }]
						}]
			        }]
				}]

			}]

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

});

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