@extends('frontend.frontend_layout')

@section('content')

<main id="main">
	<!-- Begin Dahsboard Area-->
	<section class="my-account-area mb-15 bg-F7F8FA pt-150">
		<div class="container">
			<div class="row">
				<div class="col-12 col-md-3">
					@include('frontend.user.sidebar')
				</div>
				<div class="col-12 col-md-9">
					<div class="seller-dashboard-main-content-area">
						<div class="content-wrapper">
							<div class="row">
								<div class="col-md-12">
									<h1 class="page-header">
										<i class="bi bi-houses-fill mr-2"></i> Dashboard
									</h1>
								</div>
								<div class="col-xl-3 col-lg-6 col-md-6 col-12">
									<div class="card gradient-blackberry">
										<div class="card-content">
											<div class="card-body">
												<div class="media">
													<div class="media-body white text-left">
														<h3 class="font-large-1 mb-0">{{ $total_orders }}</h3>
														<span>Total Order</span>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
								<div class="col-xl-3 col-lg-6 col-md-6 col-12">
									<div class="card gradient-ibiza-sunset">
										<div class="card-content">
											<div class="card-body">
												<div class="media">
													<div class="media-body white text-left">
														<h3 class="font-large-1 mb-0">{{ $processing_orders }}</h3>
														<span>Approved Order</span>
													</div>
												</div>
											</div>
											<div id="Widget-line-chart1"
												class="height-75 WidgetlineChart WidgetlineChartshadow mb-2"></div>
										</div>
									</div>
								</div>
								<div class="col-xl-3 col-lg-6 col-md-6 col-12">
									<div class="card gradient-green-tea">
										<div class="card-content">
											<div class="card-body">
												<div class="media">
													<div class="media-body white text-left">
														<h3 class="font-large-1 mb-0">{{ $pending_orders }}</h3>
														<span>Pending Order</span>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
								<div class="col-xl-3 col-lg-6 col-md-6 col-12">
									<div class="card gradient-pomegranate">
										<div class="card-content">
											<div class="card-body">
												<div class="media">
													<div class="media-body white text-left">
														<h3 class="font-large-1 mb-0">{{ $rejected_orders }}</h3>
														<span>Rejected Order</span>
													</div>
												</div>
											</div>
											<div id="Widget-line-chart3"
												class="height-75 WidgetlineChart WidgetlineChartshadow mb-2"></div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</section>
	<!-- End Dahsboard  Area-->
</main>
<!-- End #main -->
@endsection