<div class="c-logos  js-customer-logos">
    <h2 class="c-logos__heading">
        @lang('site/customers.customerLogosTitle')
    </h2>

    <div class="c-logos__list  js-customer-logos-list">

        @php $startAmount = 12 @endphp
        @foreach($customerLogos as $customerLogo)

            <{{ !empty($customerLogo->url) ? 'a' : 'div' }} data-customer-id={{$customerLogo->id}} rel="nofollow noopener noreferrer" class="c-logos__item  @if($loop->iteration > $startAmount) is-hidden @endif  js-customer-logo" @if(!empty($customerLogo->url)) target="_blank" href="{{ $customerLogo->url }}" @endif >
                <div class="c-logos__body">
                    <figure class="c-logos__img" style="background-image: url('{!! (!empty($customerLogo->images->first()->medium_image_url) ? $customerLogo->images->first()->medium_image_url : str_replace('\\', '/', $customerLogo->images->first()->path)) !!}');"></figure>
                </div>
            </{{ !empty($customerLogo->url) ? 'a' : 'div' }}>

        @endforeach

    </div>

    @if($customerLogos->count() > $startAmount)

        <div class="c-logos__button  js-show-more-logos-container">
            @include('site.components.button', [ 'class' => 'js-show-more-logos', 'modifiers' => ['ghost'], 'buttonText' => __('site/customers.showMoreLogos')])
        </div>

    @endif

</div>