<div class="shared-shopping-list">
  <div class="container component pt-0 globalMessages">
    <div class="row">
      <div class="col-12">
        <div
            class="primary-text mb-3">{{> notifications notification-page.success-product-added-to-shop-list withCloseBtn="true"}}</div>
        <div
            class="primary-text mb-3">{{> notifications notification-page.warning-product-added-to-shop-list withCloseBtn="true"}}</div>
        <div
            class="primary-text">{{> notifications notification-page.error-load-pdf-to-shop-list withCloseBtn="true"}}</div>
      </div>
    </div>
  </div>
  <div class="container component pb-0 pt-0">
    <div class="page-header">
      <h1 class="page-header__title">Hill - 24-07-23 - Ohio White</h1>
    </div>
  </div>
  {{> generate-project-id}}
  {{#if emptyShopList}}
    <div class="container component py-4">
      <div class="row">
        <div class="col-12 primary-text">
          <h3 class="heading-3">Project list is empty</h3>
          <p>Add products to this Project List from the product page or upload from a PDF</p>
        </div>
      </div>
    </div>
    <div class="container component pt-1">
      <div class="row">
        <div class="col-12">
          {{> pdf-file-loader }}
        </div>
      </div>
    </div>
  {{else}}
    <div class="my-shopping-list shopping-list-note">
      <div class="container">
        <div class="row m-0">
          <div class="actions actions--v2">
            <div class="dropdown-share-list">
              <button class="btn btn_full btn-secondary share-call share-call__desktop" role="button"
                      id="dropdownShareLinks" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"
                      data-display="static">
                {{#if isAndroid}}
                  <i class="fas fa-share-alt icon"></i>
                {{else}}
                  <svg class="ios-custom-share-icon" width="14" height="24" viewBox="0 0 14 16" fill="none"
                       xmlns="http://www.w3.org/2000/svg">
                    <path
                        d="M7.70625 0.292969C7.31563 -0.0976562 6.68125 -0.0976562 6.29063 0.292969L2.29063 4.29297C1.9 4.68359 1.9 5.31797 2.29063 5.70859C2.68125 6.09922 3.31562 6.09922 3.70625 5.70859L6 3.41484V9.99922C6 10.5523 6.44688 10.9992 7 10.9992C7.55312 10.9992 8 10.5523 8 9.99922V3.41484L10.2937 5.70859C10.6844 6.09922 11.3188 6.09922 11.7094 5.70859C12.1 5.31797 12.1 4.68359 11.7094 4.29297L7.70937 0.292969H7.70625ZM2 10.9992C2 10.4461 1.55313 9.99922 1 9.99922C0.446875 9.99922 0 10.4461 0 10.9992V12.9992C0 14.6555 1.34375 15.9992 3 15.9992H11C12.6562 15.9992 14 14.6555 14 12.9992V10.9992C14 10.4461 13.5531 9.99922 13 9.99922C12.4469 9.99922 12 10.4461 12 10.9992V12.9992C12 13.5523 11.5531 13.9992 11 13.9992H3C2.44688 13.9992 2 13.5523 2 12.9992V10.9992Z"
                        fill="#0277BD" />
                  </svg>
                {{/if}}
                <span>Share</span>
              </button>
              <div class="dropdown-menu" aria-labelledby="dropdownShareLinks">
                <div class="a2a_kit a2a_kit_size_32 a2a_default_style"
                     data-a2a-url="https://www-uat1.dev.wickes.co.uk/project-list/be91b064-13ad-4e27-b51d-67e77a53f430"
                     data-a2a-title="Please check my Wickes project list" style="line-height: 32px;">
                  <ul class="socials__list">
                    <li class="socials__item">
                      <a type="button" href="#" class="a2a_button_email" data-toggle="modal"
                         data-target="#share-list-modal"></a>
                    </li>
                    <li class="socials__item">
                      <a class="a2a_button_facebook" target="_blank" rel="nofollow noopener" href="/#facebook"></a>
                    </li>
                    <li class="socials__item">
                      <a class="a2a_button_x" target="_blank" rel="nofollow noopener" href="/#x"></a>
                    </li>
                    <li class="socials__item">
                      <a class="a2a_button_whatsapp" target="_blank" rel="nofollow noopener" href="/#whatsapp"></a>
                    </li>
                  </ul>
                </div>
              </div>
            </div>
            <button href="#" class="btn btn_full btn-primary download-pdf">
              <i class="fas fa-file-download icon"></i>
              <span>Download pdf</span>
            </button>
          </div>

          {{> project-list-note}}

          {{> project-list-total}}

          <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">
              {{#with page_merge-basket.loggedInBasket.[2]}}
                {{>order-line-shop-list promo="Buy 2 and get 2 for the price of 23 lorem ipsum dolor sit amet nunc consequitur"}}
              {{/with}}
              {{#with page_merge-basket.loggedInBasket.[0]}}
                {{>order-line-shop-list promo="Buy 2 and get 2 for the price of 2 lorem ipsum dolor sit amet nunc consequitur"}}
              {{/with}}
              {{#with page_merge-basket.loggedInBasket.[0]}}
                {{>order-line-shop-list noClickAndCollect=true  promo="Buy 2 and get 2 for the price of 2 lorem ipsum dolor sit amet nunc consequitur"}}
              {{/with}}
              {{#with page_merge-basket.loggedInBasket.[0]}}
                {{>order-line-shop-list outOfStock=true discount=true promo="Buy 2 and get 2 for the price of 2 lorem ipsum dolor sit amet nunc consequitur"}}
              {{/with}}
              {{#with page_merge-basket.loggedInBasket.[0]}}
                {{>order-line-shop-list outOfStock=true notifyMe=true promo="Buy 2 and get 2 for the price of 2 lorem ipsum dolor sit amet nunc consequitur"}}
              {{/with}}
              {{#with page_merge-basket.loggedInBasket.[0]}}
                {{>order-line-shop-list storeOnly=true discount=true promo="Buy 2 and get 2 for the price of 2 lorem ipsum dolor sit amet nunc consequitur"}}
              {{/with}}
            </div>
          </div>
        </div>
      </div>
      <div class="container component">
        <div class="row">
          <div class="col-12">
            {{> pdf-file-loader }}
          </div>
        </div>
      </div>
    </div>
  {{/if}}
</div>
{{#content "foot" mode="append"}}
  {{> click-and-collect-modal }}
  {{> saving-shopping-list-modal }}
  {{> share-list-modal-without-social-icons }}
{{/content}}
