{% extends 'base1.html.twig' %}

{% block content %}
	<div class="content">
	    <div class="container-fluid">
	        <div class="row">
	            <div class="col-md-6">
	                <div class="card">
			            <div class="content">
			                <div class="row">
			                    <div class="col-xs-9">
			                        <h3>Today's Sales</h3>
			                    </div>
			                    <div class="col-xs-3">
			                        <div class="numbers">
			                            <p>Litres</p>
			                            {{ today|number_format }}
			                        </div>
			                    </div>
			                </div>
			                <div class="footer">
	                            <div class="legend">
	                                AGO - {{ ago.day|default(0)|number_format }} | PMS - {{ pms.day|default(0)|number_format }} | DPK - {{ dpk.day|default(0)|number_format }}
	                            </div>
	                            <hr>
	                            <div class="stats">
	                                <i class="fa fa-clock-o"></i> Updated Now
	                            </div>
	                        </div>
			            </div>
			        </div>
	            </div>
	            <div class="col-md-6">
	                <div class="card">
			            <div class="content">
			                <div class="row">
			                    <div class="col-xs-9">
			                        <h3>Total This Month</h3>
			                    </div>
			                    <div class="col-xs-3">
			                        <div class="numbers">
			                            <p>Litres</p>
			                            {{ month|number_format }}
			                        </div>
			                    </div>
			                </div>
			                <div class="footer">
	                            <div class="legend">
	                                AGO - {{ ago.month|default(0)|number_format }} | PMS - {{ pms.month|default(0)|number_format }} | DPK - {{ dpk.month|default(0)|number_format }}
	                            </div>
	                            <hr>
	                            <div class="stats">
	                                <i class="fa fa-clock-o"></i> Updated Now
	                            </div>
	                        </div>
			            </div>
			        </div>
	            </div>
	            <div class="col-md-6">
	                <div class="card">
			            <div class="content">
			                <div class="row">
			                    <div class="col-xs-9">
			                        <h3>Total This Year</h3>
			                    </div>
			                    <div class="col-xs-3">
			                        <div class="numbers">
			                            <p>Litres</p>
			                            {{ year|number_format }}
			                        </div>
			                    </div>
			                </div>
			                <div class="footer">
	                            <div class="legend">
	                                AGO - {{ ago.year|default(0)|number_format }} | PMS - {{ pms.year|default(0)|number_format }} | DPK - {{ dpk.year|default(0)|number_format }}
	                            </div>
	                            <hr>
	                            <div class="stats">
	                                <i class="fa fa-clock-o"></i> Updated Now
	                            </div>
	                        </div>
			            </div>
			        </div>
	            </div>

	            
	        </div>



	        <!-- <div class="row">
	            <div class="col-md-6">
	                <div class="card ">
	                    <div class="header">
	                        <h4 class="title">2014 Sales</h4>
	                        <p class="category">All products including Taxes</p>
	                    </div>
	                    <div class="content">

	                        <div class="footer">
	                            <div class="legend">
	                                <i class="fa fa-circle text-info"></i> Open
	                                <i class="fa fa-circle text-danger"></i> Bounce
	                                <i class="fa fa-circle text-warning"></i> Unsubscribe
	                            </div>
	                            <hr>
	                            <div class="stats">
	                                <i class="fa fa-clock-o"></i> Campaign sent 2 days ago
	                            </div>
	                        </div>
	                    </div>
	                </div>
	            </div>

	        
	        </div> -->
	    </div>
	</div>
{% endblock %}