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

{% if apply_now.link_text.value %}
<ul class="nav navbar-nav navbar-right open-account-nav">
    <li class="dropdown" id="{{ prefix }}open-account-dropdown">
        <a href="#" onclick="
            $('#{{ prefix }}open-account-dropdown-icon').toggleClass('fa-angle-down fa-angle-up');
            $('#{{ prefix }}open-account-dropdown').toggleClass('open');
            $('#{{ prefix }}login-dropdown-icon').removeClass('fa-angle-up');
            $('#{{ prefix }}login-dropdown-icon').addClass('fa-angle-down');
            $('#{{ prefix }}login-dropdown').removeClass('open');
            return false;" class="btn btn-sm dropdown-toggle">
            {{ apply_now.link_text }}
            <span class="fa fa-angle-down" id="{{ prefix }}open-account-dropdown-icon"></span>
        </a>
        <div class="dropdown-menu">
            <div class="open-account-copy">
                <i class="fa fa-check-circle"></i>
                {{ apply_now.copy|raw }}
            </div>
            <div class="open-account-links">
            {% for link in apply_now.links %}
                <a href="{{ link.url }}" class="btn btn-sm btn-info">{{ link.link_text }}</a>
            {% endfor %}
            </div>
            {# {% include "qcr.theme.qcr::partials/login-dropdown" with {'id': 'Main'} %} #}
        </div>
    </li>
</ul>
{% endif %}
