{#
/**
 * @file
 * Theme override to display a menu.
 *
 * Available variables:
 * - menu_name: The machine name of the menu.
 * - items: A nested list of menu items. Each menu item contains:
 *   - attributes: HTML attributes for the menu item.
 *   - below: The menu item child items.
 *   - title: The menu link title.
 *   - url: The menu link url, instance of \Drupal\Core\Url
 *   - localized_options: Menu link localized options.
 *   - is_expanded: TRUE if the link has visible children within the current
 *     menu tree.
 *   - is_collapsed: TRUE if the link has children within the current menu tree
 *     that are not currently visible.
 *   - in_active_trail: TRUE if the link is in the active trail.
 *   - author: The author if it's a project content node.
 */
#}
{% import _self as menus %}

{% macro menu_links(items) %}
  {% import _self as menus %}
  {% if items %}
    <div class="main-nav-list-block">
      {% for item in items %}
        <div class="main-nav-list-item">
          {% if item.url.toString|length > 0 %}
            <a class="main-nav-link" href="{{ item.url }}">
              {{ item.title }}
              {% if item['author'] %}
                <br />{{ item['author'] }}
              {% endif %}
            </a>
          {% elseif item.below %}
            <a href="#" class="main-nav-link action-expand">{{ item.title }}</a>
          {% else %}
            <span>{{ item.title }}</span>
          {% endif %}

          {% if item.below %}
            <span class="main-nav-list-item-expand"><span class="icon icon-arrow-down-dark icon-inline"></span></span>
            {{ menus.menu_links(item.below) }}
          {% endif %}
        </div>
      {% endfor %}
    </div>
  {% endif %}
{% endmacro %}

{% if items|length > 0 %}
  {% set startBlock = true %}
  {% for item in items %}

    {% if item.url.toString|length > 0 %}
      {% if startBlock %}
        <div class="main-nav-list-block">
        {% set startBlock = false %}
      {% endif %}
      <div class="main-nav-list-item">
        <a class="main-nav-link" href="{{ item.url }}">
          {{ item.title }}
          {% if item['author'] %}
            <br />{{ item['author'] }}
          {% endif %}
        </a>
        {% if item.below %}
          <span class="main-nav-list-item-expand"><span class="icon icon-arrow-down-dark icon-inline"></span></span>
          {{ menus.menu_links(item.below) }}
        {% endif %}
      </div>
    {% else %}
      {# Link has nolink is treated as a group header. #}
      {% if not startBlock %}
        {# Close block. #}
        </div>
      {% endif %}
      {# Start a new block. #}
      <div class="main-nav-list-block">
        <div class="main-nav-list-block-header">
          {{ item.title }}:
        </div>
        {% if item.below %}
          {% for childItem in item.below %}
            <div class="main-nav-list-item">
              {% if childItem.url.toString|length > 0 %}
                <a class="main-nav-link" href="{{ childItem.url }}">
                  {{ childItem.title }}
                  {% if childItem['author'] %}
                    <br />{{ childItem['author'] }}
                  {% endif %}
                </a>
              {% elseif childItem.below %}
                <a href="#" class="main-nav-link action-expand">{{ childItem.title }}</a>
              {% else %}
                <span>{{ childItem.title }}</span>
              {% endif %}

              {% if childItem.below %}
                <span class="main-nav-list-item-expand"><span class="icon icon-arrow-down-dark icon-inline"></span></span>
                {{ menus.menu_links(childItem.below) }}
              {% endif %}
            </div>
          {% endfor %}
        {% endif %}
      </div>
      {% set startBlock = true %}
    {% endif %}
  {% endfor %}

  {% if not startBlock %}
    {# Close block. #}
    </div>
  {% endif %}
{% endif %}