@extends('admin.layouts.app')
@section('title')
    Dashoard
@endsection
@section('content')
    <div class="content-page">
        <div class="content">
            <div class="container-fluid">
                <div class="row page-title align-items-center">
                    <div class="col-sm-4 col-xl-1">
                        <h4 class="mb-1 mt-0">Dashboard</h4>
                    </div>
                    <div class="col-sm-4 col-xl-3">
                        <h4 class="mb-1 mt-0 mx-5 text-danger text-center" style="background: rgba(255, 0, 0, 0.1);">
                        </h4>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-6 col-xl-3">
                        <div class="card">
                            <div class="card-body p-0">
                                <div class="media p-3">
                                    <div class="media-body">
                                        <span class="text-muted text-uppercase font-size-12 font-weight-bold">Today
                                            Users</span>
                                        <h2 class="mb-0">{{ $user }}</h2>
                                    </div>

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

                    <div class="col-md-6 col-xl-3">
                        <div class="card">
                            <div class="card-body p-0">
                                <div class="media p-3">
                                    <div class="media-body">
                                        <span class="text-muted text-uppercase font-size-12 font-weight-bold">Total
                                            Platform</span>
                                        <h2 class="mb-0">{{ $platform }}</h2>
                                    </div>

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

                    <div class="col-md-6 col-xl-3">
                        <div class="card">
                            <div class="card-body p-0">
                                <div class="media p-3">
                                    <div class="media-body">
                                        <span class="text-muted text-uppercase font-size-12 font-weight-bold">Total
                                            Education</span>
                                        <h2 class="mb-0">{{ $education }}</h2>
                                    </div>

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


                </div>

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