@extends('dealer.master')
@section('content')
<div class="app-content my-3 my-md-5">
					<div class="side-app">
						<div class="page-header">
							<h4 class="page-title">Dashboard</h4>
							<ol class="breadcrumb">
								<li class="breadcrumb-item"><a href="#">Home</a></li>
								<li class="breadcrumb-item active" aria-current="page">Dashboard</li>
							</ol>
						</div>
						<div class="row row-cards">
							<div class="col-sm-12 col-md-6 col-lg-3">
								<div class="card ">
									<div class="card-body">
										<div class="row">
											<div class="col">
												<div class="text-muted">App Views</div>
												<div class="h3 m-0"><b>897</b></div>
											</div>
											<div class="col-auto align-self-center ">
												<div class="chart-circle chart-circle-xs" data-value="0.65" data-thickness="6" data-color="#c21a1a"></div>
											</div>
										</div>
									</div>
								</div>
							</div>
							<div class="col-sm-12 col-md-6 col-lg-3">
								<div class="card ">
									<div class="card-body">
										<div class="row">
											<div class="col">
												<div class="text-muted">Our Customers</div>
												<div class="h3 m-0"><b>125</b></div>
											</div>
											<div class="col-auto align-self-center">
												<div class="chart-circle chart-circle-xs" data-value="0.68" data-thickness="6" data-color="#867efc"></div>
											</div>
										</div>
									</div>
								</div>
							</div>
							<div class="col-sm-12 col-md-6 col-lg-3">
								<div class="card ">
									<div class="card-body">
										<div class="row">
											<div class="col">
												<div class="text-muted">Company Profit</div>
												<div class="h3 m-0"><b>2056</b></div>
											</div>
											<div class="col-auto align-self-center">
												<div class="chart-circle chart-circle-xs" data-value="0.80" data-thickness="6" data-color="#ffcc29"></div>
											</div>
										</div>
									</div>
								</div>
							</div>
							<div class="col-sm-12 col-md-6 col-lg-3">
								<div class="card ">
									<div class="card-body">
										<div class="row">
											<div class="col">
												<div class="text-muted">Business Sales</div>
												<div class="h3 m-0"><b>567</b></div>
											</div>
											<div class="col-auto align-self-center">
												<div class="chart-circle chart-circle-xs" data-value="0.42" data-thickness="6" data-color="#4ecc48"></div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>

						<div class="row">
							<div class="col-sm-6 col-lg-3">
								<div class="card p-3">
									<div class="d-flex align-items-center">
										<span class="stamp stamp-md bg-cyan mr-3">
											<i class="fa fa-users"></i>
										</span>
										<div>
											<h4 class="m-0"><a href="javascript:void(0)"><strong>765</strong> <small>Customers</small></a></h4>
											<small class="text-muted">13 new customers </small>
										</div>
									</div>
								</div>
							</div>
							<div class="col-sm-6 col-lg-3">
								<div class="card p-3">
									<div class="d-flex align-items-center">
										<span class="stamp stamp-md bg-orange mr-3">
											<i class="fa fa-cart-arrow-down"></i>
										</span>
										<div>
											<h4 class="m-0"><a href="javascript:void(0)"><strong>92</strong> <small>Selling</small></a></h4>
											<small class="text-muted">67 deliverd</small>
										</div>
									</div>
								</div>
							</div>
							<div class="col-sm-6 col-lg-3">
								<div class="card p-3">
									<div class="d-flex align-items-center">
										<span class="stamp stamp-md bg-teal mr-3">
											<i class="fa fa-eye"></i>
										</span>
										<div>
											<h4 class="m-0"><a href="javascript:void(0)"><strong>2,456 </strong><small>Visitors</small></a></h4>
											<small class="text-muted">281 sign in</small>
										</div>
									</div>
								</div>
							</div>
							<div class="col-sm-6 col-lg-3">
								<div class="card p-3">
									<div class="d-flex align-items-center">
										<span class="stamp stamp-md bg-indigo mr-3">
											<i class="fa fa-file-text"></i>
										</span>
										<div>
											<h4 class="m-0"><a href="javascript:void(0)"><strong>125 </strong><small>FeedBack</small></a></h4>
											<small class="text-muted">32 Pending</small>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
@stop