<div class="customer-logos-row">
    <h3><?php echo \Illuminate\Support\Facades\Lang::get('translations.customerLogoTitle'); ?></h3>
    <div class="content-container">
        <?php $logoCounter = 0; ?>
        <?php foreach($customerLogos as $customerLogo): ?>
            <?php if(isset($customerLogo->translation) && $customerLogo->translation->active && $customerLogo->images->count() != 0 ): ?>
                <?php if(isset($customerLogo->url) && $customerLogo->url != ''): ?>
                    <a target="_blank" class="customer-logo <?php if($logoCounter >= 20): ?> hidden <?php endif; ?> "
                       href="<?php echo $customerLogo->url; ?>">
                        <?php endif; ?>

                        <div class=" <?php if(!isset($customerLogo->url) || $customerLogo->url == ''): ?> customer-logo <?php if($logoCounter >= 20): ?> hidden <?php endif; ?> <?php endif; ?> logo"
                             data-name="<?php echo $customerLogo->name; ?>"
                             style="background-image: url('<?php if(isset($customerLogo->images->first()->medium_image_url) && $customerLogo->images->first()->medium_image_url != ''): ?><?php echo $customerLogo->images->first()->medium_image_url; ?><?php else: ?><?php echo $customerLogo->images->first()->original_image_url; ?><?php endif; ?>');">
                        </div>
                        <?php if(isset($customerLogo->url) && $customerLogo->url != ''): ?>
                    </a>
                <?php endif; ?>

                <?php $logoCounter++; ?>
            <?php endif; ?>
        <?php endforeach; ?>
        <?php if($logoCounter >= 20): ?>
            <div class="more-logos">
                <p class="button" data-visible="20">
                    <?php echo \Illuminate\Support\Facades\Lang::get('translations.moreLogos'); ?>
                </p>
            </div>

        <?php endif; ?>
    </div>
</div>