<ul class="sidenav sidenav-fixed" id="sidenav">
  <li>
    <div class="user-view" style="padding-top: 3px;">
      <div class="background primary-color"></div>
      <div class="row">
        <div class="col s4">
            <a href="{{ url_for('users.user', user_id=current_user.id) }}">
            {% if current_user.avatar %}
            <img src="{{ url_for('users.profile_avatar', user_id=current_user.id) }}" alt="user-image" class="circle responsive-img"  style="height:80%; margin-top: 13px; margin-left:-15px;">
            {% else %}
            <img src="{{ url_for('static', filename='images/user_avatar.png') }}" alt="user-image" class="circle responsive-img" style="height:80%; margin-top: 13px; margin-left:-15px;">
            {% endif %}
            </a>
        </div>
        <div class="col s8">
          <span class="white-text name">{{ current_user.username }}</span>
          <span class="white-text email">{{ current_user.email }}</span>
        </div>
      </div>
    </div>
  </li>
  {# <li><a href="{{ url_for('main.index') }}">nopaque</a></li> #}
  <li><a href="{{ url_for('main.news') }}"><i class="material-icons left">email</i>News</a></li>
  <li><a href="{{ url_for('main.user_manual') }}"><i class="material-icons">help</i>Manual</a></li>
  <li><a href="{{ url_for('main.dashboard') }}"><i class="material-icons">dashboard</i>Dashboard</a></li>
  <li><a href="{{ url_for('main.dashboard', _anchor='corpora') }}" style="padding-left: 47px;"><i class="nopaque-icons">I</i>My Corpora</a></li>
  <li><a href="{{ url_for('main.dashboard', _anchor='jobs') }}" style="padding-left: 47px;"><i class="nopaque-icons">J</i>My Jobs</a></li>
  <li><a href="{{ url_for('contributions.contributions') }}"><i class="material-icons">new_label</i>Contribute</a></li>
  <li class="social-area-color-base social-area-color-border-darken" style="border-left: 10px solid; margin-top: 5px;"><a href="{{ url_for('main.social_area') }}"><i class="material-icons">group</i>Social Area</a></li>
  <li><div class="divider"></div></li>
  <li><a class="subheader">Processes & Services</a></li>
  <li class="service-color service-color-border border-darken" data-service="file-setup-pipeline" style="border-left: 10px solid; margin-top: 5px;"><a href="{{ url_for('services.file_setup_pipeline') }}"><i class="nopaque-icons service-icons" data-service="file-setup-pipeline"></i>File setup</a></li>
  <li class="service-color service-color-border border-darken" data-service="tesseract-ocr-pipeline" style="border-left: 10px solid; margin-top: 5px;"><a href="{{ url_for('services.tesseract_ocr_pipeline') }}"><i class="nopaque-icons service-icons" data-service="tesseract-ocr-pipeline"></i>OCR</a></li>
  {% if config.NOPAQUE_TRANSKRIBUS_ENABLED %}
  <li class="service-color service-color-border border-darken" data-service="transkribus-htr-pipeline" style="border-left: 10px solid; margin-top: 5px;"><a href="{{ url_for('services.transkribus_htr_pipeline') }}"><i class="nopaque-icons service-icons" data-service="transkribus-htr-pipeline"></i>HTR</a></li>
  {% endif %}
  <li class="service-color service-color-border border-darken" data-service="spacy-nlp-pipeline" style="border-left: 10px solid; margin-top: 5px;"><a href="{{ url_for('services.spacy_nlp_pipeline') }}"><i class="nopaque-icons service-icons" data-service="spacy-nlp-pipeline"></i>NLP</a></li>
  <li class="service-color service-color-border border-darken" data-service="corpus-analysis" style="border-left: 10px solid; margin-top: 5px;"><a href="{{ url_for('services.corpus_analysis') }}"><i class="nopaque-icons service-icons" data-service="corpus-analysis"></i>Corpus Analysis</a></li>
  <li><div class="divider"></div></li>
  <li><a class="subheader">Account</a></li>
  <li><a href="{{ url_for('users.edit_profile', user_id=current_user.id) }}"><i class="material-icons left">settings</i>User Settings</a></li>
  <li><a href="{{ url_for('auth.logout') }}">Log out</a></li>
  {% if current_user.can('ADMINISTRATE') or current_user.can('USE_API') %}
  <li><div class="divider"></div></li>
  {% endif %}
  {% if current_user.can('ADMINISTRATE') %}
  <li><a href="{{ url_for('admin.index') }}"><i class="material-icons">admin_panel_settings</i>Administration</a></li>
  {% endif %}
  {% if current_user.can('USE_API') %}
  <li><a href="{{ url_for('apifairy.docs') }}"><i class="material-icons">api</i>API</a></li>
  {% endif %}
</ul>
