<div class="order-line-shop-list">
  <div class="row no-gutters">
    <div class="order-line-shop-list__img">
      <a href="{{url}}" class="order-line__img-link">
        <img src="{{img}}" alt="{{title}}">
      </a>
    </div>
    <div class="order-line-shop-list__inner">
      <div class="row no-gutters">
        <div class="order-line-shop-list__info">
          <a href="{{url}}" class="order-line-shop-list__title_link">{{title}}</a>
            {{#ifCond showEnergyEfficiency '&&' energyEfficiency.rating}}
                {{> energy-efficiency
                  type=energyEfficiency.type
                  images=energyEfficiency.images
                  rating=energyEfficiency.rating
                  linkProduct=energyEfficiency.linkProduct
                  modificator="energy-efficiency--project-list"
                }}
            {{/ifCond}}
          {{#if code}}
            <div class="order-line-shop-list__code">
              <span class="product-code">Product code: <strong>{{code}}</strong></span>
            </div>
          {{/if}}
          {{#if promo}}
            <div class="order-line__promo">{{promo}}</div>
          {{/if}}
        </div>
        <div class="order-line-shop-list__calcs">
          <div class="row no-gutters align-items-baseline order-line-shop-list__calc">
            <span class="order-line-shop-list__lbl">Quantity:</span>
            <span class="order-line__value">
            <div class="row no-gutters align-items-baseline product-card__quantity">
              <input type="text" inputmode="numeric" pattern="[0-9]*" class="tbx tbx_small tbx_quantity" value="1" aria-label="order item quantity">
              <span class="{{#if isShared}}d-none{{/if}}">
                <a href="#" class="order-line__update">Update</a>
              </span>
              <span class="order-line-shop-list__remove {{#if isShared}}d-none{{/if}}">
                <a href="#" class="no-title" title="Remove" aria-label="Remove item">
                  <span class="remove-action-icon">
                    <i class="fas fa-trash"></i>
                  </span>
                </a>
              </span>
            </div>
          </span>
          </div>
          {{#if switch-vat}}
            <div class="including-vat {{#if discount}}order-line-shop-list__price-discount{{/if}}">
              <div class="row no-gutters align-items-baseline price-item">
                <span class="order-line-shop-list__lbl">Item price:</span>
                <span class="order-line__value">
                    <div class="product-card__price__old-price">{{price}}</div>
                    <div class="main-price">
                      <div class="product-card__price__value">{{price}}</div>
                      <div class="main-price__vat">Inc.VAT</div>
                    </div>
                    <div class="product-card__price__sqm">{{price}} per SQM</div>
                    <div class="product-card__price__saved">You Save £4.00</div>
              </span>
              </div>
              <div class="row no-gutters align-items-baseline total-price-item">
                <span class="order-line-shop-list__lbl">Item total:</span>
                <span class="order-line__value">
                  <div class="main-price">
                    <span class="product-card__price__total">{{total}}</span>
                    <div class="main-price__vat">Inc.VAT</div>
                  </div>
                </span>
              </div>
            </div>
            <div class="excluding-vat d-none {{#if discount}}order-line-shop-list__price-discount{{/if}}">
              <div class="row no-gutters align-items-baseline price-item">
                <span class="order-line-shop-list__lbl">Item price:</span>
                <span class="order-line__value">
                    <div class="product-card__price__old-price">{{price}}</div>
                    <div class="main-price">
                      <div class="product-card__price__value">{{price}}</div>
                      <div class="main-price__vat">Exc.VAT</div>
                    </div>
                    <div class="product-card__price__sqm">{{price}} per SQM</div>
                    <div class="product-card__price__saved">You Save £4.00</div>
              </span>
              </div>
              <div class="row no-gutters align-items-baseline total-price-item">
                <span class="order-line-shop-list__lbl">Item total:</span>
                <span class="order-line__value">
                  <div class="main-price">
                    <span class="product-card__price__total">{{total}}</span>
                    <div class="main-price__vat">Exc.VAT</div>
                  </div>
                </span>
              </div>
            </div>
          {{else}}
            <div class="{{#if discount}}order-line-shop-list__price-discount{{/if}}">
              <div class="row no-gutters align-items-baseline price-item">
                <span class="order-line-shop-list__lbl">Item price:</span>
                <span class="order-line__value">
                    <div class="product-card__price__old-price">{{price}}</div>
                    <div class="product-card__price__value">{{price}}</div>
                    <div class="product-card__price__sqm">{{price}} per SQM</div>
                    <div class="product-card__price__saved">You Save £4.00</div>
              </span>
              </div>
              <div class="row no-gutters align-items-baseline total-price-item">
                <span class="order-line-shop-list__lbl">Item total:</span>
                <span class="order-line__value">
                <span class="product-card__price__total">{{total}}</span>
              </span>
              </div>
            </div>
          {{/if}}
        </div>
      </div>
      <div class="row no-gutters order-line-shop-list__delivery">
        {{#if storeOnly}}
          <div class="order-line-shop-list__delivery-action-btn">
            <div class="order-line-shop-list__delivery-in_store_only heading-4">In Store Only</div>
            <a href="#" class="delivery-action-item__check-in-store" data-toggle="modal" data-target="#modal-click-and-collect">Check stock in your local store</a>
          </div>
        {{else}}
          <div class="order-line-shop-list__delivery-action-btn">
            <div class="delivery-action-item delivery-action-item__add-to-delivery">
              {{#if outOfStock}}
                <div class="delivery-action-item-error">Sorry this product is out of stock online</div>
              {{else}}
                  {{#if wisdom}}
                      <div class="btn btn-primary wisdom-btn" data-toggle="modal" data-target="#wisdom-modal">
                          <span class="btn__text">Check stock for Delivery</span>
                      </div>
                  {{else}}
                      <div class="btn btn-action">
                          <span class="btn__text">Add for Delivery</span>
                      </div>
                  {{/if}}
              {{/if}}
            </div>
            <div class="delivery-action-item delivery-action-item__click-and-collect">
              {{#if noClickAndCollect}}
                <div class="delivery-action-item-error">Sorry, this product is not available in store</div>
              {{else}}
                {{#if notifyMe}}
                  <div class="pdp-price__control-holder">
                    <div class="btn btn-action">
                      <span class="btn__text">Notify Me</span>
                    </div>
                  </div>
                {{else}}
                  <div class="pdp-price__control-holder">
                    <div class="btn btn-primary" data-toggle="modal" data-target="#modal-click-and-collect">
                      <span class="btn__text">Click & Collect</span>
                    </div>
                  </div>
                {{/if}}
                <div class="pdp-price__control-holder pdp-price__actions">
                  <a href="#" class="delivery-action-item__check-in-store" data-toggle="modal" data-target="#modal-click-and-collect">Check stock in your local store</a>
                </div>
              {{/if}}
            </div>
          </div>
        {{/if}}
        {{#if isShared}}
          <div class="order-line-shop-list__add-to-list">
            {{#if isAddedToShopList}}
              <span class="add-call"><i class="fas fa-clipboard-check icon"></i><span>Already on your project list</span></span>
            {{else}}
              <a href="#" class="add-call" data-toggle="modal" data-target="#modal-saving-to-shop-list"><i class="fas fa-layer-plus icon"></i><span>Add to my project list</span></a>
            {{/if}}
          </div>
        {{else}}
          <div class="order-line-shop-list__remove">
            <a href="#" class="has-title" title="Remove" aria-label="Remove item">
          <span class="remove-action-icon">
            <i class="fas fa-trash"></i>
          </span>
              <span class="remove-action">Remove product</span>
            </a>
          </div>
        {{/if}}
      </div>
    </div>
  </div>
</div>
