<x-filament-widgets::widget >
    <x-filament::section class="!bg-gradient-to-r from-[#4d8cff] to-[#6c9dfcb0] to-100%">
        <div class="flex-1 items-justify gap-x-3">
            <div class="flex gap-2 flex-col items-start">
                <div class="bg-white content-center justify-items-center flex-auto h-[60px] w-[60px] rounded-lg">
                    <svg class="w-3/4" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M12.25 12.5C12.25 13.6046 11.3546 14.5 10.25 14.5C9.14543 14.5 8.25 13.6046 8.25 12.5C8.25 11.3954 9.14543 10.5 10.25 10.5C11.3546 10.5 12.25 11.3954 12.25 12.5Z" fill="#4d8cff" />
                        <path fill-rule="evenodd" clip-rule="evenodd" d="M14.25 4.5L20 10.1893V18H16.5V20H4V11.9393L10.25 5.68933L11.625 7.06433L14.25 4.5ZM18.5 10.8107V16.5H16.5V11.9393L12.6857 8.12499L14.25 6.56065L18.5 10.8107ZM5.5 12.5607V18.5H6.78545C7.02806 16.8038 8.48677 15.5 10.25 15.5C12.0132 15.5 13.4719 16.8038 13.7146 18.5H15V12.5607L10.25 7.81065L5.5 12.5607Z" fill="#4d8cff" />
                    </svg>
                </div>
                <div class="flex flex-row items-end w-full mt-10 " >
                    <p class="w-full text-md p-0 m-0 flex-col justify-self-start text-white flex font-bold ">
                        <span class="text-3xl text-white">{{ $totalTenants }}</span> <span class="">Total Tenants</span>
                    </p>
                    <a href="{{route('filament.super-admin.resources.tenants.index')}}" class="w-full text-white border-2 rounded-full p-2 text-center cusrsor-pointer font-bold hover:bg-white hover:text-black hover:border-white">View all</a>
                </div>
            </div>
        </div>
    </x-filament::section>
</x-filament-widgets::widget>