@extends('frontend.main.main_blank')
@section('content')
  <div class="container clearchannel-container">
    <div id="ami-gallery" class="gallery clearchannel" data-flip-speed-min="5" data-flip-speed-max="5"
         data-refresh-by="8" data-high-quality="1">
      @include('frontend.components.gallery.small-tile', ['tileImage' => $images[0]])
    </div>
    <div class="info-footer">
      <div class="reach-counter-container">
        <div class="block odometer-block">
          <div class="odometer"></div>
          <div class="odometer-text">{{ Lang::get('frontend.gallery.counter_text') }}</div>
        </div>
      </div>
      <div class="tile is-vertical">
        <div class="tile">
          <div class="tile small-tile"></div>
          <div class="tile small-tile"></div>
          <div class="tile small-tile"></div>
          <div class="tile small-tile"></div>
        </div>
        <div class="tile">
          <div class="tile small-tile"></div>
          <div class="tile small-tile"></div>
          <div class="tile small-tile"></div>
          <div class="tile small-tile"></div>
        </div>
      </div>
    </div>
  </div>
@stop
@section('scripts')
  <script type="text/javascript">
    window.imagesAllocatedIds = {{
      json_encode(array_merge(
        $extraImages['ids']
      ))
    }}
      window.extraImages = {{
      json_encode(array_merge(
        $extraImages['images']
      ))
    }}

      window.odometerInitialValue = {{ $activityCounter }};
  </script>
@stop