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

Calc.calc_14.input = Ext.extend(Calc.input, {
	title: 'Kalkulator walutowy',
	initComponent: function() {
		Ext.apply(this, {
			id: 'input-section',
			items: [{
			  //input subsection
				xtype: 'inputPanel',
				title: '',
				html: '',
				items: [{
					xtype: 'panel',
					labelAlign: 'left',
					border: true,
					baseCls: 'calc-form',
					bodyStyle:'padding:5px',
			        //width: 500,
			        items: [{
			            layout:'column',
			            baseCls: 'calc-form',
			            border: false,
			            items:[{
			                columnWidth:.25,
			                layout: 'form',
			                baseCls: 'calc-form',
			                labelWidth: 40,
			                border: false,
			                items: [{
			                    xtype:'elem.numberfield',
			                    width: 100,
			                    fieldLabel: 'Kwota',
			                    id: 'kwota',
			                    name: 'kwota' ,
                                allowBlank: false,
                                value:  Calc.Defaults.values.kwota
                             //   plugins: Calc.Labels.zl
			                }]
			            },{
			            	columnWidth:.30,
			                layout: 'form',
			                baseCls: 'calc-form',
			                labelWidth: 40,
			                border: false,
			                items: [{
			                	xtype: 'elem.combo',
			                	fieldLabel: 'Waluta',
                        		store: [
                        		      [0, 'PLN (Polska)'],
									  [1, 'CHF (Szwajcaria)'],
                        		      [2, 'EUR (UE)'],
                        		      [3, 'GBP (W.Brytania)'],
                        		      [4, 'JPY (Japonia)'],
                                	  [5, 'USD (USA)']],
                        		hiddenName: 'walutaFrom' ,
                                value: Calc.Defaults.values.walutaFrom

                            }]
						},{
			            	columnWidth:.35,
			                layout: 'form',
			                baseCls: 'calc-form',
			                labelWidth: 120,
			                border: false,
			                items: [{
			                	xtype: 'elem.combo',
			                	fieldLabel: '<span style="font-weight: bold">Przelicz na:</span> &nbsp;   &nbsp; Waluta',
                        		store: [
                        		      [0, 'PLN (Polska)'],
                                      [1, 'CHF (Szwajcaria)'],
                        		      [2, 'EUR (UE)'],
                        		      [3, 'GBP (W.Brytania)'],
                        		      [4, 'JPY (Japonia)'],
                                	  [5, 'USD (USA)']],
                        		hiddenName: 'walutaTo',
                                value: Calc.Defaults.values.walutaTo

                            }]
						},{
			            	columnWidth:.1,
			                layout: 'form',
			                baseCls: 'calc-form',
			                labelWidth: 210,
			                border: false,
			                items: [{
			                    xtype:'textfield',
			                    width: 40,
			                    cls: 'calc-hidden',
			                    labelSeparator: '',
			                    plugins:[{
									init: function(field){
										field.on('render', function(){
											var switchCur = new Ext.Element(Ext.query('a.switchCur', this.ownerCt.body.dom)[0]);
											switchCur.on('click', function(evt){
												evt.stopEvent();
												var combos = field.ownerCt.ownerCt.find('xtype','elem.combo');
												var val1 = combos[0].getValue();
												var val2 = combos[1].getValue();
												if(typeof(val1)=='number' && typeof(val2)=='number') {
													combos[1].setValue(val1);
													combos[0].setValue(val2);
												}
											});

										});
									}
								}],
			                    fieldLabel: '<a href="#" class="switchCur">Zamień waluty</a>',
			                    name: 'hidden1'
			                }]

						}]
			        }]
				},{
					xtype: 'panel',
					labelAlign: 'left',
					style: 'padding-top: 15px',
					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: 100,
			                border: false,
			                items: [{
			                	xtype: 'elem.combo',
			                	fieldLabel: 'Przelicznik według',
                        		store: [[1,'Średnich kursów NBP']],
                        		hiddenName: 'przelicznik',
                        		width: 150
			                },{
			                    xtype:'datefield',
			                    allowBlank: false,
			                    disabled: false,
			                    altFormats: 'd-m-Y|d.m.Y|d/m/Y|Y-m-d|Y.m.d|Y/m/d|j.m.Y|j/m/Y|Y-m-j|Y.m.j|Y/m/j',
			                    //editable: false,
			                    invalidText: 'Ciąg znaków nie jest poprawną datą (d-m-r)',
			                    //validationEvent: 'blur',
			                    format: 'j-m-Y',
			                    cls: 'validated',
			                    invalidClass: 'calc-invalid',
			                    blankText: 'Pole wymagane',
			                    width: 150,
			                    fieldLabel: 'Z dnia',
			                    id: 'data',
			                    name: 'data'
			                }]
			            }]
				}]

			}]
		}]

		});


		Calc.calc_14.input.superclass.initComponent.apply(this, arguments);
	},
	afterRender: function(){
		Calc.calc_14.input.superclass.afterRender.call(this);
		this.combos = this.find('xtype', 'elem.combo');
		this.combos[2].setValue(1);

		this.dateField = this.find('xtype', 'datefield')[0];
		var dt = new Date();
    	this.dateField.setValue(dt);

	}

});

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