@extends('dashboard.base')

@section('content')
<div class="container-fluid">
	<div class="fade-in">
	  <div class="row">
	    <div class="col-sm-6 col-lg-3">
	    	<a class="dashboard-link-style-none" href="{{ route('dataentries.index') }}">
		      	<div class="card text-white bg-primary">
		        	<div class="card-body pb-0">
			          	<div class="text-value-lg">{{ $totalOrders }}</div>
			          	<div>Total Orders</div>
		        	</div>
		        	<div class="c-chart-wrapper mt-3 mx-3" style="height:70px;">
		          		<canvas class="chart" id="card-chart1" height="70"></canvas>
		        	</div>
		      	</div>
		    </a>
	    </div>
	    <!-- /.col-->
	    <div class="col-sm-6 col-lg-3">
	    	<a class="dashboard-link-style-none" href="{{ route('customers.index') }}">
	      		<div class="card text-white bg-info">
			        <div class="card-body pb-0">
			          <div class="text-value-lg">{{ $totalCustomers }}</div>
			          <div>Total Customers</div>
			        </div>
			        <div class="c-chart-wrapper mt-3 mx-3" style="height:70px;">
			          <canvas class="chart" id="card-chart2" height="70"></canvas>
			        </div>
	      		</div>
	      	</a>
	    </div>
	    <!-- /.col-->
	    <div class="col-sm-6 col-lg-3">
	    	<a class="dashboard-link-style-none" href="{{ route('discountcoupons.index') }}">
	      		<div class="card text-white bg-warning">
			        <div class="card-body pb-0">
			          <div class="text-value-lg">{{ $totalDiscountCoupons }}</div>
			          <div>Total Discount Codes</div>
			        </div>
			        <div class="c-chart-wrapper mt-3" style="height:70px;">
			          <canvas class="chart" id="card-chart3" height="70"></canvas>
			        </div>
		      	</div>
		    </a>
	    </div>
	    <!-- /.col-->
	  </div>
	  

	  <!-- /.row-->
      	<h4>Payment Verifications </h4>
      	<div class="row">
        	<div class="col-sm-6 col-lg-3">
	          	<div class="card text-white bg-primary">
	            	<div class="card-body">
	              		<div class="text-value-lg">{{ $payments['totalPendingPayments'] }}</div>
	              		<div>Pending</div>
	              	<small class="text-muted">Total Pending Payment Verifications</small>
	            	</div>
	          	</div>
	        </div>
	        <!-- /.col-->
	        <div class="col-sm-6 col-lg-3">
	          	<div class="card text-white bg-info">
	            	<div class="card-body">
		              	<div class="text-value-lg">{{ $payments['totalVerifiedPayments'] }}</div>
		              	<div>Verified</div>
		              	<small class="text-muted">Total Verified Payment Verifications</small>
	            	</div>
	          	</div>
	        </div>
	        <!-- /.col-->
	        <div class="col-sm-6 col-lg-3">
	          	<div class="card text-white bg-danger">
		            <div class="card-body">
			            <div class="text-value-lg">{{ $payments['totalRejectedPayments'] }}</div>
			            <div>Rejected</div>
			            <small class="text-muted">Total Rejected Payment Verifications</small>
		            </div>
		        </div>
	        </div>
	        <!-- /.col-->
      </div>
      <!-- /.row-->
      
      @role('admin')
      <!-- /.row-->
      	<h4>Earnings </h4>
      	<div class="row">
        	<div class="col-sm-6 col-lg-3">
	          	<div class="card text-white bg-primary">
	            	<div class="card-body">
	              		<div class="text-value-lg">{{ $earnings['totalOrderAmount'] }}</div>
	              		<div>Order Amount</div>
	              	<small class="text-muted">Total Order Amount</small>
	            	</div>
	          	</div>
	        </div>
	        <!-- /.col-->
	        <div class="col-sm-6 col-lg-3">
	          	<div class="card text-white bg-info">
	            	<div class="card-body">
		              	<div class="text-value-lg">{{ $earnings['totalShippingAmount'] }}</div>
		              	<div>Shipping Cost</div>
	              	<small class="text-muted">Total Shipping Cost</small>
	            	</div>
	          	</div>
	        </div>
	        <!-- /.col-->
	        <div class="col-sm-6 col-lg-3">
	          	<div class="card text-white bg-warning">
		            <div class="card-body">
			            <div class="text-value-lg">{{ $earnings['totalOrderAmount']+$earnings['totalShippingAmount'] }}</div>
			            <div>Earnings</div>
	              	<small class="text-muted">Total Earnings</small>
		            </div>
		        </div>
	        </div>
	        <!-- /.col-->
	        <div class="col-sm-6 col-lg-3">
	          	<div class="card text-white bg-success">
		            <div class="card-body">
			            <div class="text-value-lg">{{ $earnings['totalRefundedAmount'] }}</div>
			            <div>Refunded Amount</div>
	              	<small class="text-muted">Total Refunded Amount</small>
		            </div>
		        </div>
	        </div>
	        <!-- /.col-->
      </div>
      <!-- /.row-->
       @endrole
       
	</div>
</div>

@endsection

@section('javascript')

@endsection