<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">@lang('build.photoTitle')</h2>

                    <p class="c-photos__text">
                        @lang('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">
                    @include('svg.buildSelector')
                </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">

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

            </div>

            @if($photos->count() > 12)
                <span class="c-photos__button  js-more-images">
                    @lang('build.showMore')
                </span>
            @endif

        </div>

    </div>
</section>