<div class="header-wrapper header-wrapper--old">
    <header class="header">
        <div class="header-inner">
            <div class="header-logo">
                <a href="/" class="header-logo__link ">Wickes</a>
            </div>
            <ul class="header-top-line">
                <li class="header-top-line__item header-top-line_shop-list">
                    <a href="/track-my-order" class="header-top-line__link">
                        <button class="btn btn-primary">
                            <span class="btn__text">
                                <i class="fas fa-map-marked-alt"></i>
                            </span>
                        </button>
                        <span class="header-top-line__link-title">Track my order</span>
                    </a>
                </li>
                <li class="header-top-line__item header-top-line_shop-list">
                    <a href="/project-list" class="header-top-line__link">
                        <button class="btn btn-primary">
                            <span class="btn__text">
                                <i class="far fa-clipboard "></i>
                                <i class="fas fa-clipboard-list d-none"></i>
                            </span>
                        </button>
                        <span class="header-top-line__link-title">Project list</span>
                    </a>
                </li>
                <li class="yCmsComponent header-top-line__item">
                    <a href="/customerservices" class="header-top-line__link"> Customer services</a>
                </li>
                <li class="header-top-line__item">
                    <a id="header_login_link" href="/login" class='header-top-line__link'>Sign-in / Register</a>
                </li>
            </ul>
            <div class="header-search__wrapper">
                <form class="header-search" name="search_form" method="get" action="/search">
                    <input hidden id="products_suggestions_header" value="Products">
                    <div class="autocomplete">
                        <input id="search" aria-label="search" type="text" name="text" class="header-search__input" maxlength="100" placeholder="Search for your product">
  
                    </div>
                    <button class="header-search__submit" aria-label="search submit" type="submit">
                        <span class="header-search__submit-icon">
                            <i class="fas fa-search"></i>
                        </span>
                        <span class="header-search__submit-label">Search</span>
                    </button>
                </form>
            </div>
            <div class="header-oldtop">
                <div class="header-minicart">
                    <div class="header-minicart__switcher">
                        <span class="header-right__link header-minicart__btn header-minicart__btn_switcher">
                            <span class="btn__text">
                                <i class="fas fa-shopping-basket fa-2x"></i>
                            </span>
                            <span class="header-right__link-title">Basket</span>
                        </span>
                        <a href="/cart" class="header-right__link header-minicart__btn header-minicart__btn_link" style="display: none;">
                            <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>
                <script type="text/html" id="mini-basket-rollover"></script>
                <script type="text/html" id="mini-basket-popup"></script>
                <a href="/project-list" class="header-top-line__link">
                    <div class="btn btn-primary header-shop-list">
                        <span class="icon">
                            <span class="far fa-clipboard "></span>
                            <span class="fas fa-clipboard-list d-none"></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>
        <span class="btn btn-primary back-to-top" id="back-to-top" style="display: none;">
            <span class="icon">
                <span class="sr-only">back to top</span>
                <span class="fas fa-arrow-to-top"></span>
            </span>
        </span>
    </header>
</div>
{{> main-nav }}