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

{% load i18n %}
{% load passbook_is_active %}
{% load static %}
{% load passbook_user_settings %}

{% block page_content %}
<div class="pf-c-page__sidebar">
    <div class="pf-c-page__sidebar-body">
        <nav class="pf-c-nav" id="page-default-nav-example-primary-nav" aria-label="Global">
            <section class="pf-c-nav__section">
                <h2 class="pf-c-nav__section-title">{% trans 'General Settings' %}</h2>
                <ul class="pf-c-nav__list">
                    <li class="pf-c-nav__item">
                        <a href="{% url 'passbook_core:user-settings' %}"
                            class="pf-c-nav__link {% is_active 'passbook_core:user-settings' %}">{% trans 'User Details' %}</a>
                    </li>
                </ul>
            </section>
            {% user_stages as user_stages_loc %}
            {% if user_stages_loc %}
            <section class="pf-c-nav__section">
                <h2 class="pf-c-nav__section-title">{% trans 'Stages' %}</h2>
                <ul class="pf-c-nav__list">
                    {% for stage in user_stages_loc %}
                    <li class="pf-c-nav__item">
                        <a href="{{ stage.url }}" class="pf-c-nav__link {% if stage.url == request.get_full_path %} pf-m-current {% endif %}">
                            {{ stage.name }}
                        </a>
                    </li>
                    {% endfor %}
                </ul>
            </section>
            {% endif %}
            {% user_sources as user_sources_loc %}
            {% if user_sources_loc %}
            <section class="pf-c-nav__section">
                <h2 class="pf-c-nav__section-title">{% trans 'Sources' %}</h2>
                <ul class="pf-c-nav__list">
                    {% for source in user_sources_loc %}
                    <li class="pf-c-nav__item">
                        <a href="{{ source.url }}"
                            class="pf-c-nav__link {% if source.url == request.get_full_path %} pf-m-current {% endif %}">
                            {{ source.name }}
                        </a>
                    </li>
                    {% endfor %}
                </ul>
            </section>
            {% endif %}
        </nav>
    </div>
</div>
<main role="main" class="pf-c-page__main" tabindex="-1" id="main-content">
    <section class="pf-c-page__main-section">
        <div class="pf-u-display-flex pf-u-justify-content-center">
            <div class="pf-u-w-75">
                {% block page %}
                {% endblock %}
            </div>
        </div>
    </section>
</main>
{% endblock %}