{% from 'macro/submenu.htm' import render_submenu %}
{% from 'macro/left_submenu.htm' import render_submenu_left %}

<nav>
  <input type="checkbox" id="menu-toggle" />
  <label for="menu-toggle" class="menu-icon">
    <i class="fa fa-bars"></i>
  </label>
  <ul id="nav-list">
    <li><a href="{{ url_for('side_main.index') }}">NanoShare</a></li>

    {% if user %}
      <li><a href="{{ url_for('side_main.index') }}">Upload</a></li>
      <li><a href="{{ url_for('side_main.files') }}">Files</a></li>
      {{ render_submenu_left('user', 'fa-solid fa-user-tie', user.name, [
        {'label': 'Logout', 'endpoint': 'auth_login.logout', 'icon': 'fa-solid fa-right-from-bracket'}
      ]) }}
    {% else %}
      <li class="left-side"><a href="{{ url_for('auth_login.login') }}"><i class="fa-solid fa-right-to-bracket"></i>Login</a></li>
    {% endif %}
  </ul>
</nav>