<div class="nav">
    <ul class="nav-list">
        <li class="nav-list__item {% if navigation_item == 'learn' %}active{% endif %}">
            <a href="{% url 'path-list' %}">
                <div class="nav-list__item__icon nav-list__item__icon--learn"></div>
                {% if not narrow_nav %}
                    <div class="nav-list__item__text">
                        Ucz się
                    </div>
                    <ul class="nav-list__item__submenu">
                        {% for path in active_paths %}
                            <li class="nav-list__item__submenu__submenu-item {% if path.id == selected_path.id %}active{% endif %}">
                                <a href="{% url 'tasks:path-detail' path_slug=path.slug path_id=path.id %}">{{ path.name }}</a>
                            </li>
                        {% endfor %}
                    </ul>
                {% endif %}
            </a>
        </li>
        <li class="nav-list__item {% if navigation_item == 'other-video-list' %}active{% endif %}">
            <a href="{% url 'tasks:other-video-list' %}">
                <div class="nav-list__item__icon nav-list__item__icon--vote"></div>
                {% if not narrow_nav %}
                    <div class="nav-list__item__text">
                        Oceniaj innych
                    </div>
                {% endif %}
            </a>
        </li>
        <li class="nav-list__item {% if navigation_item == 'own-video-list' %}active{% endif %}">
            <a href="{% url 'tasks:own-video-list' %}">
                <div class="nav-list__item__icon nav-list__item__icon--movies"></div>
                {% if not narrow_nav %}
                    <div class="nav-list__item__text">
                        Moje filmy
                    </div>
                {% endif %}
            </a>
        </li>
        <li class="nav-list__item {% if navigation_item == 'articles' %}active{% endif %}">
            <a href="{% url 'articles:article-list' %}">
                <div class="nav-list__item__icon nav-list__item__icon--book"></div>
                {% if not narrow_nav %}
                    <div class="nav-list__item__text">
                        Baza wiedzy
                    </div>
                {% endif %}
            </a>
        </li>
    </ul>
</div>
