{% set count = 1 %}
<li class="coop-c-nav__list-item">
  {% if navItems %}
    {% if count == 1 %}
    <span id="{{clickId}}" class="coop-c-nav__link-item-wrap js_nav-toggle">
        <a href="{{url}}" class="coop-c-nav__list-item-link coop-c-nav__level-{{count}}" role="menuitem" aria-haspoopup="true">{{text}}
            <svg width="16" height="16" class="chevron">
              <path d="M1 1l7 7 7-7" stroke="#282828" stroke-width="2" fill="none" fill-rule="evenodd"/>
            </svg>
            <svg width="17" height="10" class="open-chevron">
              <path d="M15.5 8.5l-7-7-7 7" stroke="#FFF" stroke-width="2" fill="none" fill-rule="evenodd"/>
            </svg>
        </a>
    </span>
    {% else %}
    <a href="#" class="coop-c-nav__list-item-link level-{{count+1}}-trigger js_nav-toggle" role="menuitem">{{text}}</a>
    {% endif %}
    <ul class="coop-list-bare coop-c-nav__level coop-c-nav__level-{{count+1}} js_nav-toggle-content">
        {% for navItem in navItems %}
            {% if navItem.sameColumn %}
            <li class="coop-c-nav__item coop-c-nav__item--same-column" >
                <ul class="coop-list-bare">
                {% for navItem in navItem.sameColumn.navItems %}
                    {% render '@global-nav-item', navItem %}
                {% endfor %}
                </ul>
            </li>
            {% else %}
                {% render '@global-nav-item', navItem %}
            {% endif %}
        {% endfor %}
    </ul>
    {% else %}
    <a href="{{url}}" class="coop-c-nav__list-item-link {{cssClass}}" role="menuitem">{{text}}</a>
    {% endif %}
</li>