{# Header Navigation Container #}

<header role="banner" class="c-navigation component">
  <div class="c-navigation__container">
    <div class="c-navigation__head">
      <div class="c-navigation__mobile-nav">
        <div class="c-navigation__mobile-nav__inner"></div>
      </div>
      <div class="c-navigation__logo">
        <a href="http://www.eurostar.com">
          <img class="c-navigation__logo-image" src="{{ logo_default.src ? logo_default.src : '/images/navigation-logo.svg' }}" alt="{{ logo_default.alt ? logo_default.alt : 'Eurostar Homepage' }}"/>
          <img class="c-navigation__logo-image--desktop" src="{{ logo_desktop.src ? logo_desktop.src : '/images/navigation-logo-desktop.svg' }}" alt="{{ logo_desktop.alt ? logo_desktop.alt : 'Eurostar Homepage' }}"/>
        </a>
      </div>
    </div>
    <nav aria-labelledby="navigation content" class="c-navigation__nav">
      {{ market_selector }}
      {% for item in items %}
        {{ item }}
      {% endfor %}
    </nav>
  </div>
</header>