{% extends 'base.html' %}

{% block content %}
<div class="ui grid">
    <div class="four wide column">
        <div class="ui secondary pointing vertical menu">
            <a class="item{% if request.endpoint == 'account.edit_profile' %} active{% endif %}" href="{{ url_for('account.edit_profile') }}">{% trans %}Edit profile{% endtrans %}</a>
            <a class="item{% if request.endpoint == 'account.settings' %} active{% endif %}" href="{{ url_for('account.settings') }}">{% trans %}Settings{% endtrans %}</a>
            <a class="item{% if request.endpoint == 'account.active_sessions' %} active{% endif %}" href="{{ url_for('account.active_sessions') }}">{% trans %}Active sessions{% endtrans %}</a>
        </div>
    </div>
    <div class="twelve wide stretched column">
    {% block settings_content %}{% endblock %}
    </div>
</div>
{% endblock %}