<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="M4 12V20H20V4H4V7M7 8H17M7 12H17M7 16H13" stroke="#4d8cff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
                    </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">{{ $totalMakes }}</span> <span class="">Total Makes</span>
                    </p>
                    <a href="{{route('filament.super-admin.resources.makes.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>