<nav class="navbar navbar-fixed-top z-depth-1">
    {% if this.environment == 'local' %}
        <div style="background-color: red; height: 2px; width: 100%;"></div>
    {% endif %}
    <!-- Collapse button-->
    <button class="navbar-toggler hidden-lg-up" type="button" data-toggle="collapse" data-target="#collapseEx2" aria-controls="#collapseEx2">
        <i class="fa fa-bars"></i>
    </button>
    <div class="container-fluid">
        <div class="row">
            <div class="col-lg-2">
                <a href="{{ '/'|app }}" class="navbar-brand"><img src="{{'/site/HMS_LOGO.svg'|media}}" alt="" class="nav-logo"></a>
            </div>
            <div class="col-lg-10">
                <!--Collapse content-->
                <div class="collapse navbar-toggleable-md" id="collapseEx2">
                    <div class="row">
                        <div class="col-md-12">
                            <ul class="nav navbar-nav pull-lg-right">
                                {% for item in staticMenu.menuItems %}
                                    <li class="nav-item {{ staticMenu.isActive ? 'active' : '' }}" style="max-height: 20px;">
                                        <a href="{{ item.url }}">{{ item.title }}</a>
                                    </li>
                                {% endfor %}
                                <hr class="hidden-lg-up">
                                <a class="pull-right" data-toggle="collapse" href="#collapseSearch" aria-expanded="false" aria-controls="#collapseSearch">
                                    <img src="{{ 'site/search_s.png'|media }}" alt="" style="max-height: 20px;">
                                </a>
                            </ul>
                        </div>

                        <div class="row">
                            <div class="col-md-12 pull-right">
                                <div class="collapse" id="collapseSearch">
                                    <form  class="form-inline search-box" action="{{ '/search' | app }}" method="get">
                                        <input name="q" type="text" placeholder="Search" autocomplete="off">
                                        <button class="btn btn-blue-grey btn-sm pull-right" type="submit">Search</button>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!--/.Collapse content-->
            </div>
        </div>
    </div>

</nav>
<!--/.Navbar-->