@if (authy()->hasRole('admin'))
    <div class="p-12">
        <div class="max-w-2xl  rounded-3xl sm:px-6 lg:px-8">
            <div class="bg-white dark:bg-gray-800 overflow-hidden shadow-sm sm:rounded-lg lg:rounded-3xl">
                <div class="p-6 text-gray-900 text-2xl dark:text-gray-100">
                    Dear {{ ucfirst(authy()->name) }} 👍 <br> here is your store statistics for today! 🫰
                </div>
            </div>
        </div>

        <div class=" mt-5  w-[90vw] mx-auto grid grid-cols-2 grid-flow-row gap-4">
            <div class=" bg-green-500 rounded-xl p-12 text-white ">
                <div class="title text-lg">Total Products</div>
                <div class="mt-10 value text-7xl">{{ $totalProductsCount }}</div>
            </div>

            <div class=" bg-green-500 rounded-xl p-12 text-white ">
                <div class="title text-lg">Product checked out</div>
                <div class="mt-10 value text-7xl">{{ $totalProductCheckout }}</div>
            </div>
            <div class=" bg-green-500 rounded-xl p-12 col-span-2 text-white ">
                <div class="title">Total Users</div>
                <div class="mt-10 value text-7xl">{{ $totalUserCount }}</div>
            </div>

            <div class=" bg-green-500 rounded-xl p-12 text-white ">
                <div class="title text-lg">Total Orders</div>
                <div class="mt-10 value text-7xl">{{ $totalOrderCount }}</div>
            </div>

            <div class=" bg-green-500 rounded-xl p-12 text-white ">
                <div class="title text-lg">Total Order Volume (₦)</div>
                <div class="mt-10 value text-7xl">₦ {{ number_format($totalOrderVolume, 2) }}</div>
            </div>


            <div class=" bg-green-500 rounded-xl p-5 col-span-2 text-white ">
                <div class="title">Store statistics as at Today</div>
                <div class="value text-4xl">{{ now() }}</div>
            </div>
        </div>
    </div>
@endif