<div class="shopping-list shopping-list-favourite">
  <div class="container component pb-0 pt-0">
    <div class="page-header">
      <h1 class="page-header__title">Favourites</h1>
    </div>
  </div>
 {{#unless note}}
  <div class="container component pt-0 header-line-break">
    <div class="row">
      <div class="col-12">
        <hr>
      </div>
    </div>
  </div>
 {{/unless}}
  {{#if emptyFavouriteList}}
    <div class="empty-shopping-list">
      <div class="container component pt-0">
        <div class="row">
          <div class="col-12 primary-text">
            <h3 class="heading-3">Your project list is empty.</h3>
            <p>Save products in a project list so that you can review and buy them later. It's the best way to keep
              yourself organised.</p>
            <p>To get started please visit a product page and select the link:</p>
            <span class="save-to-shopping-list">
              <button class="btn btn-outline-primary">
                <span class="btn__text">
                  <i class="far fa-clipboard fa-lg"></i>
                </span>
              </button>
              <span class="heading-5">Save to project list</span>
            </span>
          </div>
        </div>
      </div>
    </div>
  {{else}}
    <div class="my-shopping-list">
      <div class="container">
        <div class="row">
          <div class="content shop-list-info d-flex">
            <div class="shop-list-info_item heading-4">
              <span class="shop-list-info_count">5</span> item<span class="shop-list-info_one-item">s</span> (<span
                    class="shop-list-info_left">95</span> left)
            </div>
          </div>

        </div>
      </div>
      <div class="component pt-0 pb-0">
        <div class="container">
          <div class="row">
            <div class="content">
              {{#each page_merge-basket.loggedInBasket}}
                {{>order-line-shop-list promo="Buy 2 and get 2 for the price of 2 lorem ipsum dolor sit amet nunc consequitur" showEnergyEfficiency=true}}
              {{/each}}
            </div>
          </div>
        </div>
      </div>
    </div>
    {{#content "foot" mode="append"}}
      {{> click-and-collect-modal}}
      {{> share-list-modal}}
    {{/content}}
  {{/if}}
  {{#if pagination}}
    <div class="component pb-0">
      <div class="container">
        <div class="row">
          <div class="content">
            {{> pagination pagination4="true"}}
          </div>
        </div>
      </div>
    </div>
  {{/if}}
</div>
