<nav class="fr-nav" id="navigation-547" role="navigation" aria-label="Menu principal">
  <ul class="fr-nav__list">
  {% for nav_item in nav %}
    {% if not nav_item.children %}
    <li class="fr-nav__item">
      <a class="fr-nav__link" href="{{ nav_item.url|url }}" target="_self" {% if nav_item.active %}aria-current="page"{% endif %}>{{ nav_item.title }}</a>
    </li>
    {% else %}
    <!-- fixme https://www.systeme-de-design.gouv.fr/elements-d-interface/composants/navigation-principale -->
      <li>
        {{ nav_item.title }}
        <ul>
            {% for nav_item in nav_item.children %}
                {% include "nav.html" %}
            {% endfor %}
        </ul>
      </li>
    {% endif %}
  {% endfor %}
  </ul>
</nav>