@extends('layouts.admin')

@section('content')
<!-- Main Content -->
<section class="content home">
    <div class="container-fluid">
        <div class="block-header">
            <div class="row clearfix">
                <div class="col-lg-5 col-md-5 col-sm-12">
                    <h2>{{$title}}</h2>
                    <ul class="breadcrumb padding-0">
                        <li class="breadcrumb-item"><a href="{{ route('admin.home') }}"><i class="zmdi zmdi-home"></i></a></li>
                        <li class="breadcrumb-item active">{{$breadcrumb}}</li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="row clearfix">
            <div class="col-lg-3 col-md-6">
                <div class="card text-center">
                    <div class="body">
                        <p class="m-b-20"><i class="zmdi zmdi-balance zmdi-hc-3x col-amber"></i></p>
                        <span>Total Verified Users</span>
                        <h3 class="m-b-10"><span class="number count-to" data-from="0" data-to="{{ $verifiedUsersCount }}" data-speed="1000" data-fresh-interval="700">{{ $verifiedUsersCount }}</span></h3>
                        <small class="text-muted">Verified Users</small>
                    </div>
                </div>
            </div>
            <div class="col-lg-3 col-md-6">
                <div class="card text-center">
                    <div class="body">
                        <p class="m-b-20"><i class="zmdi zmdi-assignment zmdi-hc-3x col-blue"></i></p>
                        <span>Total Approval Request</span>
                        <h3 class="m-b-10 number count-to" data-from="0" data-to="{{ $approvalRequestCount }}" data-speed="1000" data-fresh-interval="700">{{ $approvalRequestCount }}</h3>
                        <small class="text-muted">Approval Request</small>
                    </div>
                </div>
            </div>
            <div class="col-lg-3 col-md-6">
                <div class="card text-center">
                    <div class="body">
                        <p class="m-b-20"><i class="zmdi zmdi-shopping-basket zmdi-hc-3x"></i></p>
                        <span>Total Courses</span>
                        <h3 class="m-b-10 number count-to" data-from="0" data-to="{{ $courseCount }}" data-speed="2000" data-fresh-interval="700">{{ $courseCount }}</h3>
                        <small class="text-muted">Couses</small>
                    </div>
                </div>
            </div>
            <div class="col-lg-3 col-md-6">
                <div class="card text-center">
                    <div class="body">
                        <p class="m-b-20"><i class="zmdi zmdi-account-box zmdi-hc-3x col-green"></i></p>
                        <span>Total Student</span>
                        <h3 class="m-b-10 number count-to" data-from="0" data-to="{{ $StudentCount }}" data-speed="2000" data-fresh-interval="700">{{ $StudentCount }}</h3>
                        <small class="text-muted">Register Student</small>
                    </div>
                </div>
            </div>
        </div>
    </div>

</section>

@endsection

@section('page-scripts')
<script src="{{asset('front')}}/assets/bundles/knob.bundle.js"></script> <!-- Jquery Knob-->
<script src="{{asset('front')}}/assets/bundles/jvectormap.bundle.js"></script> <!-- JVectorMap Plugin Js -->
<script src="{{asset('front')}}/assets/bundles/morrisscripts.bundle.js"></script> <!-- Morris Plugin Js --> 
<script src="{{asset('front')}}/assets/bundles/sparkline.bundle.js"></script> <!-- sparkline Plugin Js --> 
<script src="{{asset('front')}}/assets/bundles/doughnut.bundle.js"></script>
@endsection