<div class="block odometer-block">
  <div class="odometer"></div>
  <div class="odometer-text">{{ 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">
    @for($i = 0; $i < 3; $i++)
      <?php $bestPerformingImage = isset($bestPerformingImages[ $i ]) ? $bestPerformingImages[ $i ] : []; ?>
      @if($i === 0)
        <?php $verticalImages = array_slice($images, 0, 8) ?>
      @elseif($i === 1)
        <?php $verticalImages = array_slice($images, 8, 12) ?>
      @else
        <?php $verticalImages = array_slice($images, 20, 12) ?>
      @endif
      @include('frontend.components.gallery.tile-row', ['index' => $i, 'bestPerformingImage' => $bestPerformingImage, 'verticalImages' => $verticalImages])
    @endfor
    <div class="report-image-message-wrapper">
      <div class="report-image-message">
        <a class="ami-link" href="{{ Lang::get('frontend.gallery.report_link') }}" target="_blank" rel="noopener">{{ 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">{{ Lang::get('frontend.gallery.more_photos') }}</button>
</div>
