{# template definition #}
{% set market_selector_template = (market_selector_template is not defined) ? "@market-selector" : market_selector_template %}
{% set navigation_block_template = (navigation_block_template is not defined) ? "@navigation-block" : navigation_block_template %}

<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.url ? logo_default.url : '/images/navigation-logo.svg' }}" alt="{{ logo_default.alt ? logo_default.alt : 'Eurostar Homepage' }}"/>
          <img class="c-navigation__logo-image--desktop" src="{{ logo_desktop.url ? logo_desktop.url : '/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">
      {% include market_selector_template with market_selector %}
      {% for item in items %}
        {% include navigation_block_template with item %}
      {% endfor %}
    </nav>
  </div>
</header>