<a href="#skip-to-content" class="sr-only" data-role="none">Skip to content</a>
<a href="#skip-to-navigation" class="sr-only" data-role="none">Skip to navigation menu</a>
<div class="header-wrapper {{#if bicester}}header-wrapper--bicester{{/if}}">

  <div class="header-top-wrapp {{#if switch-vat}}header-switch-vat{{/if}}">
    <div class="header-top-wrapp__container">
      {{#if switch-vat}}
        {{> switch id="vat" switch-vat="true" label="Exc. VAT" label_before="Inc. VAT" }}
      {{/if}}

      <ul class="header-top-line">
        <li class="header-top-line__item header-top-line_shop-list">
          <a href="./page_login.html" class="header-top-line__link" data-logged-in="false">
            <span class="btn__text">
                <i class="fas fa-user fa-lg"></i>
            </span>
            <span class="header-top-line__link-title">Sign-in / Register</span>
          </a>
          <div class="user user_desktop" data-logged-in="true">
            <a href="./page_my-account.html" class="header-top-line__link user__name truncate">
              <span class="btn__text">
                  <i class="fas fa-user fa-lg"></i>
              </span>
              <span class="header-top-line__link-title">Hi, Christopher</span>
            </a>
            {{#if tradepro-nav}}
              <div class="user__popover">
                <div class="user__popover-content user__popover-content_extended">
                  <a href="#" class="user__action">My TradePro Account</a>
                  <a href="#" class="user__action">Address Book</a>
                  <a href="#" class="user__action">Payment Details</a>
                  <a href="#" class="user__action">Order History</a>
                  <a href="#" class="user__action">TradePro Discount Code</a>
                  <a href="#" class="user__action">TradePro Rewards<span class="rewards-counter">3</span></a>
                  <div class="user__logout">
                    <a href="" class="user__action link-logout">
                      Log out<span class="icon icon-logout"><i class="fas fa-sign-out"></i></span>
                    </a>
                  </div>
                </div>
              </div>
            {{else if installer-nav}}
              <div class="user__popover">
                <div class="user__popover-content user__popover-content_extended">
                  <a href="#" class="user__action">My Installer Account</a>
                  <a href="#" class="user__action">Address Book</a>
                  <a href="#" class="user__action">Payment Details</a>
                  <a href="#" class="user__action">Order History</a>
                  <a href="#" class="user__action">Installer Discount Code</a>
                  <div class="user__logout">
                    <a href="" class="user__action link-logout">
                      Log out<span class="icon icon-logout"><i class="fas fa-sign-out"></i></span>
                    </a>
                  </div>
                </div>
              </div>
            {{else}}
              <div class="user__popover">
                  <div class="user__popover-content">
                    <a href="./page_my-account.html" class="user__action">Your account</a>
                    <a href="./page_my-account_order-history.html" class="user__action">Your orders</a>
                    <div class="user__logout">
                      <a href="" class="user__action link-logout">
                        Log out<span class="icon icon-logout"><i class="fas fa-sign-out"></i></span>
                      </a>
                    </div>
                  </div>
              </div>
            {{/if}}
          </div>
        </li>
        <li class="header-top-line__item header-top-line_shop-list">
          <a href="./page_track_your_order.html" class="header-top-line__link">
            <span class="btn__text">
              <i class="fas fa-map-marked-alt fa-lg"></i>
            </span>
            <span class="header-top-line__link-title">Track my order</span>
          </a>
        </li>
        <li class="header-top-line__item header-top-line_shop-list">
          {{#if shopListEmpty}}
            <a href="#" class="header-top-line__link">
              <span class="btn__text">
                <i class="fas fa-clipboard fa-lg"></i>
              </span>
              <span class="header-top-line__link-title">Project list</span>
            </a>
          {{else}}
            <a href="./page_my-shopping-list.html" class="header-top-line__link">
              <span class="btn__text">
                <i class="fas fa-clipboard-list fa-lg"></i>
              </span>
              <span class="header-top-line__link-title">Project list</span>
            </a>
          {{/if}}
        </li>
      </ul>
    </div>
  </div>

  <header class="header {{#if globalSearchV2}}header--search-v2{{/if}}">
    <div class="header-inner">
      {{#if header-logo-wickes}}
        <div class="header-logo">
          <a href="./" class="header-logo__link header-logo_wickes">Wickes</a>
        </div>
      {{else if logo-tp}}
        <div class="header-logo">
          <a href="./" class="header-logo__link header-logo__link-tp">Wickes</a>
        </div>
      {{else}}
        <div class="header-logo">
          <a href="./" class="header-logo__link">Wickes</a>
        </div>
      {{/if}}

      <div class="header-hamburg">
        <div class="btn btn-primary header-hamburger-menu">
          <span class="icon">
            <span class="fas fa-bars fa-2x"></span>
          </span>
        </div>
        {{#if logo-tp}}
          <div class="header-logo header-logo--minicart">
            <a href="./" class="header-logo__link-tp header-logo_wickes"></a>
          </div>
        {{else}}
          <div class="header-logo header-logo--minicart">
            <a href="./" class="header-logo__link header-logo_wickes"></a>
          </div>
        {{/if}}
      </div>

      <!-- /.header-top-line -->
      {{#if globalSearchV2}}
        {{> global-search-v2 }}
      {{else}}
        {{> global-search }}
      {{/if}}
      <!-- /.header-search -->

      <div class="header-right-wrapp">
        <ul class="header-right">
          <li class="header-right__item">
            <a href="./page_track_your_order.html" class="header-right__link">
              <span class="btn__text">
                <i class="fas fa-lightbulb fa-2x"></i>
              </span>
              <span class="header-right__link-title">Ideas & Advice</span>
            </a>
          </li>
          <li class="header-right__item">
            <a href="./page_store-locator.html" class="header-right__link">
              <span class="btn__text">
                <i class="fas fa-map-marker-alt fa-2x"></i>
              </span>
              <span class="header-right__link-title">Store Locator</span>
            </a>
          </li>
          <li class="header-right__item">
            {{> header-minicart }}
          </li>
        </ul>
      </div>

      <div class="header-mobileicon">
        <div class="btn btn-primary header-shop-list search-switcher" id="search-button">
          <span class="icon">
            <span class="fas fa-search fa-lg"></span>
          </span>
        </div>
        <a href="./page_login.html">
          <div class="btn btn-primary header-shop-list">
            <span class="icon">
              <span class="fas fa-user fa-lg"></span>
            </span>
          </div>
        </a>
        <a href="./page_store-locator.html">
          <div class="btn btn-primary header-shop-list">
            <span class="icon">
              <span class="fas fa-map-marker-alt fa-lg"></span>
            </span>
          </div>
        </a>
      </div>

      <div class="header-minicart-wrap">
        {{> header-minicart }}
      </div>
      <!-- /.header-minicart -->
    </div>
    <script type="text/html" id="mini-basket-rollover">
      {{> popover-mini-basket mod="popover-mini-basket_permanent" products=mini-basket.products}}
    </script>
    {{>back-to-top}}
  </header>
</div>
<!-- /.header-wrapper -->
{{> main-nav }}
{{#unless hideBreadcrumbs }}
  {{> breadcrumbs }}
{{/unless}}
