@extends('layouts.app')
@section('head')
@endsection
@section('content')
<div class="page-container" ng-controller="productController" ng-init="dashboardcount()" ng-cloak>
    <div class="left-content">
	    <div class="mother-grid-inner">
	        <div id="loadercontainer" style="display:none" ><div class="loader pull-right"></div></div>
		    <div class="clearfix"> </div>
                <div class="col-xs-12 col-sm-6 col-lg-4 col-xl-4" style="padding: 80px">
                                            
                        <a href="javascript:void(0)" ><div class="card-block" ng-click="getpage('13')">
                             <b class="card-title">Completed Orders</b>
                                <p class="card-text">
                                     {$count.completed$} 
                                </p>
                        </div>
                        </a>
                   
                </div>
                <div class="col-xs-12 col-sm-6 col-lg-4 col-xl-4" style="padding: 80px">
                    <div class="">                          
                    <a href="javascript:void(0)" > <div class="card-block" ng-click="getpage('4');">
                             <b class="card-title">Pending Orders</b>
                                <p class="card-text">
                                     {$count.pending$} 
                                </p>
                        </div></a>
                    </div>
                </div>
                 <div class="col-xs-12 col-sm-6 col-lg-4 col-xl-4" style="padding: 80px">
                    <div class="">                          
                    <a href="javascript:void(0)" ><div class="card-block" ng-click="getpage('10');">
                             <b class="card-title">Cancelled Orders</b>
                                <p class="card-text">
                                     {$count.cancel$} 
                                </p>
                        </div></a>
                    </div>
                </div>
                <div class="col-xs-12 col-sm-6 col-lg-4 col-xl-4" style="padding: 80px">
                                            
                        <a href="javascript:void(0)" ><div class="card-block" ng-click="getpage('');">
                             <b class="card-title">Total Order</b>
                                <p class="card-text">
                                     {$count.total$} 
                                </p>
                        </div>
                        </a>
                   
                </div>
                <div class="col-xs-12 col-sm-6 col-lg-4 col-xl-4" style="padding: 80px">
                                            
                        <a href="javascript:void(0)" ><div class="card-block" ng-click="getpage('1');">
                             <b class="card-title">Delivery Orders</b>
                                <p class="card-text">
                                     {$count.delivery$} 
                                </p>
                        </div></a>
                   
                </div>
                <div class="col-xs-12 col-sm-6 col-lg-4 col-xl-4" style="padding: 80px">
                                            
                        <a href="javascript:void(0)" ><div class="card-block" ng-click="getpage('2');">
                             <b class="card-title">Pickup Orders</b>
                                <p class="card-text">
                                     {$count.pickup$} 
                                </p>
                        </div></a>
                   
                </div>       
            <div class="inner-block"></div>
        </div>
    </div>
	<!--//content-inner-->
		<!--/sidebar-menu-->
@include('users.admin.sidebar')
							
</div>

	@endsection
	@section('js')  
			
	
    <script src="{{ asset('js/angular_controllers/productcontroller.js') }}"></script>
    <link rel="stylesheet" type="text/css" href="{{ asset('css/table-style.css') }}" />
	<link rel="stylesheet" type="text/css" href="{{ asset('css/basictable.css') }}" />
	<script type="text/javascript" src="{{ asset('js/jquery.basictable.min.js') }}"></script>
  <script src="{{ asset('bower_components/ng-file-upload/ng-file-upload.js')}}"></script>  
   <script src="{{ asset('js/angular_library/ng-file-upload-shim.min.js') }}"></script>
    <script src="{{ asset('js/angular_library/ng-file-upload.min.js') }}"></script>
    <script src="{{ asset('js/angular_library/ng-file-upload-all.min.js') }}"></script>
    
    



@endsection