<div class="card product-card {{modification}}" data-product-code="{{code}}">
    <div class="card__inner card__inner-v2">
        {{#if tag.text}}
            <div class="range-card__tag {{tag.type}}">{{tag.text}}</div>
        {{/if}}
        {{#if badge-text}}
            <div class="products-list-v2__badges price__badges-v2 price__badges-v2-{{badge-color}}
                {{#if badge-text-color}}price__badges-v2-text-{{badge-text-color}}{{/if}}">
                <div class="products-list-v2__badge">{{badge-text}}</div>
            </div>
        {{/if}}
        <a href="{{range-link}}" class="card__img-wrap">
            <img class="card__img-v2" src="{{src}}" alt="{{title}}">
        </a>
        <div class="product-card__content">
            <div class="product-card__header">
                <a href="{{range-link}}" class="product-card__title product-card__title-v2">{{title}}</a>
                {{#if reviews}}
                    <div class="product-card__reviews product-card__reviews-v2">
                        <div class="product-rating product-rating-v2">
                            <div class="rating-bg">
                                    <i class="fa fa-star star-in" aria-hidden="true"></i>
                                    <i class="fa fa-star star-in" aria-hidden="true"></i>
                                    <i class="fa fa-star star-in" aria-hidden="true"></i>
                                    <i class="fa fa-star star-in" aria-hidden="true"></i>
                                    <i class="fa fa-star star-in" aria-hidden="true"></i>

                                <div class="rating-overlay" data-rating="{{#if review-rating}}{{review-rating}}{{else}}0{{/if}}">
                                    <span class="star-overlay">
                                        <i class="fa fa-star" aria-hidden="true"></i>
                                    </span>
                                    <span class="star-overlay">
                                        <i class="fa fa-star" aria-hidden="true"></i>
                                    </span>
                                    <span class="star-overlay">
                                        <i class="fa fa-star" aria-hidden="true"></i>
                                    </span>
                                    <span class="star-overlay">
                                        <i class="fa fa-star" aria-hidden="true"></i>
                                    </span>
                                    <span class="star-overlay">
                                        <i class="fa fa-star" aria-hidden="true"></i>
                                    </span>
                                </div>
                            </div>
                            ({{reviews}})
                        </div>
                    </div>
                {{/if}}
            </div>
            {{#if switch-vat}}
                <div class="including-vat product-card__price {{#if sale}} product-card__price_sale {{/if}} {{#if
                        recommended}}product-card__min-height{{/if}}">
                    {{#if sale}}
                        <div class="product-card__price__old-price">{{sale.price}}</div>
                    {{else}}
                        <div class="product-card__price__old-price product-card__price_empty">&nbsp;</div>
                    {{/if}}
                    {{#if price}}
                    <div class="main-price">
                        <div class="main-price__value product-card__price-value">{{{price}}}</div>
                        <div class="main-price__vat">Inc.VAT</div>
                    </div>
                    {{else}}
                        <div class="product-card__price-value product-card__price_empty">&nbsp;</div>
                    {{/if}}
                    {{#if sale}}
                        {{#if sale.perSQM}}
                            <div class="product-card__price-sqm">{{sale.perSQM}} per SQM</div>
                        {{else if sale.SQM}}
                            <div class="product-card__price-sqm">{{sale.SQM}} SQM</div>
                        {{else}}
                            <div class="product-card__price-sqm product-card__price_empty">&nbsp;</div>
                        {{/if}}
                    {{else}}
                        {{#if perSQM}}
                            <div class="product-card__price-sqm">{{perSQM}} per SQM</div>
                        {{else if SQM}}
                            <div class="product-card__price-sqm">{{SQM}} SQM</div>
                        {{else}}
                            <div class="product-card__price-sqm product-card__price_empty">&nbsp;</div>
                        {{/if}}
                    {{/if}}
                </div>
                <div class="excluding-vat d-none product-card__price {{#if sale}} product-card__price_sale {{/if}} {{#if
                        recommended}}product-card__min-height{{/if}}">
                    {{#if sale}}
                        <div class="product-card__price__old-price">{{sale.price}}</div>
                    {{else}}
                        <div class="product-card__price__old-price product-card__price_empty">&nbsp;</div>
                    {{/if}}
                    {{#if price}}
                    <div class="main-price">
                        <div class="main-price__value product-card__price-value">{{{price}}}</div>
                        <div class="main-price__vat">Exc.VAT</div>
                    </div>
                    {{else}}
                        <div class="product-card__price-value product-card__price_empty">&nbsp;</div>
                    {{/if}}
                    {{#if sale}}
                        {{#if sale.perSQM}}
                            <div class="product-card__price-sqm">{{sale.perSQM}} per SQM</div>
                        {{else if sale.SQM}}
                            <div class="product-card__price-sqm">{{sale.SQM}} SQM</div>
                        {{else}}
                            <div class="product-card__price-sqm product-card__price_empty">&nbsp;</div>
                        {{/if}}
                    {{else}}
                        {{#if perSQM}}
                            <div class="product-card__price-sqm">{{perSQM}} per SQM</div>
                        {{else if SQM}}
                            <div class="product-card__price-sqm">{{SQM}} SQM</div>
                        {{else}}
                            <div class="product-card__price-sqm product-card__price_empty">&nbsp;</div>
                        {{/if}}
                    {{/if}}
                </div>
            {{else}}
                <div class="product-card__price {{#if sale}} product-card__price_sale {{/if}} {{#if
                        recommended}}product-card__min-height{{/if}}">
                    {{#if sale}}
                        <div class="product-card__price__old-price">{{sale.price}}</div>
                    {{else}}
                        <div class="product-card__price__old-price product-card__price_empty">&nbsp;</div>
                    {{/if}}
                    {{#if price}}
                        <div class="product-card__price-value">{{{price}}}</div>
                    {{else}}
                        <div class="product-card__price-value product-card__price_empty">&nbsp;</div>
                    {{/if}}
                    {{#if sale}}
                        {{#if sale.perSQM}}
                            <div class="product-card__price-sqm">{{sale.perSQM}} per SQM</div>
                        {{else if sale.SQM}}
                            <div class="product-card__price-sqm">{{sale.SQM}} SQM</div>
                        {{else}}
                            <div class="product-card__price-sqm product-card__price_empty">&nbsp;</div>
                        {{/if}}
                    {{else}}
                        {{#if perSQM}}
                            <div class="product-card__price-sqm">{{perSQM}} per SQM</div>
                        {{else if SQM}}
                            <div class="product-card__price-sqm">{{SQM}} SQM</div>
                        {{else}}
                            <div class="product-card__price-sqm product-card__price_empty">&nbsp;</div>
                        {{/if}}
                    {{/if}}
                </div>
            {{/if}}
            {{#if showFavourite}}
                <div class="product-card__favourite">
                   {{>favourite-product isFavourite=isFavourite isErrorFavourite=isErrorFavourite}}
                </div>
            {{/if}}
            {{> energy-efficiency
              type=energyEfficiency.type
              images=energyEfficiency.images
              rating=energyEfficiency.rating
              linkProduct=energyEfficiency.linkProduct
              showEmptyLinkProduct=true
              showEmptyEnergyEfficiency=true
            }}
        </div>
        {{#if recommended}}
            <div class="card__recommended-block recommended-block">
                <div class="card__recommended recommended">
                    <i class="fas fa-award"></i>
                    <span> Recommended </span>
                </div>
            </div>
        {{/if}}
    </div>
</div>
