{# Sidebar #}
<nav id="rdw-navbar"
     class="navbar navbar-expand-lg p-3 flex-column align-items-stretch sticky-top">
  <div class="d-flex align-items-center justify-content-between">
    {# Brand #}
    <a class="navbar-brand" href="{{ url_for("/") }}">
      <img id="rdw-header-logo"
           src="{{ url_for('header_logo', v=cache_invalidate) }}"
           class="d-inline-block align-text-top"
           alt="{{ header_name }}"
           title="{{ header_name }}" />
    </a>
    {# Toggle #}
    <button class="navbar-toggler me-3"
            type="button"
            data-bs-toggle="collapse"
            data-bs-target="#rdw-sidebar-menu"
            aria-controls="rdw-sidebar-menu"
            aria-expanded="false"
            aria-label="Toggle navigation">
      <RdwIcon value="bi-list" class="fs-2" />
    </button>
  </div>
  <div id="rdw-sidebar-menu"
       class="collapse navbar-collapse flex-column align-items-stretch mt-3">
    {# Home #}
    <ul class="nav flex-column nav-pills">
      {% set home_page = page_registry.get('home') %}
      <NavItem :label="home_page.label"
               :href="url_for(home_page, currentuser.username)"
               :icon="home_page.icon"
               :active="home_page.id in [active_page.id, self.active_page]" />
    </ul>
    {# Repo list #}
    {% set admin_expended = active_page in page_registry.get_admin_nav_pages(in_menu=None) %}
    {% set user_expended = active_page in page_registry.get_prefs_nav_pages(in_menu=None) %}
    {% if admin_expended %}
      {# Administration - expanded #}
      <div class="navbar-text mt-2">
        <strong>{% trans %}Administration{% endtrans %}</strong>
      </div>
      <ul id="rdw-overflow-menu" class="nav flex-column nav-pills flex-nowrap">
        {% for page in page_registry.get_admin_nav_pages() %}
          <NavItem :label="page.label"
                   :icon="page.icon"
                   :href="url_for(page)"
                   :active="page.id == active_page.id or page.id == active_page.active_page" />
        {% endfor %}
      </ul>
    {% elif user_expended %}
      {# User profile - expand #}
      <div class="navbar-text mt-2">
        <strong>{% trans %}User profile{% endtrans %}</strong>
      </div>
      <ul id="rdw-overflow-menu" class="nav flex-column nav-pills flex-nowrap">
        {% for page in page_registry.get_prefs_nav_pages() %}
          <NavItem :label="page.label"
                   :href="url_for(page)"
                   :active="page.id == active_page.id or page.id == active_page.active_page" />
        {% endfor %}
      </ul>
    {% else %}
      {% set active_repo = repo | d(False) %}
      {% if active_repo %}
        <div class="navbar-text mt-2">
          <strong>{% trans %}Your repositories{% endtrans %}</strong>
        </div>
        {# When repo selected, display a dropdown with selected repo. #}
        <ul class="nav flex-column nav-pills">
          <li class="nav-item dropdown w-100">
            <a class="nav-link d-flex align-items-center gap-3 active text-truncate"
               data-bs-toggle="dropdown"
               href="#">
              <RdwIcon value="repo" class="fs-4" />
              <div class="me-auto text-truncate">
                <div class="mb-0 fw-semibold text-truncate">{{ active_repo.name }}</div>
                <div class="text-truncate small">
                  <RepoStatus repo={{ active_repo }} />
                </div>
              </div>
              <RdwIcon value="bi-chevron-down" class="fs-4" />
            </a>
            <ul class="dropdown-menu w-100">
              {% for repo in currentuser.repo_objs | sort(attribute='name') %}
                <NavItemRepo class="dropdown-item" repo={{ repo }} active={{ active_repo==repo }} />
              {% endfor %}
            </ul>
          </li>
        </ul>
        <ul id="rdw-overflow-menu"
            class="nav flex-column nav-pills mt-2 flex-nowrap">
          {% set insights_pages = page_registry.get_insight_nav_pages() %}
          {% for page in page_registry.get_repo_nav_pages() %}
            <NavItem :label="page.label"
                     :href="url_for(page, repo)"
                     :icon="page.icon"
                     :active="page.id == active_page.id or page.id == active_page.active_page" />
            {# Show graphs sub-menu #}
            {% if page.id == 'insights' and active_page in insights_pages %}
              <ul class="nav flex-column nav-pills mt-2 ms-5">
                {% for page in insights_pages %}
                  <NavItem :label="page.label"
                           :href="url_for(page, repo)"
                           :active="page.id == active_page.id or page.id == active_page.active_page" />
                {% endfor %}
              </ul>
            {% endif %}
          {% endfor %}
        </ul>
      {% elif currentuser and currentuser.repo_objs %}
        {# Display all repo. #}
        <div class="navbar-text mt-2">
          <strong>{% trans %}Your repositories{% endtrans %}</strong>
        </div>
        <ul id="rdw-overflow-menu" class="nav flex-column nav-pills flex-nowrap">
          {% for repo in currentuser.repo_objs | sort(attribute='name') %}<NavItemRepo repo={{ repo }} />{% endfor %}
        </ul>
      {% endif %}
    {% endif %}
    {# Administration #}
    {% if currentuser and currentuser.is_admin %}
      {% if not admin_expended %}
        {# Administration - collapsed #}
        <div class="dropdown dropup pt-2">
          <a href="#"
             class="p-2 d-flex align-items-center text-decoration-none dropdown-toggle"
             id="rdw-dropdown-admin"
             data-bs-toggle="dropdown"
             aria-expanded="false">
            <RdwIcon value="bi-gear" class="bi-fw me-3" />
            <span>{% trans %}Administration{% endtrans %}</span>
          </a>
          <ul class="dropdown-menu" aria-label="rdw-dropdown-admin">
            {% for page in page_registry.get_admin_nav_pages() %}
              <NavItem type="dropdown-item"
                       :label="page.label"
                       :icon="page.icon"
                       :href="url_for(page)"
                       :active="page.id == active_page.id or page.id == active_page.active_page" />
            {% endfor %}
          </ul>
        </div>
      {% endif %}
    {% endif %}
    <div class="dropdown dropup pt-2">
      <a href="#"
         class="p-2 d-flex align-items-center text-decoration-none dropdown-toggle"
         id="rdw-dropdown-user"
         data-bs-toggle="dropdown"
         aria-expanded="false">
        <RdwIcon value="user" class="bi-fw me-3" />
        <span>{{ currentuser.username }}</span>
      </a>
      <ul class="dropdown-menu" aria-label="rdw-dropdown-user">
        {% if not user_expended %}
          {# User profile - collapsed #}
          <h6 class="dropdown-header">{% trans %}User Profile{% endtrans %}</h6>
          {% for page in page_registry.get_prefs_nav_pages() %}
            <NavItem type="dropdown-item"
                     :label="page.label"
                     :href="url_for(page)"
                     :active="page.id == active_page.id or page.id in breadcrumbs" />
          {% endfor %}
          <li>
            <hr class="dropdown-divider">
          </li>
        {% endif %}
        <li>
          <form action="{{ url_for("logout") }}" method="post">
            <button type="submit" class="dropdown-item">{% trans %}Logout{% endtrans %}</button>
          </form>
        </li>
      </ul>
    </div>
  </div>
  {# /rdw-sidebar-menu #}
</nav>
{# /Main Navigation #}