<div class="gallery {{modification}}">
  <div class="swiper-container gallery__main">
    <div class="swiper-wrapper">
      {{#each slides}}
        <div class="swiper-slide">
          <img src="{{.}}" alt="" {{#if ../zoom}}class="gallery-zoom"{{/if}}>
        </div>
      {{/each}}
    </div>
    <div class="btn btn-primary gallery__btn-prev">
      <i class="far fa-angle-left"></i>
    </div>
    <div class="btn btn-primary gallery__btn-next">
      <i class="far fa-angle-right"></i>
    </div>
    <div class="gallery__pagination"></div>
  </div>
  <div class="gallery__thumbs-wrapper">
    <div class="swiper-container gallery__thumbs" data-slides="{{slidesCount}}">
      <div class="swiper-wrapper">
        {{#each thumbnails}}
          <div class="swiper-slide gallery__thumb">
            <img src="{{.}}" alt="thumbnail">
          </div>
        {{/each}}
      </div>
    </div>
    <div class="btn btn-secondary thumbs__btn-prev">
      <i class="far fa-angle-left"></i>
    </div>
    <div class="btn btn-secondary thumbs__btn-next">
      <i class="far fa-angle-right"></i>
    </div>
  </div>
</div>
