@extends('adminlte::layouts.app')

@section('htmlheader_title')
	{{ trans('adminlte_lang::message.home') }}
@endsection


@section('main-content')
	<div class="container-fluid spark-screen">
		<div class="row">
			<div class="col-md-12">
				
				<div class="col-md-3">
					<div class="info-box">
					  <!-- Apply any bg-* class to to the icon to color it -->
						<span class="info-box-icon bg-red"><i class="fa fa-user"></i></span>
					  		<div class="info-box-content">
					    	<span class="info-box-text">Total Users</span>
					    	<span class="info-box-number">{{ $totalUser }}</span>
					  </div><!-- /.info-box-content -->
					</div><!-- /.info-box -->
				</div>
				
				<div class="col-md-3">
					<div class="info-box">
					  <!-- Apply any bg-* class to to the icon to color it -->
						<span class="info-box-icon bg-yellow"><i class="fa fa-group"></i></span>
					  		<div class="info-box-content">
					    	<span class="info-box-text">Total Classes</span>
					    	<span class="info-box-number">{{ $totalClass }}</span>
					  </div><!-- /.info-box-content -->
					</div><!-- /.info-box -->
				</div>
				
				<div class="col-md-3">
					<div class="info-box">
					  <!-- Apply any bg-* class to to the icon to color it -->
						<span class="info-box-icon bg-green"><i class="fa fa-book"></i></span>
					  		<div class="info-box-content">
					    	<span class="info-box-text">Total Courses</span>
					    	<span class="info-box-number">{{ $totalCourses }}</span>
					  </div><!-- /.info-box-content -->
					</div><!-- /.info-box -->
				</div>

				<div class="col-md-3">
					<div class="info-box">
					  <!-- Apply any bg-* class to to the icon to color it -->
						<span class="info-box-icon bg-blue"><i class="fa fa-home"></i></span>
					  		<div class="info-box-content">
					    	<span class="info-box-text">Total Rooms</span>
					    	<span class="info-box-number">{{ $totalRooms }}</span>
					  </div><!-- /.info-box-content -->
					</div><!-- /.info-box -->
				</div>
			</div>
		</div>
	</div>
@endsection
