extends layout

block headContent
	title Transaction Stats
	
block content
	h1(class="h3") Transaction Stats
	hr

	if (false)
		pre
			code(class="json bg-light") #{JSON.stringify(txStatResults, null, 4)}

	if (true)
		if (false)
			#{JSON.stringify(txStats.txCounts.length)}

		if (true)
			div(class="row")
				div(class="col-lg-6")
					script var txCountDataDay = [];
					each item, index in txStatsDay.txCounts
						script txCountDataDay.push({x:#{item.x}, y:#{item.y}});

					- var graphData = {id:"graphDay", dataVar:"txCountDataDay", labels:txStatsDay.txLabels, title:"Transactions, 24hr", xaxisTitle:"Block", xaxisStep:5, yaxisTitle:"Tx Count"};
					include ./includes/line-graph.pug

				div(class="col-lg-6")
					script var txCountDataWeek = [];
					each item, index in txStatsWeek.txCounts
						script txCountDataWeek.push({x:#{item.x}, y:#{item.y}});

					- var graphData = {id:"graphWeek", dataVar:"txCountDataWeek", labels:txStatsWeek.txLabels, title:"Transactions, 7day", xaxisTitle:"Block", xaxisStep:100, yaxisTitle:"Tx Count"};
					include ./includes/line-graph.pug

				div(class="col-lg-6")
					script var txCountDataMonth = [];
					each item, index in txStatsMonth.txCounts
						script txCountDataMonth.push({x:#{item.x}, y:#{item.y}});

					- var graphData = {id:"graphMonth", dataVar:"txCountDataMonth", labels:txStatsMonth.txLabels, title:"Transactions, 30day", xaxisTitle:"Block", xaxisStep:500, yaxisTitle:"Tx Count"};
					include ./includes/line-graph.pug

				div(class="col-lg-6")
					script var txCountDataAlltime = [];
					each item, index in txStats.txCounts
						script txCountDataAlltime.push({x:#{item.x}, y:#{item.y}});

					- var graphData = {id:"graphAlltime", dataVar:"txCountDataAlltime", labels:txStatsMonth.txLabels, title:"Transactions, All time", xaxisTitle:"Block", xaxisStep:500, yaxisTitle:"Tx Count"};
					include ./includes/line-graph.pug


			div(class="row")
				div(class="col-lg-6")
					script var txRateDataDay = [];
					each item, index in txStatsDay.txRates
						script txRateDataDay.push({x:#{item.x}, y:#{item.y}});

					- var graphData = {id:"graphRateDay", dataVar:"txRateDataDay", labels:txStatsDay.txLabels, title:"Tx Rate, 24hr", xaxisTitle:"Block", xaxisStep:5, yaxisTitle:"Tx Per Sec"};
					include ./includes/line-graph.pug

				div(class="col-lg-6")
					script var txRateDataWeek = [];
					each item, index in txStatsWeek.txRates
						script txRateDataWeek.push({x:#{item.x}, y:#{item.y}});

					- var graphData = {id:"graphRateWeek", dataVar:"txRateDataWeek", labels:txStatsWeek.txLabels, title:"Tx Rate, 7day", xaxisTitle:"Block", xaxisStep:100, yaxisTitle:"Tx Per Sec"};
					include ./includes/line-graph.pug

				div(class="col-lg-6")
					script var txRateDataMonth = [];
					each item, index in txStatsMonth.txRates
						script txRateDataMonth.push({x:#{item.x}, y:#{item.y}});

					- var graphData = {id:"graphRateMonth", dataVar:"txRateDataMonth", labels:txStatsMonth.txLabels, title:"Tx Rate, 30day", xaxisTitle:"Block", xaxisStep:500, yaxisTitle:"Tx Per Sec"};
					include ./includes/line-graph.pug

				div(class="col-lg-6")
					script var txRateDataAlltime = [];
					each item, index in txStats.txRates
						script txRateDataAlltime.push({x:#{item.x}, y:#{item.y}});

					- var graphData = {id:"graphRateAlltime", dataVar:"txRateDataAlltime", labels:txStatsMonth.txLabels, title:"Tx Rate, All time", xaxisTitle:"Block", xaxisStep:500, yaxisTitle:"Tx Per Sec"};
					include ./includes/line-graph.pug