{{!--online styles for header-wrapper only for demo--}}
<div class="sticky-header-wrapper sticky-header-wrapper--app">
    <div class="header-wrapper">
        {{> notifications notification-page.app-error-cache withCloseBtn="true"}}<!--example for Luis-->
        <header class="header">
            <div class="header-inner">
                {{#if header-logo-wickes}}
                    <div class="header-logo header__top-line">
                    <a href="./" class="header-logo__link header-logo_wickes">Wickes</a>
                    </div>
                {{else if logo-tp}}
                    <div class="header-logo header__top-line">
                    <a href="./" class="header-logo__link header-logo__link-tp">Wickes</a>
                    </div>
                {{else}}
                    <div class="header-logo header__top-line">
                    <a href="./" class="header-logo__link">Wickes</a>
                    </div>
                {{/if}}

                <div class="header__bottom-line">
                    {{#if back-button}}
                        <a href="#">
                            <div class="btn btn-primary header-shop-list header-back-btn">
                                <span class="icon">
                                    <span class="fas fa-arrow-left"></span>
                                </span>
                            </div>
                        </a>
                    {{/if}}
                    <div class="header-search__wrapper">
                        <form class="header-search">
                            <div class="autocomplete">
                                <input aria-label="search" type="text" name="header-search__search" class="header-search__input"
                                    placeholder="Search for your product">
                            </div>
                            <button class="header-search__submit" aria-label="search submit">
                            <span class="header-search__submit-icon">
                                <i class="fas fa-search"></i>
                            </span>
                            </button>
                        </form>
                    </div>
                    <div class="header-minicart">
                        <div class="header-minicart__switcher" data-original-title="" title="">                               
                            <a href="/cart" class="header-right__link header-minicart__btn header-minicart__btn_link" style="">
                               <span class="btn__text">
                                   <i class="fas fa-shopping-basket fa-2x"></i>
                                </span>
                                <span class="header-right__link-title">
                                    Basket
                                </span>
                            </a>
                        </div>
                        <span class="header-minicart__counter">0</span>
                    </div>
                </div>
                <!-- /.header-search -->
                <div class="header-minicart header__top-line">
                        <a href="#">
                            <div class="btn btn-primary header-shop-list">
                                <span class="icon">
                                    <span class="fas fa-cog"></span>
                                </span>
                            </div>
                        </a>
                    <div class="btn btn-primary header-hamburger-menu">
                        <span class="icon">
                            <span class="fas fa-bars"></span>
                        </span>
                    </div>
                </div>
            </div>
        </header>
    </div>
</div>
{{> main-nav }}
