@extends('backend.layouts.master')

@section('title', 'Dashboard')

@section('content')

	<ol class="breadcrumb">
		<li class="breadcrumb-item"><a href="#">Backend</a></li>
		<li class="breadcrumb-item active">Dashboard</li>
	</ol>
	<h1>Dashboard</h1>
	<hr>
	<div class="row">
		<div class="col-xl-3 col-sm-6 mb-3">
			<div class="card text-white bg-primary o-hidden h-100">
				<div class="card-body">
					<div class="card-body-icon"><i class="fa fa-fw fa-users"></i></div>
					<div class="mr-5"><h4></h4></div>
				</div>
				<a href="#" class="card-footer text-white clearfix small z-1">
					<span class="float-left">View Details</span>
					<span class="float-right"><i class="fa fa-angle-right"></i></span>
				</a>
			</div>
		</div>
		<div class="col-xl-3 col-sm-6 mb-3">
			<div class="card text-white bg-success o-hidden h-100">
				<div class="card-body">
					<div class="card-body-icon"><i class="fa fa-fw fa-calendar"></i></div>
					<div class="mr-5"><h4></h4></div>
				</div>
				<a href="#" class="card-footer text-white clearfix small z-1">
					<span class="float-left">View Details</span>
					<span class="float-right"><i class="fa fa-angle-right"></i></span>
				</a>
			</div>
		</div>
		<div class="col-xl-3 col-sm-6 mb-3">
			<div class="card text-white bg-warning o-hidden h-100">
				<div class="card-body">
					<div class="card-body-icon"><i class="fa fa-fw fa-check"></i></div>
					<div class="mr-5"><h4></h4></div>
				</div>
				<a href="#" class="card-footer text-white clearfix small z-1">
					<span class="float-left">View Details</span>
					<span class="float-right"><i class="fa fa-angle-right"></i></span>
				</a>
			</div>
		</div>
		<div class="col-xl-3 col-sm-6 mb-3">
			<div class="card text-white bg-danger o-hidden h-100">
				<div class="card-body">
					<div class="card-body-icon"><i class="fa fa-fw fa-user"></i></div>
					<div class="mr-5"><h4>{{ \App\Models\User\User::count() }} Users!</h4></div>
				</div>
				<a href="{{ route('backend.user.index') }}" class="card-footer text-white clearfix small z-1">
					<span class="float-left">View Details</span>
					<span class="float-right"><i class="fa fa-angle-right"></i></span>
				</a>
			</div>
		</div>
	</div>
	<div class="row">
		<div class="col-md-12 col-sm-12">
			<div class="card mb-3">
				<div class="card-header"><i class="fa fa-table"></i> Dashboard</div>
				<div class="card-body">

				</div>
			</div>
		</div>

@endsection