@if(isset($banners) && !$banners->images->isEmpty())
    <section class="slick-carousel full-bleed">
        @foreach($banners->images as $key => $banner)
            <div class="slick-carousel-item"
                 style="background: url({{ is_null($banner) || ! file_exists(public_path($banner->path)) ? asset(config('paths.placeholder.banner')) : asset($banner->path) }}) 0% 0% / cover no-repeat;">
                <div class="overlay banner-overlay-shade-top stick-top-left height-3"></div>
                <div class="row" style="height: 248px">
                </div>
                <div class="overlay banner-overlay-shade-bottom stick-bottom-left force-padding text-right"></div>
            </div>
        @endforeach
    </section>
@else
    <section class="slick-carousel full-bleed">
        <div class="slick-carousel-item"
             style="background-size: cover; background: url({{ asset(config('paths.placeholder.banner')) }}) no-repeat;">
            <div class="overlay banner-overlay-shade-top stick-top-left height-3"></div>
            <div class="row" style="height: 248px">
            </div>
            <div class="overlay banner-overlay-shade-bottom stick-bottom-left force-padding text-right"></div>
        </div>
    </section>
@endif