Ext.define('TradePortal.view.products.DrillDownPanel', {
	extend: 'Ext.panel.Panel',
	alias: 'widget.drilldownprodpanel',
	id: 'drilldownprod_panel',
	border: false,
	layout: {
		type: 'vbox'
	},
	items: [
		{
			height: 260,
			width: 470,
			border: false,
			layout: {
				type: 'hbox',
				align: 'top'
			},
			items: [{
				xtype: 'productimageview'
			}, {
				height: 280,
				width: 230,
				border: false,
				layout: {
					type: 'vbox',
					align: 'middle',
					pack: 'center'
				},
				items: [{
					xtype: 'productdescriptionview'
				}, {
					border: false,
					height: 30,
					width: 230,
					layout: {
						type: 'hbox'
					},
					items: [
						{
							xtype: 'numberfield',
							id: 'productquantity_drill',
							width: 85,
							value: 1,
							minValue: 1
						}, {
							xtype: 'tbspacer',
							width: 20
						}, {
							xtype: 'textfield',
							id: 'productID_hidden_drill',
							hidden: true
						}, {
							xtype: 'textfield',
							id: 'product_lineID_hidden_drill',
							hidden: true
						}, {
							xtype: 'textfield',
							id: 'product_UOM_hidden_drill',
							hidden: true
						}]
				}, {
					xtype: 'button',
					text: '+ Add to Order',
					width: 190,
					id: 'product_add_cart'
				}, {
					xtype: 'button',
					hidden: true,
					width: 190,
					id: 'product_update_cart',
					text: 'Update Order'
				}, {
					xtype: 'button',
					hidden: true,
					width: 190,
					id: 'product_remove_cart',
					text: '- Remove from Order'
				}, {
					xtype: 'button',
					width: 190,
					hidden: true,
					id: 'view_spec_sheet',
					text: 'View Spec Sheet',
					listeners: {
						click: {
							element: 'el',
							fn: function () {
								window.open(TradePortal.view.products.pdfLink,
									'Data Sheet', 'width=1024,height=768');
							}
						}
					}
				}]
			}]
		},
		{
			height: 210,
			width: 470,
			border: false,
			layout: {
				type: 'hbox'
			},
			items: [{
				layout: {
					type: 'vbox'
				},
				border: false,
				height: 210,
				width: 470,
				items: [{
					xtype: 'featuresview',
					padding: 2,
					autoScroll: true,
					width: 450,
					height: 100
				},
					{
						xtype: 'informationview',
						padding: 2,
						autoScroll: true,
						width: 450,
						height: 90
					}]
			}]
		}],

	initComponent: function () {
		this.callParent(arguments);
	}
});