@extends('layouts.app', ['class' => 'g-sidenav-show bg-gray-100'])

@section('content')
@include('layouts.navbars.auth.topnav', ['title' => 'Dashboard'])

<div class="container-fluid py-4">
    <div class="card p-1">
        <div class="card-header d-flex justify-content-between align-items-center">
            <div>Dashboard</div>
        </div>
        <div class="card-body">
            <div class="row">
                <!-- Total Districts -->
         
                <!-- Total Users -->
                <div class="col-md-4 mb-3">
                    <div class="card p-3 bg-success text-white">
                        <h5 class="text-white">Total Course</h5>
                        <p>{{ $totalCourse }}</p>
                    </div>
                </div>
				<div class="col-md-4 mb-3">
                    <div class="card p-3 bg-primary text-white">
                        <h5 class="text-white">Total Topics</h5>
                        <p>{{ $totalTopics }}</p>
                    </div>
                </div>
              	<div class="col-md-4 mb-3">
                    <div class="card p-3 bg-secondary text-white">
                        <h5 class="text-white">Total Audios</h5>
                        <p>{{ $totalAudios }}</p>
                    </div>
                </div>
                <!-- Total Construction Users -->


                <!-- Users by District -->

            </div>
        </div>
    </div>
</div>
@endsection