{% extends "sentry/layout.html" %}

{% load i18n %}
{% load sentry_helpers %}

{% block title %}{% trans "Settings" %} | {{ block.super }}{% endblock %}

{% block page_header %}
    <ul class="breadcrumb">
        <li><a href="{% url sentry %}" class="dashboard-btn" title="{% trans "Dashboard" %}"><i aria-hidden="true" class="icon-list"></i></a></li>
        <li class="divider"></li>
        <li><a href="#">{% trans "Settings" %}</a></li>
        {% block breadcrumb %}{% endblock %}
    </ul>
{% endblock %}

{% block bodyclass %} with-left-sidebar{% endblock %}

{% block alerts %}
{% endblock %}

{% block heading %}
    {% trans "Settings" %}
{% endblock %}

{% block main %}
    <section class="body">
        {% include "sentry/partial/alerts.html" %}
        {% block inner %}
        {% endblock %}
    </section>
{% endblock %}

{% block sidebar %}
    <ul class="nav nav-list">
        <li class="nav-header">{% trans "Settings" %}</li>
        <li{% if page == 'settings' %} class="active"{% endif %}><a href="{% url sentry-account-settings %}">{% trans "Account" %}</a></li>
        <li{% if page == 'appearance' %} class="active"{% endif %}><a href="{% url sentry-account-settings-appearance %}">{% trans "Appearance" %}</a></li>
        <li{% if page == 'notifications' %} class="active"{% endif %}><a href="{% url sentry-account-settings-notifications %}">{% trans "Notifications" %}</a></li>
        <li{% if page == 'identities' %} class="active"{% endif %}><a href="{% url sentry-account-settings-identities %}">{% trans "Identities" %}</a></li>
    </ul>
{% endblock %}
