<section class="clients-grid">

    <div class="group active">
        <?php $clientCounter = 0; ?>
        <?php foreach($clients as $client): ?>

            <?php if(isset($client->images) && $client->images->count() != 0): ?>

                <?php if($clientCounter % 8 == 0 && $clientCounter != 0): ?>
    </div>
    <div class="group">
        <?php endif; ?>

        <?php $clientCounter++; ?>


        <article class="client animation-part" data-client-id="<?php echo $client->id; ?>">
            <div class="placeholder">

                <?php if(isset($client->link) && $client->link != ''): ?>
                    <a target="_blank" href="<?php echo $client->link; ?>">
                        <?php endif; ?>

                        <figure>
                                <span style="background-image: url('<?php echo $client->images->first()->medium_image_url; ?>');"
                                      class="medium"></span>
                            <span style="background-image: url('<?php echo $client->images->first()->small_image_url; ?>');"
                                  class="small"></span>
                        </figure>

                        <?php if(isset($client->link) && $client->link != ''): ?>
                    </a>
                <?php endif; ?>
            </div>
        </article>
        <?php endif; ?>

        <?php endforeach; ?>

    </div>

    <div class="controllers loaded-animation">
        <div class="controller previous"></div>
        <div class="controller next"></div>
    </div>

</section>