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

Calc.calc_01.input = Ext.extend(Calc.input, {
	title: 'Czy opłaca się refinansować kredyt?',
	initComponent: function() {
        Ext.apply(this, {
			id: 'input-section',
			items: [{
			  //input subsection
				xtype: 'inputPanel',
				title: 'Warunki obecnego kredytu',
				html: '',
				items: [  {
					//-----------------------------POZOSTAŁA KWOTA SLIDER-------------------------------
					xtype: 'elem.slider',
					title: 'Pozostajaca do spłaty kwota kredytu',
					valueName: 'kwotaPozostala',
					labels: Calc.sliderData.kwota,
					initValue: Calc.Defaults.values.kwota
					//-----------------------------/POZOSTAŁA KWOTA SLIDER-------------------------------
				},{
					//-----------------------------POZOSTAŁY OKRES SLIDER-------------------------------
					xtype: 'elem.slider',
					title: 'Pozostały okres do spłaty kredytu',
					valueName: 'okresSplaty',
					yearsToMonths: true,
					labels: Calc.sliderData.okres,
					initValue: Calc.Defaults.values.okres1
					//-----------------------------/POZOSTAŁY OKRES SLIDER-------------------------------
				}, {
					xtype: 'panel',
					labelAlign: 'left',
					border: true,
					baseCls: 'calc-form',
					bodyStyle:'padding:5px',
			        //width: 500,
			        items: [{
			            layout:'column',
			            baseCls: 'calc-form',
			            border: false,
			            items:[{
			                layout: 'form',
			                baseCls: 'calc-form',
			                labelWidth: 210,
                            columnWidth:.4,
                            border: false,
			                items: [{
			                    xtype:'elem.numberfield',
			                    width: 40,
			                    fieldLabel: 'Oprocentowanie kredytu',
			                    value: Calc.Defaults.values.oprocentowanie1,
			                    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',
                                checked: true,
                                name: 'rodzajRaty',
                                id: 'obecnyRataRowna',
                                inputValue: 'rowne',
                                hideLabel: true
			                }, {
			                    xtype: 'label',
			                    forId: 'obecnyRataRowna',
			                    text: 'równa'
							}, {
                                xtype: 'radio',
                                name: 'rodzajRaty',
                                id: 'obecnyRataMal',
                                inputValue: 'malejace',
                                hideLabel: true
			                }, {
			                    xtype: 'label',
			                    forId: 'obecnyRataMal',
			                    text: 'malejąca'
							}]
                        }]
			        }]
				}]

			},{
				xtype: 'panel',
				border: false,
				baseCls: 'hr',
				html: '<div class="horizontal-dot-separator margin"/>'
			},{
				xtype: 'inputPanel',
					title: 'Warunki nowego kredytu',
					html: '',
				items:[{
					//-----------------------------WARUNKI NOWEGO KREDYTU SLIDER-------------------------------
					xtype: 'elem.slider',
					title: 'Twój kredyt refinansowy',
					valueName: 'nowyOkresSplaty',
					yearsToMonths: true,
					labels: Calc.sliderData.okres,
					initValue: Calc.Defaults.values.okres2
					//-----------------------------/WARUNKI NOWEGO KREDYTU SLIDER-------------------------------
				},{
					xtype: 'panel',
					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 refinansowanego',
			                    value: Calc.Defaults.values.oprocentowanie2,
			                    id: 'oprocentowanieKons',
			                    name: 'oprocentowanieKons' ,
                                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',
			                    style: {
			                        paddingRight: '10px',
                                    paddingLeft: '3px'
                                }
			                },
			                items: [{
			                    xtype: 'label',
			                    text: 'Rodzaj raty:'
                            }, {
                                xtype: 'radio',
                                checked: true,
                                name: 'rodzajRatyKons',
                                id:   'rodzajRatyKonsRow',
                                inputValue: 'rowne',
                                hideLabel: true
			                }, {
			                    xtype: 'label',
			                    text: 'równa',
                                forId:  'rodzajRatyKonsRow'
                            }, {
                                xtype: 'radio',
                                name: 'rodzajRatyKons',
                                id: 'rodzajRatyKonsMal',
                                inputValue: 'malejace',
                                hideLabel: true
			                }, {
			                    xtype: 'label',
			                    text: 'malejąca',
                                forId: 'rodzajRatyKonsMal'
                            }]

			            }]
			        }]
				}]
      		},{
			  	//-----------------------------HR-------------------------------
				xtype: 'panel',
				border: false,
				baseCls: 'hr',
				html: '<div class="horizontal-dot-separator margin"/>'
				//-----------------------------/HR-------------------------------
			},{
				//-----------------------------PRZYCHODY I WYDATKI FORM-------------------------------
				xtype: 'inputPanel',
				title: 'Przychody i wydatki',
				html: '',
				//width: 600,
				items: [{
					xtype: 'panel',
					baseCls: 'calc-form',
					bodyStyle:'padding:5px',
                    layout:'column',
			            items:[{
			                layout: 'form',
			                baseCls: 'calc-form',
                            labelWidth: 200,
                            width: 280,
                            defaults: {
                                width: 45,
                                minValue: 0
                            },
                            items: [{
			                    xtype:'elem.numberfield',
			                    xorField: 'oplataKwota',
                                vtype: 'xorTest',
                                fieldLabel: 'Opłata za wcześniejszą spłatę',
								value: Calc.Defaults.values.c1,
			                    id: 'oplataProcent',
			                    name: 'oplataProcent',
                                plugins: Calc.Labels.proc

                            },{
			                    xtype:'elem.numberfield',
			                    xorField: 'prowizjaKwota',
                                vtype: 'xorTest',
                                fieldLabel: 'Prowizja za udzielenie nowego kredytu',
			                    value: Calc.Defaults.values.c2,
			                    id: 'prowizjaProcent',
			                    name: 'prowizjaProcent' ,
                                plugins: Calc.Labels.proc
                            },{
			                    xtype:'elem.numberfield',
			                    allowBlank: true,
			                    fieldLabel: 'Inne koszty związane ze zmianą kredytu',
			                    value: Calc.Defaults.values.c3,
			                    fixedWidth: true,
			                    width: 60,
			                    id: 'inneKosztyKwota',
			                    name: 'inneKosztyKwota' ,
                                plugins: Calc.Labels.zl
                            }]
			            },{
			                layout: 'form',
			                baseCls: 'calc-form',
			                labelWidth: 20,
                            width: 100,
                            labelAlign: 'right',
                            items: [{
			                    xtype:'elem.numberfield',
			                    allowBlank: true,
			                    xorField: 'oplataProcent',
			                    id: 'oplataKwota',
			                    width: 50,
			                    fieldLabel: ' lub',
			                    name: 'oplataKwota'  ,
                                plugins: Calc.Labels.zl
			                },{
			                    xtype:'elem.numberfield',
			                    allowBlank: true,
								xorField: 'prowizjaProcent',
								width: 50,
			                    fieldLabel: ' lub',
			                    id: 'prowizjaKwota',
								name: 'prowizjaKwota' ,
                                plugins: Calc.Labels.zl
			                }
                            ]
			            } ]
			        }]
				}]

			//-----------------------------/PRZYCHODY I WYDATKI FORM-------------------------------
		});
		Calc.calc_01.input.superclass.initComponent.apply(this, arguments);
	}

});

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