<div class="malls">
    <div class="container">
        <h3 class="title  col-md-12"><span>Sellers</span> <a href="{{ route('vendors') }}">view all</a></h3>
        <div class="row autoplay slick-slides ">
            @foreach ($shops as $shop)
                <div class="mall">
                    <div class="mall-wrapper">
                        <a href="{{ route('vendor', $shop->slug) }}">
                            <div class="cover">
                            <img src="@if (file_exists(public_path() . '/uploads/shop/cover/' . $shop->cover_photo)){{ asset('uploads/shop/cover/' . $shop->cover_photo) }}@else{{ asset('/icon/no-img-cat.png') }}@endif" alt="Cover Photo">
                            </div>
                            <div class="profile-d" style="background: white;">
                                <img src="{{ asset('uploads/shop/profile/' . $shop->profile) }}" alt="">
                                <p>{{ $shop->name }}</p>
                            </div>
                            <div class="overly"></div>
                        </a>
                    </div>
                </div>
            @endforeach

        </div>
    </div>
</div>