{% if nav_pages is defined %}
    <div class="widget clearfix">
        <div class="widget-title">
            <a class="collapse-widget collapsed" href="#side-navigation" data-toggle="collapse">{{ slider_title }}</a>
        </div><!-- end title -->

        <nav id="side-navigation" class="navbar collapse" role="navigation" itemscope
             itemtype="https://schema.org/SiteNavigationElement">
            <ul class="side-menu" role="menu">
                {% for nav_page in nav_pages %}
                    <li {% if nav_page == nav_open_node or nav_page == page %}class ="active"{% endif %} role="menuitem"  itemprop="name">
                        <a itemprop="url" href="{{ nav_page.urlPath }}" title="{{ nav_page.title }}">
                            {{ nav_page.title }}
                        </a>
                    </li>
                    {% if nav_page == nav_open_node %}
                        {% for nav_child_page in nav_child_pages if nav_child_page.status == 1 and nav_child_page.showInNavi == 1 %}
                            <li class="sub-menu-item{% if nav_child_page == page %} active{% endif %}" role="menuitem"  itemprop="name">
                                <i class="fa fa-star"></i>
                                <a itemprop="url" href="{{ nav_child_page.urlPath }}" title="{{ nav_child_page.title }}">
                                    {{ nav_child_page.title }}
                                </a>
                            </li>
                        {% endfor %}
                    {% endif %}
                {% endfor %}
            </ul>
        </nav>
    </div>
{% endif %}