<div class="kitchen-cards">
  {{#each cards}}
    <div class="kitchen-card" data-id="{{@index}}">
      <div class="kitchen-card__carousel swiper-container swiper-container-main">
          <div class="swiper-wrapper">
            {{> kitchen/slide images=images sticker=range.rangeSticker}}
          </div>
          <div class="kitchen-card__next-btn">
            <i class="far fa-angle-right"></i>
          </div>
          <div class="kitchen-card__prev-btn">
            <i class="far fa-angle-left"></i>
          </div>
      </div>
      <div class="kitchen-card__content">
        <h4 class="kitchen-card__title">{{range.title}}</h4>
        <div class="kitchen-card__colour-swatches">
          {{> kitchen/colour-swatches 
            swatches=colourSwatches 
            type=colourSwatches.0.type 
            text=colourSwatches.0.colourName 
            currentId=id
            shouldCollapse=shouldCollapse
          }}
        </div>
        <div class="kitchen-card__parameters">
          <div class="kitchen-card__design">{{design}} design</div>
          <div class="kitchen-card__finishes">{{finishes}} {{#ifCond finishes.length '>' 1}}finishes{{else}}finish{{/ifCond}}</div>
        </div>
        <div class="kitchen-card__price">
          {{> kitchen/price price=priceData small=true}}
        </div>
        <div class="kitchen-card__strips">
          {{> kitchen/strip-stickers strip_stickers=stickers}}
        </div>
        <div class="kitchen-card__cta">
          <a href="{{pdpUrl}}" class="btn btn-primary btn_full">View {{range.title }}</a>
        </div>
      </div>
    </div>
  {{/each}}
</div>
