<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">
          {{#if isLoggedIn}}
            <div class="user user_desktop" data-logged-in="true">
              <a href="./page_my-account.html" class="header-top-line__link user__name truncate">
                {{#ifCond iconUserClass '||' customIconUserClass}}
                  {{#if customIconUserClass}}
                    {{{customIconUserClass}}}
                  {{else}}
                    <i class="{{iconUserClass}} icon-user"></i>
                  {{/if}}
                {{else}}
                  <span class="btn__text">
                    <i class="fas fa-user fa-lg"></i>
                  </span>
                {{/ifCond}}
                <span class="header-top-line__link-title">Hi Christopher</span>
              </a>
              <div class="user__popover">
                <div class="user__popover-wrap">
                  <div class="user__popover-content">
                    {{#if tradepro-nav}}
                      {{#each header_menu.tradepro}}
                        {{#if (eq type "userActions")}}
                          {{> header-menu/user-actions items=items}}
                        {{/if}}
                        {{#if (eq type "popoverActions")}}
                          {{> header-menu/popover-actions items=items}}
                        {{/if}}
                        {{#if (eq type "logoutAction")}}
                          {{> header-menu/logout-action items=items}}
                        {{/if}}
                      {{/each}}
                    {{else if installer-nav}}
                      {{#each header_menu.installer}}
                        {{#if (eq type "userActions")}}
                          {{> header-menu/user-actions items=items}}
                        {{/if}}
                        {{#if (eq type "popoverActions")}}
                          {{> header-menu/popover-actions items=items}}
                        {{/if}}
                        {{#if (eq type "logoutAction")}}
                          {{> header-menu/logout-action items=items}}
                        {{/if}}
                      {{/each}}
                    {{else}}
                      {{#each header_menu.diy}}
                        {{#if (eq type "userActions")}}
                          {{> header-menu/user-actions items=items}}
                        {{/if}}
                        {{#if (eq type "popoverActions")}}
                          {{> header-menu/popover-actions items=items}}
                        {{/if}}
                        {{#if (eq type "logoutAction")}}
                          {{> header-menu/logout-action items=items}}
                        {{/if}}
                      {{/each}}
                    {{/if}}
                  </div>
                </div>
              </div>
            </div>
          {{else}}
            <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>
          {{/if}}
        </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">
            {{#ifCond iconUserClass '||' customIconUserClass}}
              {{#if customIconUserClass}}
                {{{customIconUserClass}}}
              {{else}}
                <i class="{{iconUserClass}} icon-user"></i>
              {{/if}}
            {{else}}
              <span class="icon">
                <i class="fas fa-user fa-lg"></i>
              </span>
            {{/ifCond}}
          </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 switch-vat=switch-vat mod="popover-mini-basket_permanent" products=mini-basket.products }}
    </script>
    {{>back-to-top}}
    {{#if chatBot}}
      {{>chat-bot}}
    {{/if}}
  </header>
</div>
<!-- /.header-wrapper -->
{{> main-nav }}
{{#unless hideBreadcrumbs }}
  {{> breadcrumbs}}
{{/unless}}
