Ext.define("Compass.ErpApp.Desktop.Applications.OrderManager.PaymentsGridPanel",{
    extend:"Ext.grid.Panel",
    alias:'widget.desktopordermanagement_paymentsgridpanel',
    
    initComponent : function(){
        this.bbar = new Ext.PagingToolbar({
            pageSize: 10,
            store:this.store,
            displayInfo: true,
            displayMsg: '{0} - {1} of {2}',
            emptyMsg: "Empty"
        });

        Compass.ErpApp.Desktop.Applications.OrderManager.PaymentsGridPanel.superclass.initComponent.call(this, arguments);
    },

    constructor : function(config) {
        var store = Ext.create("Ext.data.Store",{
            proxy:{
                type:'ajax',
                url: '/erp_orders/erp_app/desktop/order_manager/payments',
                reader:{
                    type:'json',
                    root: 'payments',
                    idProperty:'id'
                }
            },
            totalProperty: 'totalCount',
            fields:[
            'authorization',
            'status',
            'created_at',
            {
                name:'amount',
                type:'float'
            },
            'currency_display',
            'id',
            'success'
            ],
            extraParams:{
                order_id:null
            }
        });

        config = Ext.apply({
            layout:'fit',
            columns: [
            {
                header:'Authorization #',
                sortable: true,
                dataIndex: 'authorization'
            },
            {
                header:'Status',
                sortable: true,
                dataIndex: 'status'
            },
            {
                header:'Successful',
                sortable: true,
                dataIndex: 'success'
            },
            {
                header:'Amount',
                sortable: true,
                dataIndex: 'amount',
                renderer:function(v){
                    return v.toFixed(2);
                }

            },
            {
                header: 'Currency',
                width: 75,
                sortable: true,
                dataIndex: 'currency_display'

            },
            {
                header: 'Created At',
                sortable: true,
				width:150,
                dataIndex: 'created_at',
                renderer: Ext.util.Format.dateRenderer('m/d/Y  H:i:s')
            }
            ],
            autoScroll:true,
            stripeRows: true,
            store:store,
            viewConfig:{
				loadMask:false,
                forceFit:true
            },
            listeners:{
                activate:function(grid){
                    var layout = grid.findParentByType('organizer_orderslayout');
                    if(!Compass.ErpApp.Utility.isBlank(layout.orderId)){
                        var store = grid.getStore();
                        store.proxy.extraParams.order_id = layout.orderId;
                        store.load();
                    }
                }
            }
        }, config);

        Compass.ErpApp.Desktop.Applications.OrderManager.PaymentsGridPanel.superclass.constructor.call(this, config);
    }
});