/*
var _showHideAll = function ( sState ) {

	var fnTest = function( e ) {
		return Fse.Util.hasClass( e, "summary" );
	}

	var aRows = Fse.Util.getElementsBy( fnTest, "tr", "varianceDetail" );
	for( var x = 0; x < aRows.length; x++ ) {
		_showHide( aRows[x], sState );
	}

}

var _showHide = function( oRow, sState ) {

	var nCounter = oRow.getAttribute( "fse:counter" );

	var oCell = document.getElementById( "control_" + nCounter );

	var bClose = true;
	if( sState == null ) {
		if( oCell.innerHTML == "+" ) {
			oCell.innerHTML = "-";
			bClose = false;
		} else {
			oCell.innerHTML = "+";
			bClose = true;
		}
	} else {
		if( sState == "+")	 {
			oCell.innerHTML = "+"
			bClose = true;
		} else {
		   oCell.innerHTML = "-";
		   bClose = false;
		}
	}

	var fnTest = function( e ) {

		return Fse.Util.hasClass( e, "detail" ) && Fse.Util.hasClass( e, nCounter );

	}

	var aRows = Fse.Util.getElementsBy( fnTest, "tr", "varianceDetail" );
	for( var x = 0; x < aRows.length; x++ ) {
		if( bClose ) {
			Fse.Util.addClass( aRows[x], "fse-hidden" );
		} else {
			Fse.Util.removeClass( aRows[x], "fse-hidden" );
		}

	}

}
*/

$("div.filters div.claimVarianceFilters").dxForm({
	colCount: "2",
	labelLocation: "left",
    formData: {
    	sd : defaultStartDate,
        ed: defaultEndDate
    },
    items: [
    	{ dataField : "sd", label : { text: "Start" }, editorType : "dxSelectBox", editorOptions : {
    		dataSource : $("link#startDatesDataURL").attr("href"),
    		xwidth : "200px",
    		valueExpr: "value",
    		displayExpr : "display"
    		}
    	},
    	{ dataField : "ed", label : { text: "End" }, editorType : "dxSelectBox", editorOptions : {
    		dataSource : $("link#endDatesDataURL").attr("href"),
    		xwidth : "200px",
    		valueExpr: "value",
    		displayExpr : "display"
    		}
    	}
    ],
    onFieldDataChanged: function(e) {

    	
        var activeFilterFormData = e.component.option("formData");
        
        var sRawURL = $('link#claimVariancesDetailDataURL').attr("href");
        
        sURL = Fse.Util.updateURL( sRawURL, { sd : activeFilterFormData.sd, ed : activeFilterFormData.ed } );
        
        var oDataGrid = $("#varianceDetailDataGrid").dxDataGrid( "instance" );
        oDataGrid.option( "dataSource", new DevExpress.data.DataSource( sURL ) );
        
        
        
    }
});

var dataGrid = $("#varianceDetailDataGrid").dxDataGrid({
    dataSource: new DevExpress.data.DataSource($('link#claimVariancesDetailDataURL').attr("href")),
    paging: { enabled: false },
    showBorders: true,
    grouping: {
        autoExpandAll: false,
        expandMode: "rowClick"
    },
    sorting : { mode : "none" },
    columns: [
        { dataField: 'beneficiary', caption: "Beneficiary", groupIndex: 0 },
        { dataField: 'assignedcontractnbr', caption: "Agreement #" },
        { dataField: 'contractname', caption: "Agreement Name" },
        { dataField: 'claimdate', caption: "Claim Date" },
        { dataField: 'claiminvoice', caption: "Claim Inv.",

            cellTemplate: function (container, options) {
                    $("<a>", { href: options.data.claimlink } ).append( options.text ).appendTo( container );
                }

        },
        { dataField: 'claimref', caption: "Claim Ref." },
        { dataField: 'claimpartner', caption: "Claimant" },
        { dataField: 'flagcomment', caption: "Type" },
        { dataField: 'variancetotal', caption: "Variance", format : { type : "fixedPoint", precision : 2 },
        	cellTemplate: function (container, options) {
                $("<a>", { href: options.data.link, target : "_blank" } ).append( options.text ).appendTo( container );
            } }
    ],
    summary: {
        groupItems: [{
            column: "Variance",
            summaryType: "sum",
            valueFormat : "currency",
            alignByColumn: true
        }
        ],
        totalItems: [{
            column: "Variance",
            summaryType: "sum",
            valueFormat : "currency"
        }
        ]
    }
});


$("div.claimVarianceView div.filters div.expandAll").dxButton({
    icon: "expand", hint: "Expand All", onClick : function(e) {
    	var oDataGrid = $("#varianceDetailDataGrid").dxDataGrid( "instance" );
    	oDataGrid.expandAll();
    	}
	});

$("div.claimVarianceView div.filters div.collapseAll").dxButton({
    icon: "collapse",  hint: "Collapse All", onClick : function( e ) {
    	var oDataGrid = $("#varianceDetailDataGrid").dxDataGrid( "instance" );
    	oDataGrid.collapseAll();
    }
});