{% extends "overview/base.html" %}

{% load i18n %}
{% load is_active %}
{% load static %}
{% load passbook_user_settings %}

{% block content %}
<div class="container">
    <div class="col-md-3 ">
        <div class="nav-category">
            <h2>{% trans 'User Settings'%}</h2>
            <ul class="nav nav-pills nav-stacked">
                <li class="{% is_active 'passbook_core:user-settings' %}">
                    <a href="{% url 'passbook_core:user-settings' %}">
                        <i class="fa pficon-edit"></i> {% trans 'Details' %}
                    </a>
                </li>
                {% user_factors as uf %}
                {% if uf %}
                    <li class="nav-divider"></li>
                {% endif %}
                {% for user_settings in uf %}
                    <li class="{% is_active user_settings.view_name %}">
                        <a href="{% url user_settings.view_name %}">
                            <i class="{{ user_settings.icon }}"></i> {{ user_settings.name }}
                        </a>
                    </li>
                {% endfor %}
                {% user_sources as us %}
                {% if us %}
                    <li class="nav-divider"></li>
                {% endif %}
                {% for user_settings in us %}
                    <li class="{% if user_settings.view_name == request.get_full_path %} active {% endif %}">
                        <a href="{{ user_settings.view_name }}">
                            <i class="{{ user_settings.icon }}"></i> {{ user_settings.name }}
                        </a>
                    </li>
                {% endfor %}
            </ul>
        </div>
    </div>
    <div class="col-md-9">
        {% block page %}
        {% endblock %}
    </div>
</div>
{% endblock %}