{% assign base_url = include.base_url | default: "" %}
{% assign link = base_url | append: include.item.path %}

{% if include.item == include.selected_item %}
  {% assign selected = true %}
  {% assign selected_item = include.item %}
{% elsif include.selected_item == null and page.url == link %}
  {% assign selected = true %}
  {% assign selected_item = include.item %}
{% else %}
  {% assign selected = false %}
  {% comment %} Otherwise in Liquid selected value falls through to next include instance {% endcomment %}
{% endif %}

<li class="{% if selected %}selected{% endif %}">
  <div class="item-title"
      title="{{ include.item.title }}{% if include.item.description %} ({{ include.item.description }}){% endif %}">
    {% if include.item.path == null or selected == true %}
      <span>
        {{ include.item.title }}
      </span>
    {% else %}
      <a href="{{ link }}">
        {{ include.item.title }}
      </a>
    {% endif %}
  </div>

  {% if include.top_level_only != true %}
    {% if include.item.items %}
      <ul class="nav-items subitmes">
        {% for item in include.item.items %}
          {% include _nav-item.html item=item base_url=include.base_url selected_item=include.selected_item %}
        {% endfor %}
      </ul>
    {% endif %}
  {% endif %}
</li>