{% set active_service = "" %}
  {% set active_work = "" %}
  {% set active_about = "" %}
  {% set active_contact = "" %}
  {% set active_legal_notice = "" %}

  {% if page == "our_services" %}
    {% set active_service = "active" %}
  {% elseif page == "our_works" %}
    {% set active_work = "active" %}
  {% elseif page == "about_us" %}
    {% set active_about = "active" %}
  {% elseif page == "contact_us" %}
    {% set active_contact = "active" %}
  {% elseif page == "legal_notice" %}
    {% set active_legal_notice = "active" %}
  {% endif %}

    <!-- 
  =============================================
    Theme Main Menu
  ============================================== 
  -->
  <div class="theme-main-menu theme-menu-one sticky-menu">
    <div class="d-flex align-items-center">
      <div class="logo mr-auto"><a href="{{ path('home') }}"><img src="{{ asset('front/app-assets/images/logo/logo.png') }}" alt="JETECH LOGO"></a></div>

      <nav id="mega-menu-holder" class="navbar navbar-expand-lg order-lg-2">
        <div  class="container nav-container">
          <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                <i class="flaticon-setup"></i>
            </button>
            <div class="collapse navbar-collapse" id="navbarSupportedContent">
              <ul class="navbar-nav">
                <li class="nav-item {{ active_about }}">
                      <a class="nav-link" href="{{ path('about-us') }}">{% trans %}about_us{% endtrans %}</a>
                  </li>
                <li class="nav-item {{ active_service }}">
                      <a class="nav-link" href="{{ path('services') }}">{% trans %}our_services{% endtrans %}</a>
                  </li>
                  <li class="nav-item {{ active_work }}">
                      <a class="nav-link" href="{{ path('works') }}">{% trans %}our_works{% endtrans %}</a>
                  </li>
                  <li class="nav-item {{ active_contact }}">
                      <a class="nav-link" href="{{ path('contact') }}">{% trans %}contact_us{% endtrans %}</a>
                  </li>
              </ul>
            </div>
        </div> 
      </nav>  
    </div>
  </div> <!-- /.theme-main-menu -->