@php
    $count = count($banners ?? []);
@endphp

@if($count >= 1)
    <div class="row no-gutters mb-10" style="margin-bottom: 15px;">
        <div class="col-12 col-sm-12 col-md-12">

            <div class="swiper-slider-container {{ $isFooter ? 'slider-footer' : '' }}">
                <div class="swiper-pagination"></div>

                <div class="swiper-wrapper h-100">
                    @foreach ($banners as $banner)

                        <div class="swiper-slide h-100">
                            <a {{!!$banner['action_link'] ? 'href='.$banner['action_link'].' target=_blank':  'href=javascript:void(0)' }}>

                                <div class="placeholder w-100"></div>

                                <img class="web-only d-none swiper-lazy web-only"
                                     style="{{!!$banner['action_link'] ?'cursor:pointer!important;':''}}"
                                     data-src="{{ asset($banner['desktop_image_url']) }}"
                                     data-lazyLoad="1" alt="">
                                <img class="mobile-only d-none swiper-lazy mobile-only"
                                     style="{{!!$banner['action_link'] ?'cursor:pointer!important;':''}}"
                                     data-src="{{ asset($banner['mobile_image_url']) }}"
                                     data-lazyLoad="1" alt="">
                            {{-- <div class="swiper-lazy-preloader"></div> --}}
                            </a>
                        </div>
                    @endforeach
                </div>
            </div>

        </div>
    </div>
@endif