@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>
				@include('admin.partials.flash_messages')
				<!-- 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 Pets Listing</h5>
										<span class="h2 font-weight-bold mb-0"></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>
								<p class="mt-2 mb-0 text-sm">
				                    <a href="{{ route('admin.products') }}" class="text-success mr-2"><i class="fa fa-arrow-right"></i> See more</a>
				                </p>	
							</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">Active Pets Listing</h5>
										<span class="h2 font-weight-bold mb-0"></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>
								<p class="mt-2 mb-0 text-sm">
				                    <a href="{{ route('admin.products', ['status' => 'active']) }}" class="text-success mr-2"><i class="fa fa-arrow-right"></i> See more</a>
				                </p>
							</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">Inactive Pets Listing</h5>
										<span class="h2 font-weight-bold mb-0"></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>
								<p class="mt-2 mb-0 text-sm">
				                    <a href="{{ route('admin.products', ['status' => 'non_active']) }}" class="text-success mr-2"><i class="fa fa-arrow-right"></i> See more</a>
				                </p>
							</div>
						</div>
					</div>
				</div>
				<div class="row d-none">
					<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">Product Orders</h5>
										<span class="h2 font-weight-bold mb-0"></span>
									</div>
									<div class="col-auto">
										<div class="icon icon-shape bg-gradient-teal text-white rounded-circle shadow">
											<i class="fas fa-cart-arrow-down"></i>
										</div>
									</div>
								</div>		
								<p class="mt-2 mb-0 text-sm">
				                    <a href="{{ route('admin.products.orders') }}" class="text-success mr-2"><i class="fa fa-arrow-right"></i> See more</a>
				                </p>
							</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">Product Queries</h5>
										<span class="h2 font-weight-bold mb-0"></span>
									</div>
									<div class="col-auto">
										<div class="icon icon-shape bg-gradient-teal text-white rounded-circle shadow">
											<i class="fas fa-comment-alt-exclamation"></i>
										</div>
									</div>
								</div>
								<p class="mt-2 mb-0 text-sm">
				                    <a href="{{ route('admin.products.queries') }}" class="text-success mr-2"><i class="fa fa-arrow-right"></i> See more</a>
				                </p>
							</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"></span>
									</div>
									<div class="col-auto">
										<div class="icon icon-shape bg-gradient-teal text-white rounded-circle shadow">
											<i class="fas fa-comment-alt-dots"></i>
										</div>
									</div>
								</div>		
								<p class="mt-2 mb-0 text-sm">
				                    <a href="{{ route('admin.feedback') }}" class="text-success mr-2"><i class="fa fa-arrow-right"></i> See more</a>
				                </p>
							</div>
						</div>
					</div>
				</div>
				<div class="row d-none">
					<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">Contact Requests</h5>
										<span class="h2 font-weight-bold mb-0"></span>
									</div>
									<div class="col-auto">
										<div class="icon icon-shape bg-gradient-teal text-white rounded-circle shadow">
											<i class="fad fa-handshake"></i>
										</div>
									</div>
								</div>
								<p class="mt-2 mb-0 text-sm">
				                    <a href="{{ route('admin.contactus') }}" class="text-success mr-2"><i class="fa fa-arrow-right"></i> See more</a>
				                </p>
							</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">Newsletter Subscribers</h5>
										<span class="h2 font-weight-bold mb-0"></span>
									</div>
									<div class="col-auto">
										<div class="icon icon-shape bg-gradient-teal text-white rounded-circle shadow">
											<i class="fas fa-envelope"></i>
										</div>
									</div>
								</div>
								<p class="mt-2 mb-0 text-sm">
				                    <a href="{{ route('admin.newsletter') }}" class="text-success mr-2"><i class="fa fa-arrow-right"></i> See more</a>
				                </p>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
@endsection