<nav class="navbar">
    <div class="container">

        <div class="navbar-header page-scroll">
            <button type="button" class="navbar-toggle" data-target="#bs-example-navbar-collapse-1" onclick="$('#bs-example-navbar-collapse-1').toggleClass('collapse in'); $(this).toggleClass('open'); $('body').toggleClass('nav-open');">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <h1 class="navbar-brand">
                <span>{{ setting_value('streams::name', config_get('streams::distribution.name')) }}</span>
                {% if request_segment(1) != 'financial-advice' %}
                    <a href="{{ url("/") }}" title="{{ setting_value('streams::name', config_get('streams::distribution.name')) }}">
                        {{ img(template.theme.logo).alt(setting_value('streams::name')).height(95).inline|raw }}
                    </a>
                {% endif %}
            </h1>
        </div>

        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">

            <ul class="nav navbar-nav navbar-right login-nav">
                <li class="dropdown" id="login-dropdown">
                    <a href="#" onclick="$('#login-dropdown-icon').toggleClass('fa-angle-down fa-angle-up'); $('#login-dropdown').toggleClass('open'); return false;" class="btn btn-danger btn-sm dropdown-toggle">
                        Login
                        <span class="fa fa-angle-down" id="login-dropdown-icon"></span>
                    </a>
                    <div class="dropdown-menu">
                        {% include "qcr.theme.qcr::partials/login-dropdown" with {'id': 'Main'} %}
                    </div>
                </li>
            </ul>

            {{ menu('main')
            .linkAttributesDropdown({
                'data-close-others': 'false',
                'data-toggle': 'dropdown',
                'data-hover': 'dropdown',
                'data-delay': '10',
            })
            .listClass('nav navbar-nav navbar-right main-nav')
            .childListClass('dropdown-menu dropdown-menu-left')
            .macro(template.theme.navigation)
            .render()|raw }}

        </div>

    </div>
</nav>
