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

Calc.calc_02.input = Ext.extend(Calc.input, {
	title: 'Czy stać mnie na kredyt?',
	initComponent: function() {
		Ext.apply(this, {
			id: 'input-section',
			items: [{
			  //input subsection
				xtype: 'inputPanel',
				title: 'Warunki kredytu',
				html: '',
				items: [{
					xtype: 'elem.slider',
					title: 'Jaka kwota kredytu Cię interesuje?',
					valueName: 'kwotaKredytu',
					labels: Calc.sliderData.kwota,
					initValue: Calc.Defaults.values.kwota
				},{
					xtype: 'elem.slider',
					title: 'Okres spłaty',
					valueName: 'okresSplaty',
					yearsToMonths: true,
					labels: Calc.sliderData.okres,
					initValue: Calc.Defaults.values.okres
				},{
					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',
			                    width: 40,
			                    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:   'rodzajRatyRowna',
			                        inputValue: 'rowne',
                                    checked: true,
                                    hideLabel: true
			                },{
			                    xtype: 'label',
                                forId: 'rodzajRatyRowna',
                                text: 'równa'
                            },{
                                xtype: 'radio',
                                name: 'rodzajRaty',
                                id:   'rodzajRatyMal',
                                inputValue: 'malejace',
                                hideLabel: true
			                },{
			                    xtype: 'label',
                                forId: 'rodzajRatyMal',
                                text: 'malejąca'
							}]
			            }]
			        }]
				}]
			},{
				xtype: 'panel',
				border: false,
				baseCls: 'hr',
				html: '<div class="horizontal-dot-separator margin"/>'
			},{
				xtype: 'inputPanel',
				title: 'Przychody i wydatki',
				html: '',
				//width: 600,
				items: [{
					xtype: 'panel',
					border: false,
					items: [{
						layout:'column',
						border: false,
						items:[{
			                columnWidth:.46,
			                labelWidth: 210,
			                layout: 'form',
			                border: false,
			                items: [{
			                    xtype: 'elem.numberfield',
			                    width: 60,
			                    fieldLabel: 'Dochód brutto gospodarstwa domowego',
			                    value: Calc.Defaults.values.d,
			                    id: 'dochod',
								name: 'dochod',
                                plugins: Calc.Labels.zl
                            }]
						},{
							columnWidth:.36,
							labelWidth: 170,
			                layout: 'form',
			                border: false,
			                items: [
			                	//new Ext.ux.form.Spinner(
								{
			                		xtype: 'uxspinner',
									width: 50,
									id: 'liczbaOsob',
                                    labelStyle: 'text-align: right; width: 150px; padding-right: 5px;',
                                    fieldLabel: ' Liczba osób',
									labelSeparator: '',
									validationDelay: 0,
                                    labelWidth: 250,
                                    value: Calc.Defaults.values.z,
									cls: 'validated',
									allowBlank: false,
									blankText: 'Pole wymagane',
									invalidClass: 'calc-invalid',
									editable: false,
					                strategy: {
					                    xtype: 'number',
					                    minValue: 1,
					                    maxValue: 10
					                },
					                validator: function(){
					                	var value = parseInt(this.getValue());
					                	if(isNaN(value)) {
											this.setRawValue('');
											return 'Wprowadź liczbę całkowitą od 1 do 10';
										}
					                	else this.setRawValue(value);
										if( value<1 || value>10 ) return 'Niedozwolona wartość';

										return true;
									}
								}
								//)
							]
						}]
					}]
				},{
					xtype: 'panel',
					labelAlign: 'left',
					border: true,
					baseCls: 'calc-form',
					style: 'padding-top: 10px',
					bodyStyle:'padding:5px',
			        //width: 500,
			        items: [{
			            layout:'column',
			            baseCls: 'calc-form',
			            border: false,
			            items:[{
			                columnWidth:.41,
			                layout: 'form',
			                baseCls: 'calc-form',
			                labelWidth: 210,
			                border: false,
			                items: [{
			                    xtype:'elem.numberfield',
			                    width: 43,
			                    labelSeparator: '',
			                    fieldLabel: 'Utrzymanie mieszkania',
			                    value: Calc.Defaults.values.k1,
			                    fixedWidth: true,
			                    id: 'mieszkanie',
			                    name: 'mieszkanie',
                                plugins: Calc.Labels.zl
			                },{
			                    xtype:'elem.numberfield',
			                    width: 43,
			                    labelSeparator: '',
			                    fieldLabel: 'Raty innych kredytów',
			                    value: Calc.Defaults.values.k2,
			                    fixedWidth: true,
			                    id: 'kredyty',
			                    name: 'kredyty' ,
                                plugins: Calc.Labels.zl
			                },{
			                    xtype:'elem.numberfield',
			                    width: 43,
			                    labelSeparator: '',
			                    fieldLabel: 'Składki ubezpieczeniowe',
			                    value: Calc.Defaults.values.k3,
			                    fixedWidth: true,
			                    id: 'ubezpieczenie',
								name: 'ubezpieczenie',
                                plugins: Calc.Labels.zl
			                },{
			                    xtype:'elem.numberfield',
			                    width: 43,
			                    labelSeparator: '',
			                    fieldLabel: 'Inne wydatki',
			                    value: Calc.Defaults.values.k4,
			                    fixedWidth: true,
			                    id: 'wydatki',
			                    name: 'wydatki' ,
                                plugins: Calc.Labels.zl
			                }]
			            }]
			        }]
				}]

			}]

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


	}

});

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