{% extends "user.html" %}
<!-- user_subscriptions.html -->
{% load i18n %}
{% load extra_tags %}
{% load humanize %}

{% block userjs %}
    <script type="text/javascript">
        function enableSettings() {
            $("div#subscriptions_settings").show();
            $("div#subscriptions_management").hide();

            $("a#subscriptions_settings_button").addClass('on');
            $("a#subscriptions_management_button").removeClass("on");

            //location.reload(true);
        }

        function enableManagement() {
            $("div#subscriptions_settings").hide();
            $("div#subscriptions_management").show();

            $("a#subscriptions_settings_button").removeClass('on');
            $("a#subscriptions_management_button").addClass('on');

            //location.reload(true);
        }
    </script>
{% endblock %}

{% block usercontent %}
    <br/>

    <div id="navBar"><div class="tabsA">
        <a HREF="javascript:enableSettings()" {%  if not manage_open %}class="on"{% endif %} id="subscriptions_settings_button">Settings</a>
        <a HREF="javascript:enableManagement()" {%  if manage_open %}class="on"{% endif %}  id="subscriptions_management_button">Manage</a>
    </div></div>

    <br/>
    <div id="subscriptions_settings" {% if manage_open %} style="display:none" {% endif %}>
        {% include "users/subscriptions_settings.html" %}
    </div>
    <div id="subscriptions_management" {% if not manage_open %} style="display:none" {% endif %}>
        {% include "users/subscriptions_management.html" %}
    </div>
{% endblock %}
<!-- end user_subscriptions.html -->