{% extends 'layout.html' %}
{% from 'components/nav.html' import nav_list %}
{% set active_page='settings' %}
{% block title %}
  {% trans %}User profile{% endtrans %}
{% endblock %}
{% block body %}
  <div class="container">
    <h2>{% trans %}User profile{% endtrans %}</h2>
    <!-- Navigation bar for preference page -->
    <div class="row">
      <div class="col-md-3">
        {% set nav_items = [
        (_('General'), url_for('prefs','general'), active_panelid=='general'),
        (_('Notifications'), url_for('prefs', 'notification'), active_panelid=='notification'),
        (_('SSH Keys'), url_for('prefs','sshkeys'), active_panelid=='sshkeys'),
        (_('Access Tokens'), url_for('prefs','tokens'), active_panelid=='tokens'),
        (_('Two-Factor Authentication'), url_for('prefs','mfa'), active_panelid=='mfa'),
        (_('Active Sessions'), url_for('prefs','session'), active_panelid=='session'),
        ] %}
        {{ nav_list(nav_items) }}
      </div>
      <div class="col-md-9">
        <!-- panel content -->
        {% block panel %}{% endblock %}
      </div>
    </div>
  </div>
{% endblock %}
