@foreach ($stores as $store)
    <div class="w-full p-2">
        <a href="{{ route('store.details', $store->slug) }}" class="block">
            <div class="bg-white shadow-lg rounded-lg overflow-hidden hover:shadow-xl transition-shadow duration-300">
                <img src="{{ $store->getStoreLogoUrl() }}" class="w-full p-2 mt-5 h-15 object-contain "
                    alt="{{ $store->name }} ">
                <div class="p-4">
                    <hr class="my-2 border-gray-300">
                    <p class="text-gray-700 text-sm line-clamp-2">{{ $store->description }}</p>
                    <p class="text-gray-500 text-xs mt-2">
                        <small>{{ __('messages.coupons') }}: {{ $store->coupons_count }}</small> •
                        <small>{{ __('messages.offers') }}: {{ $store->offers_count }}</small>
                    </p>
                </div>
            </div>
        </a>
    </div>
@endforeach