---
layout: default
title: pages.woocommerce.title
description: pages.woocommerce.description
---


{% include hero/budget.html %}
{% include base.html %}


<div class="page page--home">

	<!--
		WHAT IS PLUGIN?
	-->
	<section class="section">
		<div class="section__content">
			<div class="section__lead">{% tmd pages.budget.description-text-hero %}</div>
			<br>
			<p>{% tmd pages.budget.description %}</p>
		</div>
	</section>

	<!--
		DASH FEATURES
		PRIVATE | INSTANT | SECURE
	-->


	<section id="" class="section section--cta">
		<div class="section__content"> <!--section__content -->
			<div>
				<h2>{% t pages.community.discussion-heading %}<a class="permalink" title="Permalink" id="discussion"></a></h2>

				{% tmd pages.community.discussion-text %}
			</div>
			<div class="ctabox ctabox--gray-light-bg" data-js-ctabox>
				<div class="ctabox__inner">
					<article class="ctabox__cta" data-js-ctabox-item>
						<a href="https://www.dash.org/forum" target="_blank" class="ctabox__link">
							<div class="ctabox__imagewrapper">
								<img src="/assets/img/community/dashforum_logo.png" class="ctabox__image" >
							</div>
							<div class="ctabox__text">
								<h4 class="ctabox__title">CREATE PROPOSAL</h4>
								<p>
									Budget
									<br>
									Proposal
									<br>
									Generator
								</p>
							</div>
						</a>
					</article>
					<article class="ctabox__cta" data-js-ctabox-item>
						<a href="https://www.reddit.com/r/dashpay/" target="_blank" class="ctabox__link">
							<div class="ctabox__imagewrapper">
								<img src="/assets/img/community/reddit_logo.png" class="ctabox__image" >
							</div>
							<div class="ctabox__text">
								<h4 class="ctabox__title">DASHCENTRAL</h4>
								<p>
									Budget Monitoring
									<br>Create Proposal
									<br> Monitoring MN
								</p>
							</div>
						</a>
					</article>
					<article class="ctabox__cta" data-js-ctabox-item>
						<a href="https://bitcointalk.org/index.php?topic=421615.0" target="_blank" class="ctabox__link">
							<div class="ctabox__imagewrapper">
								<img src="/assets/img/community/bitcointalk_logo.png" class="ctabox__image" >
							</div>
							<div class="ctabox__text">
								<h4 class="ctabox__title">MONITORING</h4>
								<p>
									Budget
									<br>
									Voting Monitoring
								</p>
							</div>
						</a>
					</article>
					<article class="ctabox__cta" data-js-ctabox-item>
						<a href="https://forum.bitcoin.com/dash/" target="_blank" class="ctabox__link">
							<div class="ctabox__imagewrapper">
								<img src="/assets/img/community/bitcoindotcom_logo.png" class="ctabox__image" >
							</div>
							<div class="ctabox__text">
								<h4 class="ctabox__title">VOTING STATUS</h4>
								<p></p>
							</div>
						</a>
					</article>
				</div>
			</div>
		</div>
	</section>
	<section class="">
		<div class="content">
			<h2 class="section__title">{% t pages.budget.voting-header %}</h2>
			<div class="row">
				<div class="col-sm-6">
					<h2>{% t pages.budget.voting-automatic %}</h2>
					<p>{% t pages.budget.voting-automatic-text %}</p>
					<a href="/network" class="btn-blue">{% t pages.budget.voting-guide-btn %}</a>
					<a href="/network" class="btn-blue">{% t pages.budget.voting-manual-btn %}</a>
					<a href="/network" class="btn-blue">{% t pages.budget.voting-central-btn %}</a>
				</div>
				<div class="col-sm-6">
					<h2>{% tmd pages.budget.voting-tools %}</h2>
					<p>{% tmd pages.budget.voting-tools-text %}</p>
					<a href="">{% t pages.budget.decentralized-governance-link %}</a>
					<a href="">{% t pages.budget.masternode-budget-link %}</a>
					<a href="">{% t pages.budget.using-link %}</a>
					<a href="">{% t pages.budget.dgb-link %}</a>
					<a href="">{% t pages.budget.budget-finalization-link %}</a>
				</div>
			</div>
		</div>
	</section>

	<section class="section section--currency" id="section-blockchain">
		<h2 class="section__title">{% t pages.budget.exchange-heading %}</h2>
		<table id="blocks">
			<thead>
				<tr>
					<th>Height</th>
					<th>Block Time</th>
					<th>Transactions</th>
					<th>Value Out</th>
					<th>Difficulty</th>
				</tr>
			</thead>
			<tbody>

			</tbody>
		</table>
	</section>
