<!-- Start header --><header class="top-navbar "><nav class="navbar navbar-expand-lg navbar-light bg-light"><div class="container-fluid"><a class="navbar-brand" href="index.html"><img src="images/logo.png" alt="" /></a><button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbars-host" aria-controls="navbars-rs-food" aria-expanded="false" aria-label="Toggle navigation"><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><div class="collapse navbar-collapse " id="navbars-host"><ul class="navbar-nav ml-auto mx-auto"><li class=" nav-item {% if app.request.attributes.get('_route') == "app_home" %}active{% endif %}" ><a class="nav-link" href="{{ path('app_home') }}">Home</a></li>{# <li class="nav-item {% if app.request.attributes.get('_route') == "app_about" %}active{% endif %}"><a class="nav-link" href="{{ path('app_about') }}">About Us</a></li><li class="nav-item {% if app.request.attributes.get('_route') == "app_course_gridt" %}active{% endif %} "><a class="nav-link" href="{{ path('app_course_grid') }}">Courses </a></li><li class="nav-item {% if app.request.attributes.get('_route') == "app_blogs" %}active{% endif %} "><a class="nav-link" href="{{ path('app_blogs') }}" id="dropdown-a">Blog </a></li><li class="nav-item {% if app.request.attributes.get('_route') == "app_prices" %}active{% endif %}"><a class="nav-link" href="{{ path('app_prices') }}">Pricing</a></li>#}<li class="nav-item {% if app.request.attributes.get('_route') == "app_teachers" %}active{% endif %} "><a class="nav-link" href="{{ path('app_teachers') }}">Teachers</a></li><li class="nav-item {% if app.request.attributes.get('_route') == "app_rooms" %}active{% endif %}"><a class="nav-link" href="{{ path('app_rooms') }}">Classrooms</a></li>{#<li class="nav-item {% if app.request.attributes.get('_route') == "app_rooms" %}active{% endif %}"><a class="nav-link" href="{{ path('app_staff') }}">Staff</a></li>#}<li class="nav-item {% if app.request.attributes.get('_route') == "app_contact" %}active{% endif %} "><a class="nav-link" href="{{ path('app_contact')}}">Contact</a></li>{% if app.user %}<li class="nav-item {% if app.request.attributes.get('_route') == "app_account" %}active{% endif %} "><a class="nav-link" href="{{ path('app_account')}}">Account</a></li>{% else %}<li class="nav-item {% if app.request.attributes.get('_route') == "app_login" %}active{% endif %} "><a class="nav-link" href="{{ path('app_login')}}">Sign In</a></li><li class="nav-item {% if app.request.attributes.get('_route') == "app_register" %}active{% endif %} "><a class="nav-link" href="{{ path('app_register')}}">Sign Up</a></li>{% endif %}<li class="nav-item {% if app.request.attributes.get('_help') == "app_help" %}active{% endif %} "><a class="nav-link" href="{{ path('app_help')}}">Help</a></li></ul><ul class="nav navbar-nav navbar-right"><li>{% if app.user %}<a class="hover-btn-new log" href="#" onclick= "event.preventDefault(); document.getElementById('js-logout-form').submit();" ><span>Logout</span></a><form id="js-logout-form" action="{{ path('app_logout') }}" style="dislay:none;" method="POST" ><input type="hidden" name="_csrf_token" value="{{ csrf_token('logout')}}"/></form>{# {% else %}<a class="hover-btn-new log orange" data-toggle="modal" data-target="#login" ><span>Book Now</span></a>#}{% endif %}</li></ul></div></div></nav></header><!-- End header -->