<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__info">
            <div class="order-item__product">
                <a href="{{url}}" class="order-item__title">
                    {{title}}
                </a>
                {{#if energyEfficiencyInfo.oldRatingType}}
                    {{> energy-efficiency
                      type="Old"
                      images=energyEfficiencyInfo.labels
                      rating=energyEfficiencyInfo.ratingValue
                      linkProduct=energyEfficiencyInfo.productInformationSheet.url
                      modificator="energy-efficiency--basket"
                    }}
                {{else}}
                    {{> energy-efficiency
                      type="New"
                      images=energyEfficiencyInfo.labels
                      rating=energyEfficiencyInfo.ratingValue
                      linkProduct=energyEfficiencyInfo.productInformationSheet.url
                      modificator="energy-efficiency--basket"
                    }}
                {{/if}}
                <div class="order-item__code">
                    <span class="product-code">
                        Product code:
                        <span class="product-code-number">
                            {{code}}
                        </span>
                    </span>
                </div>
            </div>
            {{#if offers}}
                <div class="order-item__offers">
                    {{#each offers}}
                        <div class="order-item__promo">{{this}}</div>
                    {{/each}}
                </div>
            {{/if}}
        </div>
        <div class="order-item__cost">
            {{#unless merged}}
                <div class="order-item__quantity">
                    <div class="order-item__quantity-title">
                        Quantity:
                    </div>
                    <div class="order-item__quantity-control">
                        <button class="btn order-item__quantity-btn" data-action="minus" {{#unless updateable}}disabled{{/unless}}>
                            <span class="btn__text">
                                <i class="fal fa-minus"></i>
                            </span>
                        </button>
                        <label class="order-item__quantity-label">
                            <input type="tel" min="0" max="9999" class="order-item__quantity-value tbx" value="{{quantity}}" {{#unless updateable}}disabled{{/unless}}>
                        </label>
                        <button class="btn order-item__quantity-btn" data-action="plus" {{#unless updateable}}disabled{{/unless}}>
                            <span class="btn__text">
                                <i class="fal fa-plus"></i>
                            </span>
                        </button>
                    </div>
                </div>
            {{/unless}}
            {{#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}}
            <div class="order-item__price">
                <div class="order-item__price-title">Item price:</div>
                <div class="order-item__price-value">
                    {{#ifvalue price value='0'}}
                        <span class="order-item__value">FREE</span>
                    {{else}}
                        {{#if switch-vat}}
                            <div class="including-vat">
                                <span class="order-item__value">£{{price}}</span>
                                <div class="price-vat">Inc.VAT</div>
                            </div>
                            <div class="excluding-vat d-none">
                                <span class="order-item__value">£{{priceExcVat}}</span>
                                <div class="price-vat">Exc.VAT</div>
                            </div>
                        {{else}}
                            <span class="order-item__value">£{{price}}</span>
                        {{/if}}
                    {{/ifvalue}}
                </div>
            </div>
            {{#if pricePerSQM}}
                <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">
                        {{#if switch-vat}}
                            <div class="including-vat">
                                <span class="order-item__value">£{{pricePerSQM.value}}</span>
                                <div class="price-vat">Inc.VAT</div>
                            </div>
                            <div class="excluding-vat d-none">
                                <span class="order-item__value">£{{pricePerSQMExcVat.value}}</span>
                                <div class="price-vat">Exc.VAT</div>
                            </div>
                        {{else}}
                            <span class="order-item__value">£{{pricePerSQM.value}}</span>
                        {{/if}}
                    </div>
                </div>
            {{/if}}
            <div class="order-item__total">
                <div class="order-item__total-title">Item total:</div>
                <div class="order-item__total-value">
                    {{#ifvalue total value='0'}}
                        <span class="order-item__value">FREE</span>
                    {{else}}
                        {{#if switch-vat}}
                            <div class="including-vat">
                                <span class="order-item__value">£{{total}}</span>
                                <div class="price-vat">Inc.VAT</div>
                            </div>
                            <div class="excluding-vat d-none">
                                <span class="order-item__value">£{{totalExcVat}}</span>
                                <div class="price-vat">Exc.VAT</div>
                            </div>
                        {{else}}
                            <span class="order-item__value">£{{total}}</span>
                        {{/if}}
                    {{/ifvalue}}
                </div>
            </div>
            {{#if updateable}}
                <button class="btn order-item__remove" data-action="remove">
                    <span class="btn__text">
                      <i class="fas fa-trash"></i>
                    </span>
                </button>
            {{/if}}
        </div>
        {{#unless merged}}
            <div class="order-item__actions">
                {{#if onlyDeliveryType}}
                    <div class="order-item__action" data-type="Delivery">
                        {{> radiobutton  id="delivery" name=code label="For Delivery"}}
                    </div>
                {{else}}
                    {{#if deliveryStock}}
                        <div class="order-item__action" data-type="Delivery Stock">
                            {{> radiobutton  id="delivery-stock" name=code label="Check Delivery Stock"}}
                        </div>
                    {{else}}
                      <div class="order-item__action {{#unless updateable}}disabled{{/unless}}" data-type="Delivery">
                        {{#if updateable}}
                          {{> radiobutton id="delivery" name=code label="For Delivery"}}
                        {{else}}
                          {{> radiobutton id="delivery" name=code label="For Delivery" disabled=true}}
                        {{/if}}
                      </div>
                    {{/if}}
                  <div class="order-item__action {{#unless updateable}}disabled{{/unless}}" data-type="Click & Collect">
                    {{#if updateable}}
                      {{> radiobutton id="c&c" name=code label="Click & Collect" }}
                    {{else}}
                      {{> radiobutton id="c&c" name="code" label="Click & Collect" disabled=true}}
                    {{/if}}
                  </div>
                {{/if}}
            </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}}
        {{#if click-and-collect}}
            <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}}
    {{/if}}
</div>
