@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">Total</h6>
					</div>
					<div class="col-lg-6 col-5 text-right">
					</div>
				</div> --}}
				<!-- Card stats -->
				<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-cyan text-white rounded-circle shadow">
											<i class="fa fa-users"></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-green 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 align-items-center py-2">
					<div class="col-lg-6 col-7">
						<h6 class="h2 text-white d-inline-block mb-0">Orders 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 Orders</h5>
										<span class="h2 font-weight-bold mb-0">{{$totalOrders}}</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">Pending Orders</h5>
										<span class="h2 font-weight-bold mb-0">{{$pendingOrders}}</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 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">Accepted Orders</h5>
										<span class="h2 font-weight-bold mb-0">{{$acceptedOrders}}</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 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">Packed Orders</h5>
										<span class="h2 font-weight-bold mb-0">{{$packedOrders}}</span>
									</div>
									<div class="col-auto">
										<div class="icon icon-shape bg-gradient-purple 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">Delivered Orders</h5>
											<span class="h2 font-weight-bold mb-0">{{$deliveredOrders}}</span>
										</div>
										<div class="col-auto">
											<div class="icon icon-shape bg-gradient-green 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">Cancelled Orders</h5>
										 <span class="h2 font-weight-bold mb-0">{{$cancelledOrders}}</span>
									</div>
									<div class="col-auto">
										<div class="icon icon-shape bg-gradient-red text-white rounded-circle shadow">
											<i class="fas fa-shopping-cart"></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">Registered Missions</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">
							<div class="card-body">
								<div class="row">
									<div class="col">
										<h5 class="card-title text-uppercase text-muted mb-0">Total Registered Missions</h5>
										<span class="h2 font-weight-bold mb-0">{{$activeMissions}}</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">
							<div class="card-body">
								<div class="row">
									<div class="col">
										<h5 class="card-title text-uppercase text-muted mb-0">Missions registered this month</h5>
										<span class="h2 font-weight-bold mb-0">{{$thisMonthactiveMissions}}</span>
									</div>
									<div class="col-auto">
										<div class="icon icon-shape bg-gradient-cyan text-white rounded-circle shadow">
											<i class="fa fa-users"></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">Registered Events</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">
							<div class="card-body">
								<div class="row">
									<div class="col">
										<h5 class="card-title text-uppercase text-muted mb-0">Total Registered Events</h5>
										<span class="h2 font-weight-bold mb-0">{{$activeEvents}}</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">
							<div class="card-body">
								<div class="row">
									<div class="col">
										<h5 class="card-title text-uppercase text-muted mb-0">Events registered this month</h5>
										<span class="h2 font-weight-bold mb-0">{{$thisMonthactiveEvents}}</span>
									</div>
									<div class="col-auto">
										<div class="icon icon-shape bg-gradient-cyan text-white rounded-circle shadow">
											<i class="fa fa-users"></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">Registered Prayers</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">
							<div class="card-body">
								<div class="row">
									<div class="col">
										<h5 class="card-title text-uppercase text-muted mb-0">Total Registered Prayers</h5>
										<span class="h2 font-weight-bold mb-0">{{$activePrayers}}</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">
							<div class="card-body">
								<div class="row">
									<div class="col">
										<h5 class="card-title text-uppercase text-muted mb-0">Prayers registered this month</h5>
										<span class="h2 font-weight-bold mb-0">{{$thisMonthactivePrayers}}</span>
									</div>
									<div class="col-auto">
										<div class="icon icon-shape bg-gradient-cyan text-white rounded-circle shadow">
											<i class="fa fa-users"></i>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				
			</div>
		</div>
	</div>
@endsection