<div class="why-not-add-card-wrapper">
  <div class="why-not-add-card" data-product-code="{{code}}">
    {{#if showBadge}}
      {{#if badge.text}}
        <div
            class="why-not-add-card__badge"
            style="background-color: {{badge.color}}; color: {{badge.textColor}};"
        >
          {{badge.text}}
        </div>
      {{/if}}
    {{/if}}
    {{#if image.url}}
      {{#if linkImage}}
        <a
            href="{{url}}"
            class="why-not-add-card__image-link"
            {{#unless sameTab}}target="_blank"{{/unless}}
            aria-label="{{name}}"
        >
          <img
              class="why-not-add-card__image"
              src="{{image.url}}"
              alt="{{image.altText}}"
          >
        </a>
      {{else}}
        <img
            class="why-not-add-card__image"
            src="{{image.url}}"
            alt="{{image.altText}}"
        >
      {{/if}}
    {{/if}}

    <div class="why-not-add-card__content">
      <a
          href="{{url}}"
          {{#unless sameTab}}target="_blank"{{/unless}}
          class="why-not-add-card__title"
      >
        {{name}}
      </a>

      {{> reviews-rating
          externalAverageRating=externalAverageRating
          externalReviewCount=externalReviewCount
      }}

      <div class="why-not-add-card__bottom">
        <div class="why-not-add-card__price-wrap">
          <div class="why-not-add-card__price {{#if wasPriceFormatted}}why-not-add-card__price--sale{{/if}}">
            {{#if wasPriceFormatted}}
              <span class="why-not-add-card__was-price">
                {{#if switch-vat}}
                  <span class="including-vat-inherit">{{incVatWasPriceFormatted}}</span>
                <span class="excluding-vat-inherit">{{excVatWasPriceFormatted}}</span>
                {{else}}
                  {{wasPriceFormatted}}
                {{/if}}
              </span>

              <span class="why-not-add-card__sale-price">
                {{#if switch-vat}}
                  <span class="including-vat-inherit">{{incVatFormattedValue}}</span>
                <span class="excluding-vat-inherit">{{excVatFormattedValue}}</span>
                {{else}}
                  {{incVatFormattedValue}}
                {{/if}}
              </span>
            {{else}}
              <span class="why-not-add-card__regular-price">
                {{#if switch-vat}}
                  <span class="including-vat-inherit">{{incVatFormattedValue}}</span>
                <span class="excluding-vat-inherit">{{excVatFormattedValue}}</span>
                {{else}}
                  {{price.formattedValue}}
                {{/if}}
              </span>
            {{/if}}
          </div>

          {{#if switch-vat}}
            <div class="why-not-add-card__vat-label">
              <span class="including-vat-inherit">Inc.VAT</span>
              <span class="excluding-vat-inherit">Exc.VAT</span>
            </div>
          {{/if}}

          <div class="why-not-add-card__delivery">Excluding delivery</div>
        </div>

        {{> button
            type="button"
            action=true
            icon="fas fa-shopping-basket"
            successIcon="fas fa-check"
            showLoader=true
            loaderModifier="why-not-add-card__loader"
            modification="why-not-add-card__cta"
        }}
      </div>
    </div>
  </div>
  {{#if addToCartError}}
    <div class="why-not-add-card__error d-none">
      <i class="icon fas fa-times-circle fa-w-16"></i>
      <span data-add-to-cart-error>{{addToCartError}}</span>
    </div>
  {{/if}}
</div>
