<div class="card product-card-preview {{modifier}}">

    {{#if product-card-preview_cc}}
    <div class="card__inner">

        <div class="product-card__content">

            {{title}}

            <div class="product-card__quantity">
                <div class="pdp-price__control-holder">
                    <label for="quantity-field" class="quantity-label pr-3 mb-0">Quantity: </label>
                    <input type="text" inputmode="numeric" pattern="[0-9]*" id="quantity-field" class="tbx tbx_quantity" value="1">
                </div>
            </div>
        </div>

    </div>
    {{else}}
    <div class="card__inner">
        <a href="page_product-details.html" class="card__img-wrap card__img-wrap_link">
            <span class="card__img-outer">
                <img class="card__img" src="{{src}}" alt="{{title}}">
            </span>
        </a>
        <span class="card__img-wrap card__img-wrap_static d-none">
            <img class="card__img" src="{{src}}" alt="{{title}}">
        </span>
        <div class="product-card__content">
            <a href="page_product-details.html"
                class="product-card__title product-card__title_link">{{title}}</a>
            <span class="product-card__title product-card__title_static d-none">{{title}}</span>

            {{#unless bad-amount}}
                <div class="product-card__cc-location">
                    <label for="location" class="location-label pr-3 mb-0">Click &amp; Collect: </label>
                    <p class="location-name">Hemel Hempstead</p>
                </div>

                <div class="product-card__quantity">
                    <div class="pdp-price__control-holder">
                        <label for="quantity-field" class="quantity-label pr-3 mb-0">Quantity: </label>
                        {{#if basket-product}}
                            <p class="quantity-amount mb-1">1</p>
                        {{else}}
                        <input type="text" inputmode="numeric" pattern="[0-9]*" id="quantity-field" class="tbx tbx_quantity" value="1">
                        {{/if}}
                    </div>
                </div>
            {{/unless}}
            {{#if switch-vat}}
                <div class="popover-mini-basket__price-wrapper including-vat-inherit">
                    <span class="product-card__price-value">
                        {{incVatPrice}}
                        <div class="price-vat">Inc.VAT</div>
                    </span>
                </div>
                <div class="popover-mini-basket__price-wrapper excluding-vat-inherit">
                    <span class="product-card__price-value">
                        {{excVatPrice}}
                        <div class="price-vat">Exc.VAT</div>
                    </span>
                </div>
            {{else}}
                <div class="product-card__price-value">{{price}}</div>
            {{/if}}
        </div>
    </div>
    {{/if}}
</div>