@extends('layouts.backend.app')

@section('content')

 <!-- Start right Content here -->
<div class="main-content">
	<div class="page-content">
		<div class="container-fluid">

		<div class="page-title-box">
			<div class="row align-items-center">

		<div class="col-md-8">
			<h6 class="page-title">Dashboard</h6>
			<ol class="breadcrumb m-0">
				<li class="breadcrumb-item"><a href="javascript:(0)">Star mobiles</a></li>
				<li class="breadcrumb-item active" aria-current="page">Dashboard</li>
			</ol>
		</div>

		</div>
	</div>

	<div class="dash-stock pb-4">
		<div class="row">
			<div class="col-lg-3">
				<div class="stock-table-title total-stock t-stock">
					<div class="stock-image">
						<img src="{{ asset('backend/assets/images/icons/stocks.svg') }}" alt="">
					</div>
					<div class="stock-desc">
						<p class="fs-5 mb-0">Total Stocks</p>
						<h4> {{ $stocks }}</h4>
					</div>
				</div>
			</div>
			<div class="col-lg-3">
				<div class="stock-table-title total-stock v-stock">
					<div class="stock-image">
						<img src="{{ asset('backend/assets/images/icons/products.svg') }}" alt="">
					</div>
					<div class="stock-desc">
						<p class="fs-5 mb-0">Verified Stocks</p>
						<h4> {{ $verified }}</h4>
					</div>
				</div>
			</div>
			<div class="col-lg-3">
				<div class="stock-table-title total-stock tes-stock">
					<div class="stock-image">
						<img src="{{ asset('backend/assets/images/icons/qc-icons.svg') }}" alt="">
					</div>
					<div class="stock-desc">
						<p class="fs-5 mb-0">Testing</p>
						<h4> {{ $testing }}</h4>
					</div>
				</div>
			</div>
			<div class="col-lg-3">
				<div class="stock-table-title total-stock ser-stock">
					<div class="stock-image">
						<img src="{{ asset('backend/assets/images/icons/engineer-icons.svg') }}" alt="">
					</div>
					<div class="stock-desc">
						<p class="fs-5 mb-0">Service</p>
						<h4> {{ $service }}</h4>
					</div>
				</div>
			</div>
		</div>
	</div>

	<!-- end row -->
	
	
	<div class="row">
		<div class="col-xl-12 col-md-12">
			<div class="card">
				<div class="card-body">
					<h4 class="mt-0 header-title">Weekly Stocks</h4>
					<div class="py-4">
						<span class="peity-line" data-width="100%"
							data-peity='{ "fill": ["rgba(22, 153, 221, 0.3)"],"stroke": ["rgba(22, 153, 221, 0.9)"]}'
							data-height="60">4,6,8,7,6,7,9,8,6,5,7,5,8,6,4,8,9,8,5,4</span>
					</div>
					<div class="row">
						<div class="col-6">
							<div class="weekly-sale-list text-center">
								<h5>{{ $thisweek }}</h5>
								<p class="text-muted mb-0">This Week</p>
							</div>
						</div>
						<div class="col-6">
							<div class="weekly-sale-list text-center">
								<h5>{{ $lastweek }}</h5>
								<p class="text-muted mb-0">Last Week</p>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- end row -->
	

		</div>
	</div>
	<!-- End Page-content -->

</div>
<!-- end main content-->

@endsection