@extends('admin.paper-theme-layout.default')

@section('body')

    <div class="welcome-quote">

		<div class="container-fluid">
			<div class="row">
				<div class="col-lg-3 col-sm-6">
					<div class="card">
						<div class="card-content">
							<div class="row">
								<div class="col-xs-5">
									<div class="icon-big icon-warning text-center">

										<i class="ti-server"></i>
									</div>
								</div>
								<div class="col-xs-7">
									<div class="numbers">
										<p>Capacity</p>
										105GB
									</div>
								</div>
							</div>
						</div>
					  <div class="card-footer">
	  <hr>
	  <div class="stats">
	  <div class="pull-right" style="position:relative; display:inline-block;"><i class="fa fa-question-circle" data-toggle="tooltip" data-placement="top" rel="tooltip" title="" data-original-title="adasdasdasdasdasd adasdasdasdasdShows the total price of orders minus cost for ads."></i></div>
	  <i class="ti-clipboard"></i><div class="my-inline-block" id="campaign-name4"></div>
	  </div>
	  </div>
					</div>
				</div>
				<div class="col-lg-3 col-sm-6">
					<div class="card">
						<div class="card-content">
							<div class="row">
								<div class="col-xs-5">
									<div class="icon-big icon-success text-center">
										<i class="ti-wallet"></i>
									</div>
								</div>
								<div class="col-xs-7">
									<div class="numbers">
										<p>Revenue</p>
										$1,345
									</div>
								</div>
							</div>
						</div>
						<div class="card-footer">
							<hr>
							<div class="stats">
								<i class="ti-calendar"></i> Last day
							</div>
						</div>
					</div>
				</div>
				<div class="col-lg-3 col-sm-6">
					<div class="card">
						<div class="card-content">
							<div class="row">
								<div class="col-xs-5">
									<div class="icon-big icon-danger text-center">
										<i class="ti-pulse"></i>
									</div>
								</div>
								<div class="col-xs-7">
									<div class="numbers">
										<p>Errors</p>
										23
									</div>
								</div>
							</div>
						</div>
						<div class="card-footer">
							<hr>
							<div class="stats">
								<i class="ti-timer"></i> In the last hour
							</div>
						</div>
					</div>
				</div>
				<div class="col-lg-3 col-sm-6">
					<div class="card">
						<div class="card-content">
							<div class="row">
								<div class="col-xs-5">
									<div class="icon-big icon-info text-center">
										<i class="ti-twitter-alt"></i>
									</div>
								</div>
								<div class="col-xs-7">
									<div class="numbers">
										<p>Followers</p>
										+45
									</div>
								</div>
							</div>
						</div>
						<div class="card-footer">
							<hr>
							<div class="stats">
								<i class="ti-reload"></i> Updated now
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="row">
				<div class="col-lg-4 col-sm-6">
					<div class="card">
						<div class="card-content">
							<div class="row">
								<div class="col-xs-7">
									<div class="numbers pull-left">
										$34,657
									</div>
								</div>
								<div class="col-xs-5">
									<div class="pull-right">
										<span class="label label-success">
											 +18%
										</span>
									</div>
								</div>
							</div>
							<h6 class="big-title">total earnings <span class="text-muted">in last</span> ten <span class="text-muted">quarters</span></h6>
							<div id="chartTotalEarnings"><svg xmlns:ct="http://gionkunz.github.com/chartist-js/ct" width="100%" height="210px" class="ct-chart-line" style="width: 100%; height: 210px;"><g class="ct-grids"></g><g><g class="ct-series ct-series-a"><path d="M50,129C56.698,121.667,63.397,112.176,70.095,107C76.794,101.824,83.492,95,90.19,95C96.889,95,103.587,115,110.286,115C116.984,115,123.683,61,130.381,61C137.079,61,143.778,75,150.476,75C157.175,75,163.873,35,170.571,15" class="ct-line ct-green"></path></g></g><g class="ct-labels"><foreignObject style="overflow: visible;" x="50" y="180" width="20.095238821847097" height="20"><span class="ct-label ct-horizontal ct-end" xmlns="http://www.w3.org/2000/xmlns/" style="width: 20px; height: 20px;">Jan</span></foreignObject><foreignObject style="overflow: visible;" x="70.09523882184709" y="180" width="20.095238821847097" height="20"><span class="ct-label ct-horizontal ct-end" xmlns="http://www.w3.org/2000/xmlns/" style="width: 20px; height: 20px;">Feb</span></foreignObject><foreignObject style="overflow: visible;" x="90.1904776436942" y="180" width="20.095238821847097" height="20"><span class="ct-label ct-horizontal ct-end" xmlns="http://www.w3.org/2000/xmlns/" style="width: 20px; height: 20px;">Mar</span></foreignObject><foreignObject style="overflow: visible;" x="110.2857164655413" y="180" width="20.095238821847097" height="20"><span class="ct-label ct-horizontal ct-end" xmlns="http://www.w3.org/2000/xmlns/" style="width: 20px; height: 20px;">April</span></foreignObject><foreignObject style="overflow: visible;" x="130.3809552873884" y="180" width="20.09523882184709" height="20"><span class="ct-label ct-horizontal ct-end" xmlns="http://www.w3.org/2000/xmlns/" style="width: 20px; height: 20px;">May</span></foreignObject><foreignObject style="overflow: visible;" x="150.47619410923548" y="180" width="20.095238821847104" height="20"><span class="ct-label ct-horizontal ct-end" xmlns="http://www.w3.org/2000/xmlns/" style="width: 20px; height: 20px;">June</span></foreignObject><foreignObject style="overflow: visible;" x="170.5714329310826" y="180" width="30" height="20"><span class="ct-label ct-horizontal ct-end" xmlns="http://www.w3.org/2000/xmlns/" style="width: 30px; height: 20px;"></span></foreignObject><foreignObject style="overflow: visible;" y="155" x="10" height="20" width="30"><span class="ct-label ct-vertical ct-start" xmlns="http://www.w3.org/2000/xmlns/" style="height: 20px; width: 30px;">0</span></foreignObject><foreignObject style="overflow: visible;" y="135" x="10" height="20" width="30"><span class="ct-label ct-vertical ct-start" xmlns="http://www.w3.org/2000/xmlns/" style="height: 20px; width: 30px;">100</span></foreignObject><foreignObject style="overflow: visible;" y="115" x="10" height="20" width="30"><span class="ct-label ct-vertical ct-start" xmlns="http://www.w3.org/2000/xmlns/" style="height: 20px; width: 30px;">200</span></foreignObject><foreignObject style="overflow: visible;" y="95" x="10" height="20" width="30"><span class="ct-label ct-vertical ct-start" xmlns="http://www.w3.org/2000/xmlns/" style="height: 20px; width: 30px;">300</span></foreignObject><foreignObject style="overflow: visible;" y="75" x="10" height="20" width="30"><span class="ct-label ct-vertical ct-start" xmlns="http://www.w3.org/2000/xmlns/" style="height: 20px; width: 30px;">400</span></foreignObject><foreignObject style="overflow: visible;" y="55" x="10" height="20" width="30"><span class="ct-label ct-vertical ct-start" xmlns="http://www.w3.org/2000/xmlns/" style="height: 20px; width: 30px;">500</span></foreignObject><foreignObject style="overflow: visible;" y="35" x="10" height="20" width="30"><span class="ct-label ct-vertical ct-start" xmlns="http://www.w3.org/2000/xmlns/" style="height: 20px; width: 30px;">600</span></foreignObject><foreignObject style="overflow: visible;" y="15" x="10" height="20" width="30"><span class="ct-label ct-vertical ct-start" xmlns="http://www.w3.org/2000/xmlns/" style="height: 20px; width: 30px;">700</span></foreignObject><foreignObject style="overflow: visible;" y="-15" x="10" height="30" width="30"><span class="ct-label ct-vertical ct-start" xmlns="http://www.w3.org/2000/xmlns/" style="height: 30px; width: 30px;">800</span></foreignObject></g></svg></div>
						</div>
						<div class="card-footer">
							<hr>
							<div class="footer-title">Financial Statistics</div>
							<div class="pull-right">
								<button class="btn btn-info btn-fill btn-icon btn-sm">
									<i class="ti-plus"></i>
								</button>
							</div>
						</div>
					</div>
				</div>
				<div class="col-lg-4 col-sm-6">
					<div class="card">
						<div class="card-content">
							<div class="row">
								<div class="col-xs-7">
									<div class="numbers pull-left">
										169
									</div>
								</div>
								<div class="col-xs-5">
									<div class="pull-right">
										<span class="label label-danger">
											 -14%
										</span>
									</div>
								</div>
							</div>
							<h6 class="big-title">total subscriptions <span class="text-muted">in last</span> 7 days</h6>
							<div id="chartTotalSubscriptions"><svg xmlns:ct="http://gionkunz.github.com/chartist-js/ct" width="100%" height="210px" class="ct-chart-line" style="width: 100%; height: 210px;"><g class="ct-grids"></g><g><g class="ct-series ct-series-a"><path d="M50,79C55.861,84.333,61.722,87.889,67.583,95C73.444,102.111,79.306,127,85.167,127C91.028,127,96.889,105.667,102.75,95C108.611,84.333,114.472,63,120.333,63C126.194,63,132.056,79,137.917,79C143.778,79,149.639,39,155.5,31C161.361,23,167.222,20.333,173.083,15" class="ct-line ct-red"></path></g></g><g class="ct-labels"><foreignObject style="overflow: visible;" x="50" y="180" width="17.58333396911621" height="20"><span class="ct-label ct-horizontal ct-end" xmlns="http://www.w3.org/2000/xmlns/" style="width: 18px; height: 20px;">M</span></foreignObject><foreignObject style="overflow: visible;" x="67.58333396911621" y="180" width="17.58333396911621" height="20"><span class="ct-label ct-horizontal ct-end" xmlns="http://www.w3.org/2000/xmlns/" style="width: 18px; height: 20px;">T</span></foreignObject><foreignObject style="overflow: visible;" x="85.16666793823242" y="180" width="17.58333396911621" height="20"><span class="ct-label ct-horizontal ct-end" xmlns="http://www.w3.org/2000/xmlns/" style="width: 18px; height: 20px;">W</span></foreignObject><foreignObject style="overflow: visible;" x="102.75000190734863" y="180" width="17.58333396911621" height="20"><span class="ct-label ct-horizontal ct-end" xmlns="http://www.w3.org/2000/xmlns/" style="width: 18px; height: 20px;">T</span></foreignObject><foreignObject style="overflow: visible;" x="120.33333587646484" y="180" width="17.58333396911621" height="20"><span class="ct-label ct-horizontal ct-end" xmlns="http://www.w3.org/2000/xmlns/" style="width: 18px; height: 20px;">F</span></foreignObject><foreignObject style="overflow: visible;" x="137.91666984558105" y="180" width="17.58333396911621" height="20"><span class="ct-label ct-horizontal ct-end" xmlns="http://www.w3.org/2000/xmlns/" style="width: 18px; height: 20px;">S</span></foreignObject><foreignObject style="overflow: visible;" x="155.50000381469727" y="180" width="17.58333396911621" height="20"><span class="ct-label ct-horizontal ct-end" xmlns="http://www.w3.org/2000/xmlns/" style="width: 18px; height: 20px;">S</span></foreignObject><foreignObject style="overflow: visible;" x="173.08333778381348" y="180" width="30" height="20"><span class="ct-label ct-horizontal ct-end" xmlns="http://www.w3.org/2000/xmlns/" style="width: 30px; height: 20px;"></span></foreignObject><foreignObject style="overflow: visible;" y="155" x="10" height="20" width="30"><span class="ct-label ct-vertical ct-start" xmlns="http://www.w3.org/2000/xmlns/" style="height: 20px; width: 30px;">0</span></foreignObject><foreignObject style="overflow: visible;" y="135" x="10" height="20" width="30"><span class="ct-label ct-vertical ct-start" xmlns="http://www.w3.org/2000/xmlns/" style="height: 20px; width: 30px;">12.5</span></foreignObject><foreignObject style="overflow: visible;" y="115" x="10" height="20" width="30"><span class="ct-label ct-vertical ct-start" xmlns="http://www.w3.org/2000/xmlns/" style="height: 20px; width: 30px;">25</span></foreignObject><foreignObject style="overflow: visible;" y="95" x="10" height="20" width="30"><span class="ct-label ct-vertical ct-start" xmlns="http://www.w3.org/2000/xmlns/" style="height: 20px; width: 30px;">37.5</span></foreignObject><foreignObject style="overflow: visible;" y="75" x="10" height="20" width="30"><span class="ct-label ct-vertical ct-start" xmlns="http://www.w3.org/2000/xmlns/" style="height: 20px; width: 30px;">50</span></foreignObject><foreignObject style="overflow: visible;" y="55" x="10" height="20" width="30"><span class="ct-label ct-vertical ct-start" xmlns="http://www.w3.org/2000/xmlns/" style="height: 20px; width: 30px;">62.5</span></foreignObject><foreignObject style="overflow: visible;" y="35" x="10" height="20" width="30"><span class="ct-label ct-vertical ct-start" xmlns="http://www.w3.org/2000/xmlns/" style="height: 20px; width: 30px;">75</span></foreignObject><foreignObject style="overflow: visible;" y="15" x="10" height="20" width="30"><span class="ct-label ct-vertical ct-start" xmlns="http://www.w3.org/2000/xmlns/" style="height: 20px; width: 30px;">87.5</span></foreignObject><foreignObject style="overflow: visible;" y="-15" x="10" height="30" width="30"><span class="ct-label ct-vertical ct-start" xmlns="http://www.w3.org/2000/xmlns/" style="height: 30px; width: 30px;">100</span></foreignObject></g></svg></div>
						</div>
						<div class="card-footer">
							<hr>
							<div class="footer-title">View all members</div>
							<div class="pull-right">
								<button class="btn btn-default btn-fill btn-icon btn-sm">
									<i class="ti-angle-right"></i>
								</button>
							</div>
						</div>
					</div>
				</div>
				<div class="col-lg-4 col-sm-6">
					<div class="card">
						<div class="card-content">
							<div class="row">
								<div class="col-xs-7">
									<div class="numbers pull-left">
										8,960
									</div>
								</div>
								<div class="col-xs-5">
									<div class="pull-right">
										<span class="label label-warning">
											 ~51%
										</span>
									</div>
								</div>
							</div>
							<h6 class="big-title">total downloads <span class="text-muted">in last</span> 6 years</h6>
							<div id="chartTotalDownloads"><svg xmlns:ct="http://gionkunz.github.com/chartist-js/ct" width="100%" height="210px" class="ct-chart-line" style="width: 100%; height: 210px;"><g class="ct-grids"></g><g><g class="ct-series ct-series-a"><path d="M50,153.667C57.815,154.852,65.63,157.222,73.444,157.222C81.259,157.222,89.074,132.462,96.889,112.956C104.704,93.449,112.519,26.644,120.333,26.644C128.148,26.644,135.963,109.914,143.778,117.116C151.593,124.317,159.407,125.293,167.222,129.382" class="ct-line ct-orange"></path></g></g><g class="ct-labels"><foreignObject style="overflow: visible;" x="50" y="180" width="23.44444529215495" height="20"><span class="ct-label ct-horizontal ct-end" xmlns="http://www.w3.org/2000/xmlns/" style="width: 23px; height: 20px;">2009</span></foreignObject><foreignObject style="overflow: visible;" x="73.44444529215495" y="180" width="23.44444529215495" height="20"><span class="ct-label ct-horizontal ct-end" xmlns="http://www.w3.org/2000/xmlns/" style="width: 23px; height: 20px;">2010</span></foreignObject><foreignObject style="overflow: visible;" x="96.8888905843099" y="180" width="23.444445292154946" height="20"><span class="ct-label ct-horizontal ct-end" xmlns="http://www.w3.org/2000/xmlns/" style="width: 23px; height: 20px;">2011</span></foreignObject><foreignObject style="overflow: visible;" x="120.33333587646484" y="180" width="23.444445292154953" height="20"><span class="ct-label ct-horizontal ct-end" xmlns="http://www.w3.org/2000/xmlns/" style="width: 23px; height: 20px;">2012</span></foreignObject><foreignObject style="overflow: visible;" x="143.7777811686198" y="180" width="23.444445292154953" height="20"><span class="ct-label ct-horizontal ct-end" xmlns="http://www.w3.org/2000/xmlns/" style="width: 23px; height: 20px;">2013</span></foreignObject><foreignObject style="overflow: visible;" x="167.22222646077475" y="180" width="30" height="20"><span class="ct-label ct-horizontal ct-end" xmlns="http://www.w3.org/2000/xmlns/" style="width: 30px; height: 20px;">2014</span></foreignObject><foreignObject style="overflow: visible;" y="139.44444444444446" x="10" height="35.55555555555556" width="30"><span class="ct-label ct-vertical ct-start" xmlns="http://www.w3.org/2000/xmlns/" style="height: 36px; width: 30px;">0</span></foreignObject><foreignObject style="overflow: visible;" y="103.8888888888889" x="10" height="35.55555555555556" width="30"><span class="ct-label ct-vertical ct-start" xmlns="http://www.w3.org/2000/xmlns/" style="height: 36px; width: 30px;">2000</span></foreignObject><foreignObject style="overflow: visible;" y="68.33333333333333" x="10" height="35.55555555555556" width="30"><span class="ct-label ct-vertical ct-start" xmlns="http://www.w3.org/2000/xmlns/" style="height: 36px; width: 30px;">4000</span></foreignObject><foreignObject style="overflow: visible;" y="32.77777777777777" x="10" height="35.55555555555556" width="30"><span class="ct-label ct-vertical ct-start" xmlns="http://www.w3.org/2000/xmlns/" style="height: 36px; width: 30px;">6000</span></foreignObject><foreignObject style="overflow: visible;" y="2.7777777777777715" x="10" height="30" width="30"><span class="ct-label ct-vertical ct-start" xmlns="http://www.w3.org/2000/xmlns/" style="height: 30px; width: 30px;">8000</span></foreignObject></g></svg></div>
						</div>
						<div class="card-footer">
							<hr>
							<div class="footer-title">View more details</div>
							<div class="pull-right">
								<button class="btn btn-success btn-fill btn-icon btn-sm">
									<i class="ti-info"></i>
								</button>
							</div>
						</div>
					</div>
				</div>
			</div>
			{{-- <div class="row">
				<div class="col-lg-3 col-sm-6">
					<div class="card card-circle-chart" data-background-color="blue">
						<div class="card-header text-center">
							<h5 class="card-title">Dashboard</h5>
							<p class="description">Monthly sales target</p>
						</div>
						<div class="card-content">
							<div id="chartDashboard" class="chart-circle" data-percent="70">70%<canvas height="192" width="192" style="height: 160px; width: 160px;"></canvas></div>
						</div>
					</div>
				</div>
				<div class="col-lg-3 col-sm-6">
					<div class="card card-circle-chart" data-background-color="green">
						<div class="card-header text-center">
							<h5 class="card-title">Orders</h5>
							<p class="description">Completed</p>
						</div>
						<div class="card-content">
							<div id="chartOrders" class="chart-circle" data-percent="34">34%<canvas height="192" width="192" style="height: 160px; width: 160px;"></canvas></div>
						</div>
					</div>
				</div>
				<div class="col-lg-3 col-sm-6">
					<div class="card card-circle-chart" data-background-color="orange">
						<div class="card-header text-center">
							<h5 class="card-title">New Visitors</h5>
							<p class="description">Out of total number</p>
						</div>
						<div class="card-content">
							<div id="chartNewVisitors" class="chart-circle" data-percent="62">62%<canvas height="192" width="192" style="height: 160px; width: 160px;"></canvas></div>
						</div>
					</div>
				</div>
				<div class="col-lg-3 col-sm-6">
					<div class="card card-circle-chart" data-background-color="brown">
						<div class="card-header text-center">
							<h5 class="card-title">Subscriptions</h5>
							<p class="description">Monthly newsletter</p>
						</div>
						<div class="card-content">
							<div id="chartSubscriptions" class="chart-circle" data-percent="10">10%<canvas height="192" width="192" style="height: 160px; width: 160px;"></canvas></div>
						</div>
					</div>
				</div>
			</div> --}}
		</div>

    </div>

@endsection