<div class="block odometer-block">
  <div class="odometer"></div>
  <div class="odometer-text"><?php echo Lang::get('frontend.gallery.counter_text'); ?></div>
</div>
<div id="ami-gallery" class="block gallery" data-flip-speed-min="1" data-flip-speed-max="2" data-refresh-by="60">
  <?php
  $bestPerformingImages = isset($galleryBlock['bestPerformingImages']) && !empty($galleryBlock['bestPerformingImages']) ? $galleryBlock['bestPerformingImages'] : [];
  $images = isset($galleryBlock['images']) && !empty($galleryBlock['images']) ? $galleryBlock['images'] : [];
  ?>
  <div class="tile is-vertical tile-rows-stack">
    <?php for($i = 0; $i < 3; $i++): ?>
      <?php $bestPerformingImage = isset($bestPerformingImages[ $i ]) ? $bestPerformingImages[ $i ] : []; ?>
      <?php if($i === 0): ?>
        <?php $verticalImages = array_slice($images, 0, 8) ?>
      <?php elseif($i === 1): ?>
        <?php $verticalImages = array_slice($images, 8, 12) ?>
      <?php else: ?>
        <?php $verticalImages = array_slice($images, 20, 12) ?>
      <?php endif; ?>
      <?php echo $__env->make('frontend.components.gallery.tile-row', ['index' => $i, 'bestPerformingImage' => $bestPerformingImage, 'verticalImages' => $verticalImages], array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
    <?php endfor; ?>
    <div class="report-image-message-wrapper">
      <div class="report-image-message">
        <a class="ami-link" href="<?php echo Lang::get('frontend.gallery.report_link'); ?>" target="_blank" rel="noopener"><?php echo Lang::get('frontend.gallery.report'); ?></a>
      </div>
    </div>
  </div>
</div>
<div class="block gallery-button-container">
  <button type="button" name="button" class="ami-button js-show-more"><?php echo Lang::get('frontend.gallery.more_photos'); ?></button>
</div>
