@extends('layout.app')

@section('content')
<div class="app-content main-content">
    <div class="side-app main-container">
        <!-- PAGE HEADER -->
        <div class="page-header d-xl-flex d-block">
            <div class="page-leftheader">
                <div class="page-title">Dashboard</div>
            </div>
        </div>
        <!-- END PAGE HEADER -->

        <!-- STATISTICS ROW -->
        <div class="row">
            <div class="col-xl-4 col-lg-6 col-md-6">
                <div class="card">
                    <div class="card-body">
                        <div class="row">
                            <div class="col-8">
                                <div class="mt-0 text-start">
                                    <span class="fs-16 font-weight-semibold">Total Users</span>
                                    <h3 class="mb-0 mt-1 mb-2">{{ $stats['totalUsers'] ?? 0 }}</h3>
                                </div>
                            </div>
                            <div class="col-4">
                                <div class="icon1 bg-primary my-auto float-end">
                                    <i class="fas fa-users"></i>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- END STATISTICS ROW -->
    </div>
</div>
@endsection

@section('script')

@endsection