{% extends "server/base.html" %}
{% import "server/icons.html" as icons %}
{% import "server/avatar.html" as people %}
{% block title %}{{ t.text("server.settings") }}{% endblock %}
{# a part opened on a narrow screen is named on top, with the way back to the directory #}
{% block back %}{% if view == "part" %}/ui/settings/{% endif %}{% endblock %}
{% block heading %}{% if view == "part" %}<span class="on-wide">{{ t.text("server.settings") }}</span><span class="on-narrow">{{ t.text(part.title) }}</span>{% else %}{{ t.text("server.settings") }}{% endif %}{% endblock %}
{% block body %}
<section class="content settings" data-view="{{ view }}">
  <div class="card who">{{ people.avatar(account) }}<div><b>{{ account.name }}</b>{% if account.admin %}<span>{{ t.text("server.admin") }}</span>{% endif %}</div></div>
  <div class="directory">
  {% if groups %}
  <nav class="snav">
    {% for group, items in groups.items() %}
    <div class="gp">{{ t.text(group) }}</div>
    {% for item in items %}
    <a class="it{% if part and item.key == part.key %} on{% endif %}" href="/ui/settings/{{ item.key }}"><span class="i">{{ item.icon | safe }}</span><span class="tx"><b>{{ t.text(item.title) }}</b>{% if item.description %}<small>{{ t.text(item.description) }}</small>{% endif %}</span>{{ icons.icon("chevron-right") }}</a>
    {% endfor %}
    {% endfor %}
  </nav>
  {% endif %}
  {# a plain form: the login module answers it whatever build drew this page #}
  <form class="leave" method="post" action="/login/logout"><button class="btn" type="submit">{{ icons.icon("log-out") }}<span>{{ t.text("server.logout") }}</span></button></form>
  </div>
  {% if part %}
  {# the directory keeps its own address; only an opened part carries the part's #}
  <iframe class="pane" src="{{ src }}" data-fit{% if view == "part" %} data-address-from="{{ part.src.rstrip('/') }}" data-address-to="/ui/settings/{{ part.key }}"{% endif %} title="{{ t.text(part.title) }}"></iframe>
  {% else %}
  <p class="empty">{{ t.text("server.settings.empty") }}</p>
  {% endif %}
</section>
{% endblock %}