<section class="c-photos  js-fase-photos">
    <div class="grid-row">

        <div class="c-photos__select">

            <div class="c-photos__select-interaction">

                <div class="c-photos__description">

                    <h2 class="c-photos__title"><?php echo \Illuminate\Support\Facades\Lang::get('build.photoTitle'); ?></h2>

                    <p class="c-photos__text">
                        <?php echo \Illuminate\Support\Facades\Lang::get('build.photoDescription'); ?>
                    </p>

                    <ul class="c-photos__select-list">
                        <li class="c-photos__select-list-item  js-fase-list-item  is-active" data-fase="Fase-1">Fase 1</li>
                        <li class="c-photos__select-list-item  js-fase-list-item" data-fase="Fase-2">Fase 2</li>
                        <li class="c-photos__select-list-item  js-fase-list-item  disabled" data-fase="Fase-3">Fase 3</li>
                    </ul>

                </div>

                <div class="c-photos__select-map">
                    <?php echo $__env->make('svg.buildSelector', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
                </div>
            </div>

            <div class="c-photos__select-impression">
                <img class="c-photos__impression  js-fase-image  is-active" data-fase="Fase-1" alt="Fase impression" src="/img/build/fase-1.jpg" />
                <img class="c-photos__impression  js-fase-image" data-fase="Fase-2" alt="Fase impression" src="/img/build/fase-2.jpg" />
                <img class="c-photos__impression  js-fase-image" data-fase="Fase-3" alt="Fase impression" src="/img/build/fase-3.jpg" />
            </div>
        </div>

        <div class="c-photos__grid-container">
            <div class="c-photos__grid">

                <?php foreach($photos as $key => $photo): ?>
                    <div class="c-photos_item  <?php if($key >= 12): ?> is-hidden <?php endif; ?>  js-photo-item ">
                        <div class="c-photos__image-container">
                            <a href="<?php echo $photo->images->first()->large_image_url; ?>" data-lightbox="slider" class="c-photos__image" style="background-image: url('<?php echo $photo->images->first()->small_image_url; ?>');"></a>
                        </div>
                    </div>
                <?php endforeach; ?>

            </div>

            <?php if($photos->count() > 12): ?>
                <span class="c-photos__button  js-more-images">
                    <?php echo \Illuminate\Support\Facades\Lang::get('build.showMore'); ?>
                </span>
            <?php endif; ?>

        </div>

    </div>
</section>