</div>
<script type="text/javascript">
	window.onload = function () {
		$( document ).ready(function(){

			// Get the exchange data
			$.ajax({
				url: "{{ site.api }}/exchange/",
				error: function(jqXHR, textStatus, errorThrown) {
					console.log(jqXHR);
					console.log(textStatus);
					console.log('errorThrown:');
				}
			})
			.done(function(response){
				var exchanges = response;

				exchanges.map(function(exchange){
					if(exchange){
						console.log('exchange',exchange);
						var name 	= exchange.exchange,
							url 	= exchange.url
							volume 	= "$" + formatCurrency(exchange.volume,0),
							price 	= "$" + formatCurrency(exchange.price),
							change 	= formatNumber(exchange.percent_change);

						$("#exchanges>tbody").append('<tr><td data-header="Exchange"><a target="_blank" href="' + url + '">' + name + '</a></td><td data-header="Volume (24h)">' + volume + '</td><td data-header="Price">' + price + '</td><td data-header="Volume (%)">' + change + '%</td></tr>');
					}
				});
			});

			// Get the current number of masternodes.
			$.ajax({
				url: "{{ site.api }}/masternodes/stats/"
			})
			.done(function(response){
				console.log('masternode stats', response.stats);
				var masternodes_count	= formatNumber(response.stats['count']),
					masternodes_max 	= formatNumber(response.stats['max']);

				$("#masternodes_count").text(masternodes_count);
				$("#masternodes_max").text(masternodes_max);
			});

			// Get the budget proposals
			$.ajax({
				url: "{{ site.api }}/budgets/"
			})
			.done(function(response){
				var proposals = response.proposals;

				proposals.map(function(proposal){
					var	title 			= proposal.title ? proposal.title : proposal.name,
						url				= proposal.dw_url,
						owner 			= proposal.owner_username,
						votes_yes 		= proposal.yes,
						votes_no 		= proposal.no,
						required_votes 	= proposal.remaining_yes_votes_until_funding,
						amount_monthly 	= formatCurrency(proposal.monthly_amount)
						will_be_funded	= proposal.will_be_funded ? "yes" : "no";

					$("#budgets>tbody").append('<tr><td data-header="Title"><a href="' + url + '" target="_blank">' + title + '</a></td><td data-header="Owner">' + owner + '</td><td data-header="Votes (yes/no)">' + votes_yes + '/' + votes_no + '</td><td  data-header="Votes Required">' + required_votes + '</td><td data-header="Monthly Amount">' + amount_monthly + '</td><td data-header="Will be Funded">' + will_be_funded + '</td></tr>');

				});
			});

			// Get the blockchain info
			$.ajax({
				url: "{{ site.api }}/chain/latestBlocks/"
			})
			.done(function(response){
				var blocks = response.blocks;

				blocks.map(function(block){
					var height 		= block.height,
						age 		= moment.unix(block.time).format("LLL"),
						txs 		= block.txlength,
						out 		= block.cbvalue,
						difficulty 	= block.difficulty;

					$("#blocks>tbody").append('<tr><td data-header="Height">' + height + '</td><td data-header="Block Time">' + age + '</td><td data-header="Transactions">' + txs + '</td><td data-header="Value Out">' + out + '</td><td data-header="Difficulty">' + difficulty + '</td></tr>');
				});
			});

		});
	}
</script>