@extends('layouts.backend-app')
@section('content')
<div class="page-body">
	<div class="container-fluid">        
		<div class="page-title">
			<div class="row">
				<div class="col-6">
					<h3>Dashboard</h3>
				</div>
				<div class="col-6">
					<ol class="breadcrumb">
					<li class="breadcrumb-item"><a href="{{url('/admin/dashboard')}}"> <i data-feather="home"></i></a></li>
					<li class="breadcrumb-item active">Dashboard </li>
					</ol>
				</div>
			</div>
		</div>
	</div>
	<!-- Container-fluid starts-->
	<div class="container-fluid">
		<div class="row second-chart-list third-news-update">
			<div class="col-sm-6 col-xl-4 col-lg-6">
				<div class="card o-hidden">
					<div class="bg-secondary b-r-4 card-body">
						<div class="media static-top-widget">
							<div class="align-self-center text-center"><i data-feather="user"></i></div>
							<div class="media-body"><span class="m-0">Total Customers</span>
							<h4 class="mb-0 counter">541</h4><i class="icon-bg" data-feather="user"></i>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="col-sm-6 col-xl-4 col-lg-6">
				<div class="card o-hidden">
					<div class="bg-primary b-r-4 card-body">
						<div class="media static-top-widget">
							<div class="align-self-center text-center"><i data-feather="users"></i></div>
							<div class="media-body"><span class="m-0">No Of Users</span>
							<h4 class="mb-0 counter">5</h4><i class="icon-bg" data-feather="users"></i>
							</div>
						</div>
					</div>
				</div>
			</div>
			
			<div class="col-sm-6 col-xl-4 col-lg-6">
				<div class="card o-hidden">
					<div class="bg-primary b-r-4 card-body" style="background-color: #ab47bc !important;">
						<div class="media static-top-widget">
							<div class="align-self-center text-center" style="background-color: #ab47bc !important;"><i data-feather="layers"></i></div>
							<div class="media-body"><span class="m-0">Pending Requests</span>
							<h4 class="mb-0 counter">10</h4><i class="icon-bg" data-feather="layers"></i>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="col-sm-6 col-xl-4 col-lg-6">
				<div class="card o-hidden">
					<div class="bg-primary b-r-4 card-body" style="background: #fa9f1b !important;">
						<div class="media static-top-widget">
							<div class="align-self-center text-center"  style="background: #fa9f1b !important;"><i data-feather="layers"></i></div>
							<div class="media-body"><span class="m-0">Inprocess Requests</span>
								<h4 class="mb-0 counter">50</h4><i class="icon-bg" data-feather="layers"></i>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="col-sm-6 col-xl-4 col-lg-6">
				<div class="card o-hidden">
					<div class="bg-primary b-r-4 card-body" style="background-color: #9fcc2e !important;">
						<div class="media static-top-widget">
							<div class="align-self-center text-center"  style="background-color: #9fcc2e !important;"><i data-feather="layers"></i></div>
							<div class="media-body"><span class="m-0">Completed Requests</span>
								<h4 class="mb-0 counter">5046</h4><i class="icon-bg" data-feather="layers"></i>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="col-sm-6 col-xl-4 col-lg-6">
				<div class="card o-hidden">
					<div class="bg-secondary b-r-4 card-body" style="background-color:#ff4a43 !important ;">
						<div class="media static-top-widget">
							<div class="align-self-center text-center" style="background-color:#ff4a43 !important ;">
								<i data-feather="user-plus"></i>
							</div>
							<div class="media-body">
								<span class="m-0">Avg. Completion Duration</span>
								<h4 class="mb-0 counter">7</h4><i class="icon-bg" data-feather="user-plus"></i>
							</div>
						</div>
					</div>
				</div>
			</div>

			<div class="col-xl-4 col-lg-12 box-col-6">
				<div class="card">
					<div class="card-header">
						<div class="row">
							<div class="col-9">
								<h5>Test Status</h5>
							</div>
						
						</div>
					</div>
					<div class="card-body">
						<div id="chartdiv"></div>
					</div>
				</div>
			</div>

			<div class="col-lg-8">
				<div class="card card-body">              
					<div class="table-responsive">
						<table class="display" id="basic-1">
							<thead>
							<tr>
								<th>S.No</th>
								<th>Test Number</th>
								<th>Customer</th>
								<th>Phone</th>
								<th>Email</th>
								<th>Status</th>
								
							</tr>
							</thead>
							<tbody>
							<tr>
								<td>1</td>
								<td><a href="#"> 2022/11/001</a></td>
								<td>Test</td>
								<td>7835624567</td>
								<td>test@gmail.com</td>
								<td>Requested </td>
								
							</tr>
							<tr>
								<td>2</td>
								<td><a href="#"> 2022/11/002</a></td>
								<td>Test</td>
								<td>7835624567</td>
								<td>test@gmail.com</td>
								<td>Requested</td>
								
							</tr>
							<tr>
								<td>3</td>
								<td><a href="#"> 2022/11/003</a></td>
								<td>Test</td>
								<td>7835624567</td>
								<td>test@gmail.com</td>
								<td>Sample Collected</td>
								
							</tr>
							<tr>
								<td>4</td>
								<td><a href="#"> 2022/11/004</a></td>
								<td>Test</td>
								<td>7835624567</td>
								<td>test@gmail.com</td>
								<td>Completed</td>
								
							</tr>
							<tr>
								<td>5</td>
								<td><a href="#"> 2022/11/005</a></td>
								<td>Test</td>
								<td>7835624567</td>
								<td>test@gmail.com</td>
								<td>Completed</td>
								
							</tr>
							<tr>
								<td>6</td>
								<td><a href="#"> 2022/11/006</a></td>
								<td>Test</td>
								<td>7835624567</td>
								<td>test@gmail.com</td>
								<td>Completed</td>
								
							</tr>
							<tr>
								<td>7</td>
								<td><a href="#"> 2022/11/007</a></td>
								<td>Test</td>
								<td>7835624567</td>
								<td>test@gmail.com</td>
								<td>Completed</td>
								
							</tr>
							</tbody>
						</table>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- Container-fluid Ends-->
</div> 

    
@endsection
{{-- @push('javascript')
@endpush --}}