<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 fill="#4d8cff" xmlns="http://www.w3.org/2000/svg" class="w-3/4"  viewBox="0 0 100 100" xml:space="preserve">

                        <g>
                            <g>
                                <path d="M78.8,62.1l-3.6-1.7c-0.5-0.3-1.2-0.3-1.7,0L52,70.6c-1.2,0.6-2.7,0.6-3.9,0L26.5,60.4 c-0.5-0.3-1.2-0.3-1.7,0l-3.6,1.7c-1.6,0.8-1.6,2.9,0,3.7L48,78.5c1.2,0.6,2.7,0.6,3.9,0l26.8-12.7C80.4,65,80.4,62.8,78.8,62.1z" />
                            </g>
                            <g>
                                <path d="M78.8,48.1l-3.7-1.7c-0.5-0.3-1.2-0.3-1.7,0L52,56.6c-1.2,0.6-2.7,0.6-3.9,0L26.6,46.4 c-0.5-0.3-1.2-0.3-1.7,0l-3.7,1.7c-1.6,0.8-1.6,2.9,0,3.7L48,64.6c1.2,0.6,2.7,0.6,3.9,0l26.8-12.7C80.4,51.1,80.4,48.9,78.8,48.1 z" />
                            </g>
                            <g>
                                <path d="M21.2,37.8l26.8,12.7c1.2,0.6,2.7,0.6,3.9,0l26.8-12.7c1.6-0.8,1.6-2.9,0-3.7L51.9,21.4 c-1.2-0.6-2.7-0.6-3.9,0L21.2,34.2C19.6,34.9,19.6,37.1,21.2,37.8z" />
                            </g>
                        </g>
                    </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">{{ $totalOrders }}</span> <span class=""> Total Orders</span>
                    </p>
                    <a href="{{route('filament.super-admin.resources.orders.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>