<div class="row image-row"> <div class="grid6 main-image js-set-slider js-open-image-gallery-modal" data-slide="1" <?php /* href="<?php echo $imageTunnel; ?><?php echo $property->decoded_info->LargePictures[0]; ?>" data-lightbox="image-slider"*/ ?> > <?php if($property->status == '3'): ?><img class="overlay" alt="sold" src="/img/sold.svg"> <?php elseif($property->status == '4'): ?><img class="overlay" alt="rent" src="/img/rent.svg"> <?php elseif($property->status == '2'): ?><img alt="option" class="overlay" src="/img/option.svg"> <?php endif; ?> <img alt="<?php echo $property->decoded_info->Street; ?> <?php echo $property->decoded_info->HouseNumber; ?>" src="<?php echo $imageTunnel; ?><?php echo $property->decoded_info->LargePicture; ?>" /> </div> <div class="grid6 sub-images"> <?php if(sizeof($property->decoded_info->LargePictures)>4): ?> <?php for($i = 1; $i <=3 ; $i++ ): ?> <div class="grid6 small-image sub<?php echo $i; ?> js-set-slider js-open-image-gallery-modal" data-slide="<?php echo $i + 1; ?>" style="background-image: url('<?php echo $imageTunnel; ?><?php echo $property->decoded_info->LargePictures[$i]; ?>')" <?php /* href="<?php echo $imageTunnel; ?><?php echo $property->decoded_info->LargePictures[$i]; ?>" data-lightbox="image-slider"*/ ?> > </div> <?php endfor; ?> <div class="grid6 photoslider js-set-slider js-open-image-gallery-modal" data-slide="5" <?php /* href="<?php echo $imageTunnel; ?><?php echo $property->decoded_info->LargePictures[4]; ?>" data-lightbox="image-slider"*/ ?> > <div> <span></span> <p class="amount"><?php echo \Illuminate\Support\Facades\Lang::get('translations.remaining'); ?> <?php echo sizeof($property->decoded_info->LargePictures) - 4; ?> <?php echo \Illuminate\Support\Facades\Lang::get('translations.photos'); ?></p> <p class="more"><?php echo \Illuminate\Support\Facades\Lang::get('translations.morePhotos'); ?></p> </div> <?php /* <?php for($i =5; $i < sizeof($property->decoded_info->LargePictures); $i++): ?>*/ ?> <?php /* <a href="<?php echo $imageTunnel; ?><?php echo $property->decoded_info->LargePictures[$i]; ?>"*/ ?> <?php /* data-lightbox="image-slider"></a>*/ ?> <?php /* <?php endfor; ?>*/ ?> </div> <?php else: ?> <?php for($i = 1; $i <sizeof($property->decoded_info->LargePictures) ; $i++ ): ?> <div class="grid6 small-image sub<?php echo $i; ?> js-set-slider js-open-image-gallery-modal" data-slide="<?php echo $i + 1; ?>" style="background-image: url('<?php echo $imageTunnel; ?><?php echo $property->decoded_info->LargePictures[$i]; ?>')" <?php /* href="<?php echo $imageTunnel; ?><?php echo $property->decoded_info->LargePictures[$i]; ?>" data-lightbox="image-slider"*/ ?> > </div> <?php endfor; ?> <?php endif; ?> </div> </div> <div class="c-image-gallery__body"> <div class="c-image-gallery__shade"></div> <div class="c-image-gallery__modal"> <div class="c-image-gallery__close js-close-image-gallery"> <span></span> <span></span> </div> <ul id="image-gallery" class="c-image-gallery__slider"> <?php foreach($property->decoded_info->LargePictures as $key => $largePicture): ?> <li class="c-image-gallery__slide" data-thumb="<?php echo $property->decoded_info->SmallPictures[$key]; ?>"> <img class="c-image-gallery__image" src="<?php echo $largePicture; ?>"/> </li> <?php endforeach; ?> </ul> </div> </div>