<div class="shared-shopping-list">
    <div class="container component pt-0 {{#if emptySharedShopList}}d-none{{/if}}">
        <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.success-product-except-duplicates-added-to-shop-list withCloseBtn="true"}}</div>
                {{> not-logged-in-message notification_message=notification-page.warning-note-not-logged}}
            </div>
        </div>
    </div>
    <div class="container component pb-0 pt-0">
        <div class="page-header">
            <h1 class="page-header__title">{{ user_name }}'s Project List</h1>
        </div>
    </div>
    <div class="container component pt-0 header-line-break">
        <div class="row">
            <div class="col-12">
                <hr>
            </div>
        </div>
    </div>
    {{#if emptySharedShopList}}
    <div class="empty-shared-shopping-list">
        <div class="container component pt-0">
            <div class="row">
                <div class="col-12 primary-text">
                    <h4>Sorry this project list is empty.</h4>
                    <p>Please double check the link sent or ask for the project list to be shared again.</p>
                    <span class="view-my-shopping-list">
                        <button class="btn btn-primary">
                            <span class="btn__text">
                                View my project list
                            </span>
                        </button>
                    </span>
                </div>
            </div>
        </div>
    </div>
    {{else}}
    <div class="my-shared-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">2</span> item<span class="shop-list-info_one-item">s</span> (<span class="shop-list-info_left">95</span> left)
                    </div>
                    <div class="shop-list-info_call-action primary-text">
                        <a href="#" class="share-call" data-toggle="modal" data-target="#modal-saving-to-shop-list"><i class="fas fa-layer-plus icon"></i>Add all products to my project list
                        </a>
                    </div>
                </div>
            </div>
            {{#if ref-value}}
                <div class="row">
                    <div class="content shop-list-info d-flex">
                        <div class="shop-list-info__ref">
                            Project reference -
                            <span class="shop-list-info__ref_value">Project reference value</span>
                        </div>
                    </div>
                </div>
            {{/if}}
        </div>
        <div class="component pt-3 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>
    {{/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>
{{#content "foot" mode="append"}}
  {{> click-and-collect-modal}}
  {{> saving-shopping-list-modal}}
{{/content}}
