@extends('layouts.admin.app')

@section('content')

<style>
	.thumb-sm {
		height: 32px;
		width: 32px;
	}
</style>

<!-- Page Wrapper -->
<div class="page-wrapper">
                <div class="content container-fluid">

					<!-- Page Header -->
					<div class="crms-title row bg-white mb-4">
                		<div class="col">
                			<h3 class="page-title">
			                <span class="page-title-icon bg-gradient-primary text-white mr-2">
			                  <i class="fa fa-tachometer" aria-hidden="true"></i>
			                </span> <span>Deals Dashboard</span></h3>
                		</div>
                		<div class="col text-right">
                			<ul class="breadcrumb bg-white float-right m-0 pl-0 pr-0">
								<li class="breadcrumb-item"><a href="index.html">Dashboard</a></li>
								<li class="breadcrumb-item active">Deals Dashboard</li>
							</ul>
                		</div>
                	</div>
                	
					<!-- /Page Header -->

					<div class="row">
						<!-- Column -->
						<div class="col-lg-3 col-md-6">
							<div class="card">
								<div class="card-body">
									<!-- Row -->
									<div class="row">
										<div class="col-8"><h2>{{$category}}<i class="fa fa-angle-down"></i></h2>
											<h6>Total Categories</h6></div>
										<div class="col-4 align-self-center text-right  p-l-0">
											<div id="sparklinedash3"><canvas width="51" height="50" style="display: inline-block; width: 51px; height: 50px; vertical-align: top;"></canvas></div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<!-- Column -->
						<div class="col-lg-3 col-md-6">
							<div class="card">
								<div class="card-body">
									<!-- Row -->
									<div class="row">
										<div class="col-8"><h2 class="">{{$subcategory}}<i class="fa fa-angle-down"></i></h2>
											<h6>Total Sub Categories</h6></div>
										<div class="col-4 align-self-center text-right p-l-0">
											<div id="sparklinedash"><canvas width="51" height="50" style="display: inline-block; width: 51px; height: 50px; vertical-align: top;"></canvas></div>
										</div>
									</div>
								</div>
							</div>
                        </div>
                        <div class="col-lg-3 col-md-6">
							<div class="card">
								<div class="card-body">
									<!-- Row -->
									<div class="row">
										<div class="col-8"><h2 class="">{{$product}}<i class="fa fa-angle-down"></i></h2>
											<h6>Total Products</h6></div>
										<div class="col-4 align-self-center text-right p-l-0">
											<div id="sparklinedash"><canvas width="51" height="50" style="display: inline-block; width: 51px; height: 50px; vertical-align: top;"></canvas></div>
										</div>
									</div>
								</div>
							</div>
                        </div>
                        <div class="col-lg-3 col-md-6">
							<div class="card">
								<div class="card-body">
									<!-- Row -->
									<div class="row">
										<div class="col-8"><h2 class="">{{$orders}}<i class="fa fa-angle-down"></i></h2>
											<h6>Total Orders</h6></div>
										<div class="col-4 align-self-center text-right p-l-0">
											<div id="sparklinedash"><canvas width="51" height="50" style="display: inline-block; width: 51px; height: 50px; vertical-align: top;"></canvas></div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>			
					<div class="row">
                        	<div class="col-lg-6">
                        		<div class="card-box">
                        			<h4 class="text-dark header-title m-t-0">Recent Orders</h4>
                        			<p class="text-muted m-b-30 font-13">
										 
									</p>

                        			<div class="table-responsive">
									<table class="table table-striped table-nowrap custom-table mb-0 datatable">
										<thead>
											<tr>
												
												<th>Image</th>
												<th>Name</th>
												<th>Created By</th>
												<th>Amount</th>
												<th>Add Date</th>
												<th>Status</th>
												<th>Action</th>
											</tr>
										</thead>
											<tbody>
												
											</tbody>
									</table>
                                    </div>

                        		</div>
                        	</div> <!-- end col -->


                            <div class="col-lg-6">
                        		<div class="card-box">
                                   <a href="{{url('admin/products')}}" class="pull-right btn btn-default btn-sm waves-effect waves-light">View All</a>
                        			<h4 class="text-dark header-title m-t-0">Popular Products</h4>
                        			<p class="text-muted m-b-30 font-13">
										 
									</p>

                        			<div class="table-responsive">
									<table class="table table-striped table-nowrap custom-table mb-0 datatable">
                                <thead>
                                    <tr>
                                        <th>Image</th>
                                        <th>Product Code</th>
                                        <th>Name</th>
                                        <th>Category</th>
                                        <th>Sub Category</th>
                                        <th>Slug</th>
                                        <th>Price (Actual)</th>
                                        <th>Discount Price</th>
                                        <th>Available for</th>
                                        <th>Add Date</th>
                                        <th>Action</th>
                                    </tr>
                                </thead>
                                <tbody>
                                @foreach ($recentproducts as $product)
                                <tr>
                                    <td> <img src="{{ URL::asset('storage/product/'. $product->product_image) }}" height="55" width="55"> </td>
                                    <td>{{ $product->product_id }}</td>
                                    <td> {{ $product->product_name }} </td>
                                    <td> {{ $product->category_name }} </td>
                                    <td> {{ $product->child_category_name }} </td>
                                    <td> {{ $product->slug }} </td>
                                    <td> ${{ $product->regular_price }} </td>
                                    <td> ${{ $product->selling_price }} </td>
                                    <td>
                                        @if ($product->available === 1)
                                            <span class="badge badge-success">Buy</span>
                                        @else
                                            <span class="badge badge-info">Enquiry</span>
                                        @endif 
                                    </td>
                                    <td> {{ $product->created_at }} </td>
                                    <td>
                                    <form action="{{ route('products.destroy',$product->id) }}" method="POST">
                                        <a class="btn btn-primary btn-sm" title="edit-product" href="{{ route('products.edit',$product->id) }}"><i class="fa fa-pencil" aria-hidden="true"></i></a>
                                        <!-- <a class="btn btn-info btn-sm" title="add-attribute-value" href="{{ url('admin/add-attributes/'.$product->id) }}"><i class="fa fa-plus-circle" aria-hidden="true"></i></a> -->
                                        <!--<a class="btn btn-info btn-sm" title="add-product-images" href="{{ url('admin/add-images/'.$product->id) }}"><i class="fa fa-plus" aria-hidden="true"></i></a>-->
                                        @csrf
                                        @method('DELETE')
                                        <button type="submit" class="btn btn-danger btn-sm"><i class="fa fa-trash" aria-hidden="true"></i></button>   
                                    </form>   
                                    </td>
                                </tr>
                                @endforeach
                                </tbody>
                            </table>
                                    </div>

                        		</div>
                        	</div> <!-- end col -->



                        </div>
			</div>
			<!-- /Page Wrapper -->
@endsection