@extends('layouts.master')
@section('page-header')
<!-- breadcrumb -->
<div class="breadcrumb-header justify-content-between">
	<div class="left-content">
		<div>
			<h2 class="main-content-title tx-24 mg-b-1 mg-b-lg-1">Hi, welcome back!</h2>
			<p class="mg-b-0">Dashboard stats</p>
		</div>
	</div>
</div>
<!-- /breadcrumb -->
@endsection
@section('content')

<!-- row -->
<div class="row row-sm">
	<div class="col-xl-4 col-lg-6 col-md-6 col-xm-12">
		<div class="card overflow-hidden sales-card bg-success-gradient">
			<div class="px-3 py-4">
				<div class="">
					<h6 class="mb-3 tx-12 text-white">TOTAL CUSTOMERS</h6>
				</div>
				<div class="pb-0 mt-0">
					<div class="d-flex">
						<div class="">
							<h4 class="tx-20 font-weight-bold mb-1 text-white">{{$customersCount}}</h4>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="col-xl-4 col-lg-6 col-md-6 col-xm-12">
		<div class="card overflow-hidden sales-card bg-success-gradient">
			<div class="px-3 py-4">
				<div class="">
					<h6 class="mb-3 tx-12 text-white">TOTAL CATEGORIES</h6>
				</div>
				<div class="pb-0 mt-0">
					<div class="d-flex">
						<div class="">
							<h4 class="tx-20 font-weight-bold mb-1 text-white">{{$categoriesCount}}</h4>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="col-xl-4 col-lg-6 col-md-6 col-xm-12">
		<div class="card overflow-hidden sales-card bg-success-gradient">
			<div class="px-3 py-4">
				<div class="">
					<h6 class="mb-3 tx-12 text-white">TOTAL BLOGS</h6>
				</div>
				<div class="pb-0 mt-0">
					<div class="d-flex">
						<div class="">
							<h4 class="tx-20 font-weight-bold mb-1 text-white">{{$blogsCount}}</h4>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="col-xl-4 col-lg-6 col-md-6 col-xm-12">
		<div class="card overflow-hidden sales-card bg-success-gradient">
			<div class="px-3 py-4">
				<div class="">
					<h6 class="mb-3 tx-12 text-white">TOTAL WORKOUTS</h6>
				</div>
				<div class="pb-0 mt-0">
					<div class="d-flex">
						<div class="">
							<h4 class="tx-20 font-weight-bold mb-1 text-white">{{$workoutsCount}}</h4>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

</div>
<!-- row closed -->


	

</div>
<!-- Container closed -->
@endsection