

<div class="user_panel">
    <!--User: {{ request.user }}-->
    <!--<a href="{% url "logout_view" %}" class="btn btn-default btn-xs btn-info">Logout</a>-->

    <div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
        <a style="float: left;" class="navbar-brand" href="{% url 'home' %}"><strong>ChlamDB</strong></a>
        <div class="container">

            <div class="collapse navbar-collapse">
                <ul class="nav navbar-nav" style="float: right">
                    <li>
                    <!--<a href="#contact" class="navbar-nav pull-right">Contact</a>-->
                            <!--<a href="{% url "logout_view" %}" class="btn btn-inverse btn-xs pull-right"">Logout ({{ request.user }} )</a>-->
                    </li>
                </ul>
                <div>
                    <div class="col-lg-8">
                    <form action='{% url "locusx" %}' method="GET" class="form-inline pull-xs-right">

                            <input class="form-control" type="text" placeholder="Gene, product, orthogroup, COG, interpro ID, KEGG id, ..." name="accession">

                            <button class="btn btn-outline-success" type="submit">Search</button>


                    </form>
                    </div>
                </div>
            </div>
        </div>

    </div>

</div>


<style>
@media (min-width: 768px) {
    .form-inline .form-control {
        width: 500px;
    }
}

</style>
