extends layout

block headContent
	title Home
	
block content
	h1(class="h3") #{coinConfig.siteTitle}
	hr

	if (config.demoSite && session.hideHomepageBanner != "true")
		div(class="alert alert-primary alert-dismissible", role="alert")
			p
				strong #{coinConfig.siteTitle}
				span  is 
				a(href="https://github.com/janoside/btc-rpc-explorer") open-source
				span  and easy to set up. It can communicate with your 
				a(href=coinConfig.nodeUrl) #{coinConfig.name} Full Node
				span  via RPC. See the 
				a(href="https://github.com/janoside/btc-rpc-explorer") project description
				span  for a list of features and instructions for running.

			div(style="height: 34px;")
				a(class="github-button", href="https://github.com/janoside/btc-rpc-explorer", data-icon="octicon-star", data-size="large", data-show-count="true", aria-label="Star janoside/btc-rpc-explorer on GitHub", style="padding-right: 10px;") Star
				
				span    
				a(class="github-button", href="https://github.com/janoside/btc-rpc-explorer/fork", data-icon="octicon-repo-forked", data-size="large", data-show-count="true", aria-label="Fork janoside/btc-rpc-explorer on GitHub") Fork

			a(href="/changeSetting?name=hideHomepageBanner&value=true", class="close", aria-label="Close", style="text-decoration: none;")
				span(aria-hidden="true") ×

	div(class="card mb-3")
		div(class="card-header")
			h2(class="h6 mb-0") Network Summary
		div(class="card-body")
			table(class="table table-responsive-sm")
				thead
					tr
						th Hashrate
						if (getblockchaininfo.size_on_disk)
							th Blockchain Size

						th Difficulty
						th Mempool Size

				tbody(class="monospace")
					tr
						td #{miningInfo.networkhashps}
						td #{utils.formatBytes(getblockchaininfo.size_on_disk)}
							span(class="text-muted")  (pruned: #{getblockchaininfo.pruned})

						td
							- var scales = [ {val:1000000000000000, name:"e15"}, {val:1000000000000, name:"e12"}, {val:1000000000, name:"e9"}, {val:1000000, name:"e6"} ];
							- var scaleDone = false;
							span #{parseFloat(getblockchaininfo.difficulty).toLocaleString()}
							each item in scales
								if (!scaleDone)
									- var fraction = Math.floor(getblockchaininfo.difficulty / item.val);
									if (fraction >= 1)
										- scaleDone = true;
										span(class="text-muted")  (#{fraction}#{item.name})

						td #{mempoolInfo.size.toLocaleString()} tx 
							span(class="text-muted") (#{mempoolInfo.usage.toLocaleString()} bytes)
	
	if (latestBlocks)
		div(class="card mb-3")
			div(class="card-header")
				div(class="row")
					div(class="col")
						h2(class="h6 mb-0") Latest Blocks
							if (getblockchaininfo.initialblockdownload)
								small  (#{(getblockchaininfo.headers - getblockchaininfo.blocks).toLocaleString()} behind)

					div(class="col")
						span(style="float: right;")
							a(href="/blocks") Browse Blocks »

			div(class="card-body")

				- var blocks = latestBlocks;
				- var blockOffset = 0;

				include includes/blocks-list.pug


	if (chainTxStats)
		div(class="card mb-3")
			div(class="card-header")
				h2(class="h6 mb-0") Transaction Stats
		
			div(class="card-body")
				table(class="table table-responsive-sm text-right")
					thead
						tr
							th
							each item, index in chainTxStatsLabels
								th #{item}
					tbody
						tr
							th(class="text-left") Count
							each item, index in chainTxStats
								td(class="monospace") #{item.window_tx_count.toLocaleString()}

						tr
							th(class="text-left") Rate
							each item, index in chainTxStats
								td(class="monospace") #{new Decimal(item.txrate).toDecimalPlaces(4)}

block endOfBody
	script(async, defer, src="https://buttons.github.io/buttons.js")