<div class="card product-card-preview" data-id="{{item.entryNumber}}">
  <div
    class="products__item card__inner"
    data-name="{{item.product.name}}"
    data-id="{{item.product.code}}"
    data-price="{{item.product.price.formattedPriceWithoutCurrencySymbol}}"
    data-brand="{{item.product.brandName}}"
    data-category="{{removeFirst item.product.categoryPath 'Products/'}}"
    data-position="{{position}}"
    data-quantity="{{item.quantity}}"
  >
    <a href="{{item.product.url}}" class="card__img-wrap card__img-wrap_link products__image">
      <img
        class="product-img"
        src="{{item.product.image.url}}"
        alt="{{item.product.image.altText}}">
    </a>
    <div class="products__details product-card__content">
      <div class="products__details-header">
        <a href="{{item.product.url}}" class="title product-card__title product-card__title_link">
          {{item.product.name}}
        </a>
        <button class="btn btn--remove {{#unless item.updateable}}d-none{{/unless}}" data-action="remove">
          <i class="fas fa-trash remove-icon"></i>
        </button>
      </div>
      <div class="products__details-body">
        {{#if item.deliveryPointOfService.name}}
          <p class="item">Click &amp; Collect: <span class="value">{{item.deliveryPointOfService.description}}</span></p>
        {{else}}
          <p class="item">Added for delivery</p>
        {{/if}}
      </div>

      {{{promotionsHtml}}}

      <div class="products__details-footer">
        <div class="products__quantity-control">
          <button class="btn btn--quantity" data-action="minus"
            {{#unless item.updateable}}disabled{{/unless}} {{#if (eq item.quantity 1)}}disabled{{/if}}>
            <i class="fal fa-minus quantity-cta-icon"></i>
          </button>
          <div class="quantity product-card__quantity-label">
            <span class="value product-card__quantity-value" value="{{item.quantity}}">{{item.quantity}}</span>
          </div>
          <button class="btn btn--quantity" data-action="plus" {{#unless item.updateable}}disabled{{/unless}}>
            <i class="fal fa-plus quantity-cta-icon"></i>
          </button>
        </div>
        {{#if (eq item.basePrice.value 0)}}
          <span class="order-item__value product-card__price-value">FREE</span>
        {{else}}
          {{#if (isToggleVatAvailable)}}
            <div class="price including-vat-inherit">
              <span class="product-card__price-value">
                <span class="order-item__value">{{item.basePrice.formattedValue}}</span>
                <span class="inc">Inc.VAT</span>
              </span>
            </div>
            <div class="price excluding-vat-inherit">
              <span class="product-card__price-value">
                <span class="order-item__value">{{item.basePriceExcVat.formattedValue}}</span>
                <span class="inc">Exc.VAT</span>
              </span>
            </div>
          {{else}}
            <span class="price product-card__price-value">{{item.basePrice.formattedValue}}</span>
          {{/if}}
        {{/if}}
      </div>
    </div>
  </div>
</div>
