<div class="container" style="position:relative;">
    <div id="top">

        {{ menu('top')|raw }}

        <div class="search">
            <form action="/search">
                <input type="search" placeholder="search" name="term" title="Search" value="{{ request_get('term') }}">
                <button type="submit" value="Search" aria-label="Search">
                    {{ img('qcr.theme.qcr::img/icon-search.svg')|raw }}
                </button>
            </form>
        </div>

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

        <a href="#content"
           style="
           position: absolute;
           left: -1000px;
           top: -1000px;
           width: 1px;
           height: 1px;
           text-align: left;
           overflow: hidden;
        ">Skip to Content</a>

    </div>
</div>
