<div class="order-item" data-id="">
    <div class="order-item__main">
        <div class="order-item__image">
            <a href="{{url}}" class="oder-item__image-link">
                <img src="{{image}}" alt="{{title}}">
            </a>
        </div>
        <div class="order-item__content">
            <div class="order-item__info {{#if tile}}order-item__info-tile{{/if}} {{#if offers.[1]}} order-item__info-offers{{/if}}">
                {{#if offers}}
                    <div class="order-item__offers">
                        {{#each offers}}
                            <div class="order-line__promo">{{this}}</div>
                        {{/each}}
                    </div>
                {{/if}}
                <div class="order-item__title">
                    <a href="{{url}}" class="oder-item__title-link">
                        {{title}}
                    </a>
                </div>
                {{#unless merged}}
                    <div class="order-item__quantity">
                        <button class="btn order-item__quantity-btn" data-action="plus">
                        <span class="btn__text">
                            <i class="fal fa-plus"></i>
                        </span>
                        </button>
                        <label class="order-item__quantity-label">
                            <input type="number" min="0" max="5" class="order-item__quantity-value tbx" value="{{quantity}}">
                        </label>
                        <button class="btn order-item__quantity-btn" data-action="minus">
                        <span class="btn__text">
                            <i class="fal fa-minus"></i>
                        </span>
                        </button>
                    </div>
                {{/unless}}
                <div class="order-item__cost">
                    <div class="order-item__price">
                        <div class="order-item__price-title">Item</div>
                        <div class="order-item__price-value">
                            <span class="order-item__value">£{{price}}</span>
                        </div>
                    </div>
                    {{#if tile}}
                        <div class="order-item__price-m">
                            <div class="order-item__price-m-title">Per m<sup>2</sup></div>
                            <div class="order-item__price-m-value">
                                <span class="order-item__value">£{{tile.price-per-m}}</span>
                            </div>
                        </div>
                    {{/if}}
                    {{#if mergeBasket}}
                        <div class="order-item__quant">
                            <div class="order-item__quant-title">Quantity</div>
                            <div class="order-item__quant-value">
                                <span class="order-item__value">{{quantity}}</span>
                            </div>
                        </div>
                    {{/if}}
                    {{#if total}}
                        <div class="order-item__total {{#unless mergeBasket}}order-item__total-hide{{/unless}}">
                            <div class="order-item__price-title">Total</div>
                            <div class="order-item__total-value">
                                <span class="order-item__value">£{{total}}</span>
                            </div>
                        </div>
                    {{/if}}
                    {{#if totalMobile}}
                        <div class="order-item__total order-item__total_mobile">
                            <div class="order-item__price-title">Total</div>
                            <div class="order-item__total-value">
                                <span class="order-item__value">£{{totalMobile}}</span>
                            </div>
                        </div>
                    {{/if}}
                </div>
            </div>
        </div>
        {{#unless merged}}
            <div class="order-item__action">
                <div class="order-item__action-ctas">
                    <button class="btn order-item__action-btn " data-type="Click & Collect">
                        <span class="btn__text">
                           Click & Collect
                        </span>
                    </button>
                    {{#if deliveryStock}}
                        <button class="btn order-item__action-btn" data-type="Delivery Stock">
                            <span class="btn__text">
                               Check Delivery Stock
                            </span>
                        </button>
                    {{else}}
                        <button class="btn order-item__action-btn" data-type="Delivery">
                            <span class="btn__text">
                               For Delivery
                            </span>
                        </button>
                    {{/if}}

                </div>
                <div class="order-item__action-remove">
                    <button class="btn order-item__action-btn-remove" data-action="remove">
                    <span class="btn__text">
                      <i class="fas fa-trash"></i>
                    </span>
                    </button>
                </div>
            </div>
        {{/unless}}
    </div>
    {{#if tile.notification}}
        <div class="order-line__calculator-notification">
            {{> notifications tile.notification}}
        </div>
    {{/if}}
    {{#if delivery}}
        <div class="order-item__delivery">
            <i class="order-item__delivery-icon fas fa-exclamation-circle"></i>
            <div class="order-item__delivery-message">
                <span class="order-item__delivery-type">
                    {{delivery.type}}
                </span>
                - {{delivery.message}}
            </div>
        </div>
    {{/if}}
    {{#unless mergeBasket}}
        {{#if deliveryStock}}
            <section class="order-item__wisdom order-item__wisdom-hide">
                <div class="order-item__wisdom-close">
                    <a href="#" class="order-item__wisdom-link">
                        Close
                    </a>
                </div>
                {{> wisdom basket=true}}
            </section>
        {{/if}}
        {{> order-item-cc click-and-collect}}
    {{/unless}}
    {{#if mergeBasket}}
        <div class="checkout-order">
            <div class="order-block__address">
                <div class="order-block__address-wrap">
                    <div class="order-block__address-info">
                    <span class="address-icon">
                        <i class="fas fa-store"></i> {{address}}
                    </span>
                    </div>
                    {{#if storeInfo}}
                        <button class="btn btn-link underline-link show-info">Show Store Information</button>
                    {{/if}}
                </div>

                {{#if storeInfo}}
                    {{> store-info }}
                {{/if}}
            </div>
        </div>
    {{/if}}
</div>
