@extends('admin.layout')
@section('content')

    <div class="page-wrapper">
            <!-- ============================================================== -->
            <!-- Bread crumb and right sidebar toggle -->
            <!-- ============================================================== -->
            <div class="page-breadcrumb">
                <div class="row">
                    <div class="col-5 align-self-center">
                        <h4 class="page-title">Dashboard</h4>
                        <div class="d-flex align-items-center">
                            <nav aria-label="breadcrumb">
                                <ol class="breadcrumb">
                                    <li class="breadcrumb-item"><a href="#">Home</a></li>
                                    <li class="breadcrumb-item active" aria-current="page">Library</li>
                                </ol>
                            </nav>
                        </div>
                    </div>
                   
                </div>
            </div>
            <!-- ============================================================== -->
            <!-- End Bread crumb and right sidebar toggle -->
            <!-- ============================================================== -->
            <!-- ============================================================== -->
            <!-- Container fluid  -->
            <!-- ============================================================== -->
            <div class="container-fluid">
                <!-- ============================================================== -->
                <!-- Sales chart -->
                <!-- ============================================================== -->
				
			 <div class="row">
                    <div class="col-12">
                        <div class="card">
                            <div class="card-body">
                                <div class="d-md-flex align-items-center">
                                    <div>
                                        <h4 class="card-title">Sales Summary</h4>
                                        <h5 class="card-subtitle">Overview of Latest Month</h5>
                                    </div>
                                    <div class="ml-auto d-flex no-block align-items-center">
                                        <ul class="list-inline font-12 dl m-r-15 m-b-0">
                                            <li class="list-inline-item text-info"><i class="fa fa-circle"></i> <a href="{{ URL::to('admin/dashboard/last_year')}}">{{ trans('labels.lastYear') }}</a></li>
                                            <li class="list-inline-item text-primary"><i class="fa fa-circle"></i> <a href="{{ URL::to('admin/dashboard/last_month')}}">{{ trans('labels.LastMonth') }}</a></li>
                                            <li class="list-inline-item text-danger"><i class="fa fa-circle"></i> <a href="{{ URL::to('admin/dashboard/this_month')}}">{{ trans('labels.thisMonth') }}</a></li>
                                        </ul>
                                        <div class="dl">
                                           {!! Form::hidden('reportBase',  $result['reportBase'] , array('id'=>'reportBase')) !!}
            
										   
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <!-- column -->
                                    <div class="col-lg-4">
                                        <h1 class="m-b-0 m-t-30">$6,890.68</h1>
                                        <h6 class="font-light text-muted">Current Month Earnings</h6>
                                        <h3 class="m-t-30 m-b-0">1,540</h3>
                                        <h6 class="font-light text-muted">Current Month Sales</h6>
                                        <a class="btn btn-info m-t-20 p-15 p-l-25 p-r-25 m-b-20" href="javascript:void(0)">Last Month Summary</a>
                                    </div>
                                    <!-- column -->
                                    <div class="col-lg-8">
                                      <div class="col-md-12">
                  <p class="text-center">
                    <strong>{{ trans('labels.sales') }}</strong>
                  </p>

                  <div class="chart">
                    <!-- Sales Chart Canvas -->
                    <canvas id="salesChart" style="height: 300px;"></canvas>
                  </div>
                  <!-- /.chart-responsive -->
                </div> 
                                    </div>
                                    <!-- column -->
                                </div>
                            </div>
                            <!-- ============================================================== -->
                            <!-- Info Box -->
                            <!-- ============================================================== -->
                          </div>
                    </div>
                </div>
               	
				
				
                <div class="row">
                    <div class="col-12">
                        <div class="card">
                           
                            <!-- ============================================================== -->
                            <!-- Info Box -->
                            <!-- ============================================================== -->
                            <div class="card-body border-top">
                                <div class="row m-b-0">
                                    <!-- col -->
                                    <div class="col-lg-3 col-md-6">
                                        <div class="d-flex align-items-center">
                                            <div class="m-r-10"><span class="text-orange display-5"><i class="mdi mdi-shopping"></i></span></div>
                                            <div><span>New Orders</span>
                                                <h3 class="font-medium m-b-0">&nbsp;&nbsp;{{ $result['total_orders'] }}</h3>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- col -->
                                    <!-- col -->
                                    <div class="col-lg-3 col-md-6">
                                        <div class="d-flex align-items-center">
                                            <div class="m-r-10"><span class="text-cyan display-5"><i class="mdi mdi-star-circle"></i></span></div>
                                            <div><span>Out of Stock</span>
                                                <h3 class="font-medium m-b-0">&nbsp;&nbsp;{{ $result['outOfStock'] }}</h3>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- col -->
                                    <!-- col -->
                                    <div class="col-lg-3 col-md-6">
                                        <div class="d-flex align-items-center">
                                            <div class="m-r-10"><span class="text-info display-5"><i class="mdi mdi-shopping"></i></span></div>
                                            <div><span>User Registration</span>
                                                <h3 class="font-medium m-b-0">&nbsp;&nbsp;{{ $result['totalCustomers'] }}</h3></div>
                                        </div>
                                    </div>
                                    <!-- col -->
                                    <!-- col -->
                                    <div class="col-lg-3 col-md-6">
                                        <div class="d-flex align-items-center">
                                            <div class="m-r-10"><span class="text-primary display-5"><i class="mdi mdi-gift"></i></span></div>
                                            <div><span>Total Products</span>
                                                <h3 class="font-medium m-b-0"> &nbsp;&nbsp;{{ $result['totalProducts'] }}</h3>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- col -->
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- ============================================================== -->
                <!-- Sales chart -->
                <!-- ============================================================== -->
                <!-- ============================================================== -->
                <!-- Email campaign chart -->
                <!-- ============================================================== -->
               <div class="row">
                    <div class="col-sm-12 col-lg-7" style=''>
                        <div class="card">
                            <div class="card-body">
                                <!-- title -->
                                <div class="d-md-flex align-items-center" >
                                    <div>
                                        <h4 class="card-title" >Most Popular</h4>
                                        
                                    </div>
                                    <div class="ml-auto d-flex align-items-center">
                                        
                                    </div>
                                </div>
                                <!-- title -->
                                <div class="table-responsive scrollable m-t-10" style="height:415px;">
                                    <table class="table v-middle">
                                        <thead class='bg-primary text-white'>
										
                                            <tr>
                                                <th class="border-top-0">Image</th>
                                                <th class="border-top-0">Products Name</th>
                                                <th class="border-top-0">Price</th>
                                            </tr>
                                        </thead>
                                        <tbody>
										@foreach($result['recentProducts'] as $recentProducts)
                                            <tr>
                                                <td>
                                                    <div class="d-flex align-items-center">
                                                        <div class="m-r-10"><img style='height:50px' src="{{asset('').'/'.$recentProducts->products_image}}" alt="user" class="circle" width="45" /></div>
                                                        <div class="">
                                                           
                                                    </div>
                                                </td>
                                                <td>{{ $recentProducts->products_name }}</td>
                                                
                                                <td class="font-medium"> ${{ floatval($recentProducts->products_price) }}</td>
                                            </tr>
										@endforeach	
                                           
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-12 col-lg-5">
                        <div class="card">
                            <div class="card-body border-bottom">
                                <h4 class="card-title">Order Status Chart</h4>
                                <div id="visitor" style="height:290px; width:100%;"></div>
                            </div>
							
							
                            <div class="card-body">
                                <div class="row">
                                    <div class="col-4">
                                        <i class="fa fa-circle text-primary"></i>
                                        <h3 class="m-b-0 font-medium">{{ $result['compeleted_orders'] }}</h3>
                                        <span>completed</span>
                                    </div>
                                    <div class="col-4">
                                        <i class="fa fa-circle text-info"></i>
                                        <h3 class="m-b-0 font-medium">{{ $result['pending_orders'] }}</h3>
                                        <span>Pending</span>
                                    </div>
                                    <div class="col-4">
                                        <i class="fa fa-circle text-orange"></i>
                                        <h3 class="m-b-0 font-medium">{{ $result['inprocess'] }}</h3>
                                        <span>InProgress</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
				
                <div class="row" >
                    <!-- column -->
                    <div class="col-lg-4">
                        <div class="card bg-info text-white  card-hover">
                            <div class="card-body">
                                <h4 class="card-title">Revenue Statistics</h4>
                                <div class="d-flex align-items-center m-t-30">
                                    <div class="" id="ravenue"></div>
                                    <div class="ml-auto">
                                        <h3 class="font-medium white-text m-b-0">$351</h3><span class="white-text op-5">Jan 10  - Jan  20</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- column -->
                    <div class="col-lg-4">
                        <div class="card bg-cyan text-white  card-hover">
                            <div class="card-body">
                                <h4 class="card-title">Page Views</h4>
                                <h3 class="white-text m-b-0"><i class="ti-arrow-up"></i> 6548</h3>
                            </div>
                            <div class="m-t-20" id="views"></div>
                        </div>
                    </div>
                    <!-- column -->
                    <div class="col-lg-4">
                        <div class="card  card-hover">
                            <div class="card-body">
                                <h4 class="card-title">Bounce Rate</h4>
                                <div class="d-flex no-block align-items-center m-t-30">
                                    <div class="">
                                        <h3 class="font-medium m-b-0">56.33%</h3><span class="">Total Bounce</span></div>
                                    <div class="ml-auto">
                                        <div style="max-width:150px; height:60px;" class="m-b-40">
                                            <canvas id="bouncerate"></canvas>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- ============================================================== -->
                <!-- Ravenue - page-view-bounce rate -->
                <!-- ============================================================== -->
                <!-- ============================================================== -->
                <!-- Table -->
                <!-- ============================================================== -->
                <div class="row">
                    <div class="col-lg-12">
                        <div class="card">
                            <div class="card-body">
                                <div class="d-md-flex align-items-center" >
                                    <div>
                                        <h4 class="card-title"  >NEW ORDERS</h4>
                                        <h5 class="card-subtitle"></h5>
                                    </div>
                                    
                                </div>
                                <div class="table-responsive">
                                    <table class="table no-wrap v-middle">
                                        <thead  class="bg-info text-white">
                                            <tr class="border-0">
												<th class="border-0">Order Id</th>
                                                <th class="border-0">Date</th>
												<th class="border-0">Customer Name</th>
												<th class="border-0">Customer Email</th>
                                                
                                                <th class="border-0">Total Price</th>
                                                <th class="border-0">Status</th>
                                                <th class="border-0">Action</th>
                                            </tr>
                                        </thead>
                                        <tbody>
										
									
										@if(count($result['orders'])>0)
											@foreach($result['orders'] as $total_orders)
												@foreach($total_orders as $key=>$orders)
												@if($key<=10)
                                            <tr>
                                                 <td><a href="{{ URL::to('admin/vieworder') }}/{{ $orders->orders_id }}" >{{ $orders->orders_id }}</a></td>
											 	 
												 <td>1970-01-01</td>
												 <td>{{ $orders->customers_name }}</td>
												 <td>{{ $orders->customers_email_address }}</td>
                                                
												 <td> ${{ floatval($orders->total_price) }} </td>
												 <td>
														@if($orders->orders_status_id==1)
															<span class="label label-warning">
														@elseif($orders->orders_status_id==2)
															<span class="label label-success">
														@elseif($orders->orders_status_id==3)
															 <span class="label label-danger">
														@else
															 <span class="label label-primary">
														@endif
														{{ $orders->orders_status }}
															 </span>
                                 
                           
												</td>
												 <td><a href="{{ URL::to('admin/vieworder') }}/{{ $orders->orders_id }}" ><span class="label label-info">Views</span></a></td>
											 	 
                                            </tr>
											 @endif
										@endforeach
										@endforeach
										
										@else
											<tr>
												<td colspan="4">{{ trans('labels.noOrderPlaced') }}</td>
												
											</tr>
										@endif
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
           
        </div>
     
@endsection