<div class="c-customer-logo-slider  js-customer-logo-slider" data-has-swipe-events="true" data-replace-source="true">

    <div class="c-customer-logo-slider__container  is-loading  js-customer-logo-slide-container">

        @foreach($customerLogos as $customerLogo)

            <a target="_blank"
               rel="nofollow noopener noreferrer"
               class="c-customer-logo-slider__item  @if($loop->iteration > 5) is-hidden @else c-customer-logo-slider__item--position-{{$loop->iteration}} @endif  js-customer-logo-slide"
               @if(isset($customerLogo->url) && $customerLogo->url != '') href="{{$customerLogo->url}}" @endif
               data-slide-id="{{$loop->index}}"
               data-logo-id="{{$customerLogo->id}}"
               aria-label="Go to our partners website"
               >
                <div class="c-customer-logo-slider__logo  js-lazy" data-bg="{!! (!empty($customerLogo->images->first()->medium_image_url) ? $customerLogo->images->first()->medium_image_url : str_replace('\\', '/', $customerLogo->images->first()->path)) !!}"></div>
            </a>

        @endforeach

        <div class="c-customer-logo-slider__placeholder"></div>

    </div>

    <button class="c-customer-logo-slider__button  previous  js-slider-button" title="Previous">
        <i class="c-customer-logo-slider-button__icon">@include('site.components.icons.arrowheadResponsive')</i>
    </button>
    <button class="c-customer-logo-slider__button  next  js-slider-button" title="Next">
        <i class="c-customer-logo-slider-button__icon">@include('site.components.icons.arrowheadResponsive')</i>
    </button>

</div>