<div class="shopping-list shopping-list-note">
    <div class="container component pt-0">
        <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>
    {{#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">
            <div class="container">
                <div class="row m-0">

                    <div class="actions">
                        <button class="btn btn_full btn-secondary share-call share-call__desktop" data-toggle="modal" data-target="#share-list-modal">
                            <i class="fas fa-share-alt icon"></i>
                            <span>Share</span>
                        </button>
                        <button href="#" class="btn btn_full btn-secondary download-pdf">
                            <i class="fas fa-file-download icon"></i>
                            <span>Download</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}}
{{/content}}
