<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">
            <img class="card__img" src="{{src}}" alt="{{title}}">
        </a>
        <span class="card__img-wrap card__img-wrap_static d-none">
            <img class="card__img" src="{{src}}" alt="{{title}}">
        </span>

        {{#if lower-quantity}}
            <div class="product-card__content">
                <div class="product-card__lower-quantity">
                    <p>A lower quantity of product has been added to your basket due to insufficient stock</p>
                </div>
            </div>
        {{else}}
            {{#if bad-amount}}
                <div class="product-card__content">
                    <div class="product-card__bad-quantity">
                        <p><strong>Product(s) can not be added to basket</strong> <br>
                            We are only able to fulfill a maximum of 6 Wickes Urban Beige Ceramic Tile 330 x 330mm per order. <br>
                            We apologize for any inconvenience this may cause.
                        </p>
                    </div>
                </div>
            {{else}}
                <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>

                    <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>
                </div>

                <div class="product-card__price basket-price">
                    <div class="product-card__price__old-price pt-2">£2,315.00</div>
                    <div class="product-card__price-value">{{price}}</div>
                    {{#if sale}}
                        <div class="product-card__price__old-price">{{sale.price}}</div>
                    {{/if}}
                </div>
            {{/if}}
        {{/if}}
    </div>
    {{/if}}
</div>