@extends('layouts.adminlayout')
@section('content')
<div class="header bg-primary pb-6">
	<div class="container-fluid">
		<div class="header-body">
			<div class="row align-items-center py-4">
				<div class="col-lg-6 col-7">
					<h6 class="h2 text-white d-inline-block mb-0">Dashboard</h6>
				</div>
				<div class="col-lg-6 col-5 text-right">
				</div>
			</div>
			<div class="row align-items-center py-2">
				<div class="col-lg-6 col-7">
					<h6 class="h2 text-white d-inline-block mb-0">Registered Customers</h6>
				</div>
				<div class="col-lg-6 col-5 text-right">
				</div>
			</div>
			<!-- Card stats -->
			<div class="row">
				<div class="col-xl-4 col-md-6">
					<div class="card card-stats">
						<!-- Card body -->
						<div class="card-body">
							<div class="row">
								<div class="col">
									<h5 class="card-title text-uppercase text-muted mb-0">Total Registered Customers</h5>
									<span class="h2 font-weight-bold mb-0">{{$activeCustomers}}</span>
								</div>
								<div class="col-auto">
									<div class="icon icon-shape bg-gradient-teal text-white rounded-circle shadow">
										<i class="fa fa-users"></i>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="col-xl-4 col-md-6">
					<div class="card card-stats">
						<!-- Card body -->
						<div class="card-body">
							<div class="row">
								<div class="col">
									<h5 class="card-title text-uppercase text-muted mb-0">Customers registered this month</h5>
									<span class="h2 font-weight-bold mb-0">{{$thisMonthactiveCustomers}}</span>
								</div>
								<div class="col-auto">
									<div class="icon icon-shape bg-gradient-teal text-white rounded-circle shadow">
										<i class="fa fa-users"></i>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				{{-- <div class="col-xl-4 col-md-6">
					<div class="card card-stats">
						<!-- Card body -->
						<div class="card-body">
							<div class="row">
								<div class="col">
									<h5 class="card-title text-uppercase text-muted mb-0">Feedback</h5>
									<span class="h2 font-weight-bold mb-0">{{$feedBack}}</span>
								</div>
								<div class="col-auto">
									<div class="icon icon-shape bg-gradient-teal text-white rounded-circle shadow">
										<i class="fas fa-newspaper"></i>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="col-xl-4 col-md-6">
					<div class="card card-stats">
						<!-- Card body -->
						<div class="card-body">
							<div class="row">
								<div class="col">
									<h5 class="card-title text-uppercase text-muted mb-0">Enquiries</h5>
									<span class="h2 font-weight-bold mb-0">{{$totalContactUs}}</span>
								</div>
								<div class="col-auto">
									<div class="icon icon-shape bg-gradient-pink text-white rounded-circle shadow">
										<i class="fas fa-user-headset"></i>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div> --}}
			</div>
			<div class="row align-items-center py-2">
				<div class="col-lg-6 col-7">
					<h6 class="h2 text-white d-inline-block mb-0">Products listed on website</h6>
				</div>
				<div class="col-lg-6 col-5 text-right">
				</div>
			</div>
			<div class="row">
				<div class="col-xl-4 col-md-6">
					<div class="card card-stats">
						<!-- Card body -->
						<div class="card-body">
							<div class="row">
								<div class="col">
									<h5 class="card-title text-uppercase text-muted mb-0">Total Products</h5>
									<span class="h2 font-weight-bold mb-0">{{$totalProducts}}</span>
								</div>
								<div class="col-auto">
									<div class="icon icon-shape bg-gradient-teal text-white rounded-circle shadow">
										<i class="fad fa-store"></i>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="col-xl-4 col-md-6">
					<div class="card card-stats">
						<!-- Card body -->
						<div class="card-body">
							<div class="row">
								<div class="col">
									<h5 class="card-title text-uppercase text-muted mb-0">Active Products</h5>
									<span class="h2 font-weight-bold mb-0">{{$activeProducts}}</span>
								</div>
								<div class="col-auto">
									<div class="icon icon-shape bg-gradient-teal text-white rounded-circle shadow">
										<i class="fad fa-store"></i>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="col-xl-4 col-md-6">
					<div class="card card-stats">
						<!-- Card body -->
						<div class="card-body">
							<div class="row">
								<div class="col">
									<h5 class="card-title text-uppercase text-muted mb-0">Inactive Products</h5>
									<span class="h2 font-weight-bold mb-0">{{$inActiveProducts}}</span>
								</div>
								<div class="col-auto">
									<div class="icon icon-shape bg-gradient-pink text-white rounded-circle shadow">
										<i class="fad fa-store"></i>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			{{-- <div class="row">
				<div class="col-xl-4 col-md-6">
					<div class="card card-stats">
						<!-- Card body -->
						<div class="card-body">
							<div class="row">
								<div class="col">
									<h5 class="card-title text-uppercase text-muted mb-0">Total Blogs</h5>
									<span class="h2 font-weight-bold mb-0">{{$totalBlogs}}</span>
								</div>
								<div class="col-auto">
									<div class="icon icon-shape bg-gradient-teal text-white rounded-circle shadow">
										<i class="fa fa-photo-video"></i>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="col-xl-4 col-md-6">
					<div class="card card-stats">
						<!-- Card body -->
						<div class="card-body">
							<div class="row">
								<div class="col">
									<h5 class="card-title text-uppercase text-muted mb-0">Active Blogs</h5>
									<span class="h2 font-weight-bold mb-0">{{$activeBlogs}}</span>
								</div>
								<div class="col-auto">
									<div class="icon icon-shape bg-gradient-teal text-white rounded-circle shadow">
										<i class="fa fa-photo-video"></i>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="col-xl-4 col-md-6">
					<div class="card card-stats">
						<!-- Card body -->
						<div class="card-body">
							<div class="row">
								<div class="col">
									<h5 class="card-title text-uppercase text-muted mb-0">InActive Blogs</h5>
									<span class="h2 font-weight-bold mb-0">{{$inActiveBlogs}}</span>
								</div>
								<div class="col-auto">
									<div class="icon icon-shape bg-gradient-pink text-white rounded-circle shadow">
										<i class="fa fa-photo-video"></i>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div> --}}
			<div class="row align-items-center py-2">
				<div class="col-lg-6 col-7">
					<h6 class="h2 text-white d-inline-block mb-0">Order Requests</h6>
				</div>
				<div class="col-lg-6 col-5 text-right">
				</div>
			</div>
			<div class="row">
				<div class="col-xl-4 col-md-6">
					<div class="card card-stats">
						<!-- Card body -->
						<div class="card-body">
							<div class="row">
								<div class="col">
									<h5 class="card-title text-uppercase text-muted mb-0">Total Order Requests</h5>
									<span class="h2 font-weight-bold mb-0">{{$totalRequests}}</span>
								</div>
								<div class="col-auto">
									<div class="icon icon-shape bg-gradient-cyan text-white rounded-circle shadow">
										<i class="fas fa-shopping-cart"></i>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="col-xl-4 col-md-6">
					<div class="card card-stats">
						<!-- Card body -->
						<div class="card-body">
							<div class="row">
								<div class="col">
									<h5 class="card-title text-uppercase text-muted mb-0">Pending Order Requests</h5>
									<span class="h2 font-weight-bold mb-0">{{$pendingRequests}}</span>
								</div>
								<div class="col-auto">
									<div class="icon icon-shape bg-gradient-teal text-white rounded-circle shadow">
										<i class="fas fa-shopping-cart"></i>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="col-xl-4 col-md-6">
					<div class="card card-stats">
						<!-- Card body -->
						<div class="card-body">
							<div class="row">
								<div class="col">
									<h5 class="card-title text-uppercase text-muted mb-0">Approve Order Requests</h5>
									<span class="h2 font-weight-bold mb-0">{{$approveRequests}}</span>
								</div>
								<div class="col-auto">
									<div class="icon icon-shape bg-gradient-pink text-white rounded-circle shadow">
										<i class="fas fa-shopping-cart"></i>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="row">
				<div class="col-xl-4 col-md-6">
					<div class="card card-stats">
						<!-- Card body -->
						<div class="card-body">
							<div class="row">
								<div class="col">
									<h5 class="card-title text-uppercase text-muted mb-0">Declined Order Requests</h5>
									<span class="h2 font-weight-bold mb-0">{{$declineRequests}}</span>
								</div>
								<div class="col-auto">
									<div class="icon icon-shape bg-gradient-cyan text-white rounded-circle shadow">
										<i class="fas fa-shopping-cart"></i>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
@endsection