{# Django template for SideNav #}
{# Supports items array with nested children for hierarchical nav #}
<nav class="usa-sidenav usx-sidenav{{ className }}" aria-label="{{ ariaLabel|default:'Side navigation' }}">
  <ul class="usa-sidenav">
    {% for item in items %}
    <li class="usa-sidenav__item">
      <a href="{{ item.href }}"{% if item.current %} class="usa-current" aria-current="page"{% endif %}>{{ item.text }}</a>
      {% if item.children %}
      <ul class="usa-sidenav__sublist">
        {% for child in item.children %}
        <li class="usa-sidenav__item">
          <a href="{{ child.href }}"{% if child.current %} class="usa-current" aria-current="page"{% endif %}>{{ child.text }}</a>
          {% if child.children %}
          <ul class="usa-sidenav__sublist">
            {% for grandchild in child.children %}
            <li class="usa-sidenav__item">
              <a href="{{ grandchild.href }}"{% if grandchild.current %} class="usa-current" aria-current="page"{% endif %}>{{ grandchild.text }}</a>
            </li>
            {% endfor %}
          </ul>
          {% endif %}
        </li>
        {% endfor %}
      </ul>
      {% endif %}
    </li>
    {% endfor %}
  </ul>
</nav>