@extends('layouts.simple.master')

@section('title', 'Dashboard')

@section('css')
    
@endsection

@section('style')
<link rel="stylesheet" type="text/css" href="{{ asset('assets/css/vendors/animate.css') }}">
@endsection

@section('breadcrumb-title')
@endsection

@section('breadcrumb-items')
    <li class="breadcrumb-item">Dashboard</li>
@endsection

@section('content')
	<div class="container-fluid">
		<div class="row">
			<div class="col-xl-12 col-sm-12 box-col-6"> 
				<div class="row"> 
					<div class="col-xl-3 col-md-3 col-xs-12"> 
						<a href="{{route('admin.customers')}}">
							<div class="card">
								<div class="card-body"> 
									<div class="widget-content">
										<div class="text-center"> 
											<h4>{{$customers ?? 0}}</h4><span class="f-light">Customers</span>
										</div>
									</div>
								</div>
							</div>
						</a>
					</div>
					
					<div class="col-xl-3 col-md-3 col-xs-12"> 
						<a href="{{route('admin.users')}}">
							<div class="card">
								<div class="card-body"> 
									<div class="widget-content">
										<div class="text-center"> 
											<h4>{{$users ?? 0}}</h4><span class="f-light">Users</span>
										</div>
									</div>
								</div>
							</div>
						</a>
					</div>
					
					<div class="col-xl-3 col-md-3 col-xs-12"> 
						<a href="{{route('admin.contests')}}">
							<div class="card">
								<div class="card-body"> 
									<div class="widget-content">
										<div class="text-center"> 
											<h4>{{$contests ?? 0}}</h4><span class="f-light">Contests</span>
										</div>
									</div>
								</div>
							</div>
						</a>
					</div>
					
					<div class="col-xl-3 col-md-3 col-xs-12"> 
						<a href="{{route('admin.contact_us.received.requests')}}">
							<div class="card">
								<div class="card-body"> 
									<div class="widget-content">
										<div class="text-center"> 
											<h4>{{$enquires ?? 0}}</h4><span class="f-light">Enquiries</span>
										</div>
									</div>
								</div>
							</div>
						</a>
					</div>

					<div class="col-xl-3 col-md-3 col-xs-12"> 
						<a href="#">
							<div class="card">
								<div class="card-body"> 
									<div class="widget-content">
										<div class="text-center"> 
											<h4>{{$subscribers ?? 0}}</h4><span class="f-light">Newsletter Subscriptions</span>
										</div>
									</div>
								</div>
							</div>
						</a>
					</div>
				</div>
			</div>
		</div>
	</div>
    <script type="text/javascript">
        var session_layout = '{{ session()->get('layout') }}';
    </script>
@endsection

@section('script')
<script src="{{ asset('assets/js/clock.js') }}"></script>
<script src="{{ asset('assets/js/chart/apex-chart/moment.min.js') }}"></script>
<script src="{{ asset('assets/js/notify/bootstrap-notify.min.js') }}"></script>
<script src="{{ asset('assets/js/dashboard/default.js') }}"></script>
<script src="{{ asset('assets/js/notify/index.js') }}"></script>
<script src="{{ asset('assets/js/typeahead/handlebars.js') }}"></script>
<script src="{{ asset('assets/js/typeahead/typeahead.bundle.js') }}"></script>
<script src="{{ asset('assets/js/typeahead/typeahead.custom.js') }}"></script>
<script src="{{ asset('assets/js/typeahead-search/handlebars.js') }}"></script>
<script src="{{ asset('assets/js/typeahead-search/typeahead-custom.js') }}"></script>
<script src="{{ asset('assets/js/height-equal.js') }}"></script>
<script src="{{ asset('assets/js/animation/wow/wow.min.js') }}"></script>
@endsection