@extends('dashboard.app')
@section('content')
<div class="row">
    <div class="col-xxl-3 col-sm-6">
        <div class="card widget-flat text-bg-pink">
            <div class="card-body">
                <div class="float-end">
                    <i class="ri-eye-line widget-icon"></i>
                </div>
                <h6 class="text-uppercase mt-0" title="Customers">Daily Visits</h6>
                <h2 class="my-2">8,652</h2>
                <p class="mb-0">
                    <span class="badge bg-white bg-opacity-10 me-1">2.97%</span>
                    <span class="text-nowrap">Since last month</span>
                </p>
            </div>
        </div>
    </div> <!-- end col-->

    <div class="col-xxl-3 col-sm-6">
        <div class="card widget-flat text-bg-purple">
            <div class="card-body">
                <div class="float-end">
                    <i class="ri-wallet-2-line widget-icon"></i>
                </div>
                <h6 class="text-uppercase mt-0" title="Customers">Revenue</h6>
                <h2 class="my-2">$9,254.62</h2>
                <p class="mb-0">
                    <span class="badge bg-white bg-opacity-10 me-1">18.25%</span>
                    <span class="text-nowrap">Since last month</span>
                </p>
            </div>
        </div>
    </div> <!-- end col-->

    <div class="col-xxl-3 col-sm-6">
        <div class="card widget-flat text-bg-info">
            <div class="card-body">
                <div class="float-end">
                    <i class="ri-shopping-basket-line widget-icon"></i>
                </div>
                <h6 class="text-uppercase mt-0" title="Customers">Orders</h6>
                <h2 class="my-2">753</h2>
                <p class="mb-0">
                    <span class="badge bg-white bg-opacity-25 me-1">-5.75%</span>
                    <span class="text-nowrap">Since last month</span>
                </p>
            </div>
        </div>
    </div> <!-- end col-->

    <div class="col-xxl-3 col-sm-6">
        <div class="card widget-flat text-bg-primary">
            <div class="card-body">
                <div class="float-end">
                    <i class="ri-group-2-line widget-icon"></i>
                </div>
                <h6 class="text-uppercase mt-0" title="Customers">Users</h6>
                <h2 class="my-2">63,154</h2>
                <p class="mb-0">
                    <span class="badge bg-white bg-opacity-10 me-1">8.21%</span>
                    <span class="text-nowrap">Since last month</span>
                </p>
            </div>
        </div>
    </div> <!-- end col-->
</div>
@endsection