templates/en/hcp-main-menu.html.twig line 1

Open in your IDE?
  1. {% macro navitem(route) %}
  2.     {% set active = app.request.get('_route') == route %}
  4.     <li class="nav-item">
  5.         <a class="nav-link {% if active %}active{% endif %}" {% if active %}aria-current="page"{% endif %} href="{{ path(route) }}">{{ route|trans({}, 'routes')|raw }} </a>
  6.     </li>
  7.     
  8. {% endmacro %}
  10. {% macro dropdownitem(route) %}
  11.     {% set active = app.request.get('_route') == route %}
  13.     <li >
  14.         <a class="dropdown-item {% if active %}text-hcp{% endif %}" {% if active %}aria-current="page"{% endif %} href="{{ path(route) }}">{{ route|trans({}, 'routes')|raw }} </a>
  15.     </li>
  16.     
  17. {% endmacro %}
  19. <nav id="menu-header" class="border-bottom d-none d-lg-block bg-white">
  20.     <div class="container d-flex text-white justify-content-between align-items-center py-3 ">
  21.         <a class="text-white text-decoration-none" href="{{ path( 'hcp-index' ) }}"><img src="{{ asset('build/images/hcp/00-Homepage/Logo_Coagucheck-Couleurs_1x.png') }}" srcset="{{ asset('build/images/hcp/00-Homepage/Logo_Coagucheck-Couleurs_1x.png') }} 1x, {{ asset('build/images/hcp/00-Homepage/Logo_Coagucheck-Couleurs_2x.png') }} 2x" alt="Coaguchek logo"></a>
  22.         <div class="head-right d-flex align-items-center">
  23.             <div class="leaf-icon">
  24.                 <img src="{{ asset('build/images/leaf.svg') }}" alt="leaf" />
  25.             </div>
  26.             <div class="roche-logo">
  27.                 <img src="{{ asset('build/images/hcp/00-Homepage/Logo_RocheBleu_1x.png') }}" alt="Roche logo">
  28.             </div>
  29.         </div>
  30.     </div>
  31. </nav>
  34. <nav id="main-menu-container" class="navbar navbar-expand-lg bg-white roche-menu roche-menu__hcp">
  35.     <div class="container px-lg-0 py-2">
  36.         <a class="text-white text-decoration-none d-block d-lg-none px-4 py-2" href="{{ path( 'hcp-index' ) }}"><img src="{{ asset('build/images/hcp/00-Homepage/Logo_Coagucheck-Couleurs_1x.png') }}" srcset="{{ asset('build/images/hcp/00-Homepage/Logo_Coagucheck-Couleurs_1x.png') }} 1x, {{ asset('build/images/hcp/00-Homepage/Logo_Coagucheck-Couleurs_2x.png') }} 2x" alt="Coaguchek"></a>
  38.         <div class="head-right d-flex align-items-center px-3 py-2">
  39.             <div class="leaf-icon d-lg-none">
  40.                 <img src="{{ asset('build/images/leaf.svg') }}" alt="Roche Canada" />
  41.             </div>
  42.             <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#main-menu" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
  43.                 <span class="navbar-toggler-icon"></span>
  44.             </button>
  45.         </div>
  47.         <div class="collapse navbar-collapse" id="main-menu">
  48.             <ul class="navbar-nav px-4 px-md-0 w-100 justify-content-between">
  49.                 {{ _self.navitem( 'hcp-doac-or-vka' ) }}
  50.                 {{ _self.navitem( 'hcp-poc-inr-testing' ) }}
  51.                 {{ _self.navitem( 'hcp-patient-self-testing' ) }}
  52.                 {{ _self.navitem( 'hcp-coaguchek-systems' ) }}
  54.                 <li class="nav-item dropdown">
  56.                     <a href="javascript:void(0)" class="nav-link dropdown-toggle {% if 'hcp-resources' in  app.request.get('_route') %} active {% endif %}" data-bs-toggle="dropdown" aria-expanded="false">{{ 'hcp-resources'|trans({}, 'routes')|raw }}</a>
  57.                     <ul class="dropdown-menu">
  58.                         {{ _self.dropdownitem( 'hcp-resources-training' ) }}
  59.                         {{ _self.dropdownitem( 'hcp-resources-reimbursement' ) }}
  60.                         {{ _self.dropdownitem( 'hcp-resources-device-manuals' ) }}
  61.                         {{ _self.dropdownitem( 'hcp-resources-studies' ) }}
  62.                     </ul>
  63.                 </li>
  65.                 {{ _self.navitem( 'hcp-faq' ) }}
  66.                 {{ _self.navitem( 'hcp-contact' ) }}
  67.                 <a href="#searchBox" class="nav-link" data-bs-toggle="collapse"><span class="bi bi-search"></span></a>
  68.             </ul>
  69.             <div class="bg-patient row d-flex text-white justify-content-between p-4 d-lg-none">
  70.                 <div class="col-12">
  71.                     <a class="text-white text-decoration-none" href="{{ path('patient-index') }}">Patients <i class="bi bi-chevron-right"></i></a>
  72.                 </div>
  73.                 <div class="col-12 pt-3">
  74.                     {% set current = app.request.get('_route') %}
  75.                     <a class="text-white text-decoration-none" href="{{ path( current ~ '.fr' ) }}">Français</a>
  76.                 </div>                
  77.             </div>
  78.         </div>
  79.     </div>
  80. </nav>