{% extends "sentry/bases/modal.html" %}

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

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

{% block content %}
<div class="pattern-bg"></div>
<div class="box box-modal">
  <div class="box-header">
    <div class="pull-right">
      <a href="{% url 'sentry-logout' %}">{% trans "Sign out" %}</a>
    </div>
    <a href="/">
      <span class="icon-sentry-logo"></span>
      <span class="back-to">{% trans "Back to organization" %}</span>
    </a>
  </div>
  <div class="box-content with-padding">
    <h4 class="m-b-1">My Settings</h4>
    {% block nav %}
      <div class="dropdown pull-right anchor-right">
        <a class="dropdown-toggle" data-toggle="dropdown">
          More <i class="icon-arrow-down"></i>
        </a>
        <ul class="dropdown-menu dropdown-menu-right">
          <li><a href="{% url 'sentry-remove-account' %}">{% trans "Close Account" %}</a></li>
        </ul>
      </div>
      <ul class="nav nav-tabs border-bottom">
        <li{% if page == 'settings' %} class="active"{% endif %}><a href="{% url 'sentry-account-settings' %}">{% trans "Account" %}</a></li>
        <li{% if page == 'avatar' %} class="active"{% endif %}><a href="{% url 'sentry-account-settings-avatar' %}">{% trans "Avatar" %}</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 == 'emails' %} class="active"{% endif %}><a href="{% url 'sentry-account-settings-emails' %}">{% trans "Emails" %}</a></li>
        {% if AUTH_PROVIDERS %}
          <li{% if page == 'identities' %} class="active"{% endif %}><a href="{% url 'sentry-account-settings-identities' %}">{% trans "Identities" %}</a></li>
        {% endif %}
        <li{% if page == 'security' %} class="active"{% endif %}><a href="{% url 'sentry-account-security' %}">{% trans "Security" %}</a></li>
      </ul>
    {% endblock %}

    {% block main %}
    {% endblock %}
  </div>
</div>
{% endblock %}
