{{#if isProductSaved}}
<div class="saved-shop-list">
    <button class="btn btn-secondary">
        <span class="btn__text">
            <i class="fas fa-clipboard-check"></i>
        </span>
    </button>
    <span class="shop-list-title heading-5">Saved to project list</span>
</div>
{{else}}
<div class="save-shop-list" data-toggle="modal" data-target="#modal-saving-to-shop-list">
    <button class="btn btn-primary">
        <span class="btn__text">
            <i class="fas fa-clipboard-list"></i>
        </span>
    </button>
    <span class="shop-list-title heading-5">Save to project list</span>
</div>
{{/if}}

<div class="shop-list-modal">
    <div class="modal modal-box modal-box_full" id="modal-saving-to-shop-list" tabindex="-1" role="dialog">
        <div class="modal-dialog modal-box__container" role="document">
            <div class="modal-box__row justify-content-center">
                <div class="modal-box__columns">
                    <div class="modal-content modal-box__content">
                        <div class="modal-header modal-box__header">
                            <div class="justify-content-center">
                                <div class="container">
                                    <div class="row">
                                        <div class="col-12 info-container">
                                            <div class="d-flex align-items-center modal-title modal-box__title">
                                                <i class="title-icon fas fa-clipboard-check"></i>
                                                <span class="heading-4">Saved to Project List</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <button class="close modal-box__btn-close d-print-none" type="button" data-dismiss="modal"
                                    aria-label="Close">
                                <span class="icon" aria-hidden="true"><span class="far fa-times"></span></span>
                            </button>
                        </div>
                        <div class="modal-body modal-box__body popup-content">
                            <div class="component container">
                                <div class="row">
                                    <div class="col-12 info-container">
                                        <div class="saving-content">
                                            <div class="saving-item-picture">
                                                <img src="img/placeholders/washbasin.jpeg" alt="img alt" >
                                            </div>
                                            <div class="saving-name primary-text">
                                                <span class="heading-6">Bosch PSB 1800 LI-2 18V Li-Ion Cordless Combi Drill</span>
                                                <span>added to "My Project List".</span>
                                            </div>
                                            <div class="saved-action-link primary-text">
                                                <a href="./page_my-shopping-list.html" class="link-secondary">Go to My Project List</a>
                                                <a href="#" class="link-primary" data-dismiss="modal">Continue Shopping</a>
                                            </div>
                                        </div> 
                                    </div>
                                </div>
                            </div>
                            {{#if isUserLogedOut}}
                                <div class="container">
                                    <div class="row">
                                        <div class="col-12 info-container">
                                            <hr>
                                        </div>
                                    </div>
                                </div>
                                <div class="component container">
                                    <div class="row">
                                        <div class="col-12 info-container">
                                            {{> not-logged-in-message notification_message=notification-page.warning-note-not-logged}}
                                        </div>
                                    </div>
                                </div>
                            {{/if}}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

