{{-- 
<div>
    <div class="grid grid-cols-1 gap-6 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4">
        <div class="bg-base-100 p-4 rounded-lg shadow-xs ">
            <h2 class="text-lg font-semibold text-gray-700 dark:text-gray-200">Wallet Information</h2>
            <div class="flex items-center p-4 bg-base-300 rounded-lg shadow-xs dark:bg-base-100">
                <div class="p-3 mr-4 text-base-100 bg-accent rounded-full ">
                    <svg class="w-4 h-4" fill="currentColor" viewBox="0 0 20 20">
                        <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16z" clip-rule="evenodd"></path>
                        <path fill-rule="evenodd" d="M10 12a2 2 0 100-4 2 2 0 000 4z"></path>
                    </svg>
                </div>
                <div>
                    <p class="mb-2 text-sm font-medium text-gray-600 dark:text-gray-400">Latest Balance</p>
                    <p class="text-lg font-semibold text-gray-700 dark:text-gray-200">${{ $wallet->balance ?? '0' }}</p>
                </div>
            </div>
            <div class="flex items-center p-4 bg-base-300 rounded-lg shadow-xs dark:bg-base-100">
                <div class="p-3 mr-4 text-base-100 bg-accent rounded-full">
                    <svg class="w-4 h-4" fill="currentColor" viewBox="0 0 20 20">
                        <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16z" clip-rule="evenodd"></path>
                        <path fill-rule="evenodd" d="M10 12a2 2 0 100-4 2 2 0 000 4z"></path>
                    </svg>
                </div>
                <div>
                    <p class="mb-2 text-sm font-medium text-gray-600 dark:text-gray-400">Last Update</p>
                    <p class="text-lg font-semibold text-gray-700 dark:text-gray-200">{{ $wallet->updated_at ? $wallet->updated_at->diffForHumans() : '0' }}</p>
                </div>
            </div>
        </div>

        <div class="bg-base-100 text-white rounded-lg shadow-md p-6">
            <h3 class="text-lg font-semibold mb-4">Users Information</h3>
            <div class="flex flex-col space-y-3">
                <div class="flex flex-col">
                    <div>
                    <p class="text-sm font-semibold text-gray-400"><i class="fa fa-users text-green-500"></i> Total Users   </p>
                    <p class="text-2xl font-semibold">{{ $batches->count() }}</p>
                    </div>
                </div>
                <div class="flex flex-col">
                <div>
                    <p class="text-sm font-semibold text-gray-400"><i class="fa fa-users text-red-500"></i> Total Inactive Users</p>
                    <p class="text-2xl font-semibold">{{ $organization->users->count() }}</p>
                </div>
                </div>
            </div>
        </div>
        <div class="bg-base-100 text-white rounded-lg shadow-md p-6">
            <h3 class="text-lg font-semibold mb-4">Batch Information</h3>
            <div class="flex flex-col space-y-3">
                <div class="flex flex-col">
                    <div>
                    <p class="text-sm font-semibold text-gray-400"><i class="fa fa-users text-green-500"></i> Total Batchs  </p>
                    <p class="text-2xl font-semibold">{{ $organization->users->count() }}</p>
                    </div>
                </div>
                <div class="flex flex-col">
                <div>
                    <p class="text-sm font-semibold text-gray-400"><i class="fa fa-users text-red-500"></i> Pending Batches</p>
                    <p class="text-2xl font-semibold">{{ $organization->users->count() }}</p>
                </div>
                </div>
            </div>
        </div>
    </div>
</div> --}}