{% extends "bases/bootstrap-member.html" %}

{% load i18n %}

{% load bootstrap3 %}

{% block content %}

<div class=container>
 {% bootstrap_messages %}

<h1>{% trans 'My Account' %}</h1>

<ul class="nav nav-tabs">
 <li class="{% block account_nav_events %}{% endblock %}">
   <a href="{% url 'account_events' %}">{% trans 'My Events' %}</a>
 </li>
  <li class="{% block account_nav_email %}{% endblock %}">
    <a href="{% url 'account_email' %}">{% trans 'E-mail Addresses' %}</a>
  </li>
  <li class="{% block account_nav_change_password %}{% endblock %}">
    <a href="{% url 'account_change_password' %}">{% trans 'Change Password' %}</a>
  </li>
  {% url 'socialaccount_connections' as connections_url %}
  {% if connections_url %}
  <li class="{% block account_nav_socialaccount_connections %}{% endblock %}">
    <a href="{{ connections_url}}">{% trans 'Connected Accounts' %}</a>
  </li>
  {% else %}
  <li>No connections url</li>
  {% endif %}
</ul>
{% block account_content %}
{% endblock %}

</div>

{% endblock %}
{#
{% block appjs %}
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
  {% block appjs_jquery %}
  {% endblock %}
{% endblock %}
#}