templates/inc/header.html.twig line 1

Open in your IDE?
  1. <header class="nav-down">
  2.     <div class="mx-10 mx-md-40 mx-lg-70">
  3.         <div class="py-0 justify-content-end gap-20 upper-nav d-none d-lg-flex">
  4.             <a href="https://www.facebook.com/Busettosrl" target="_blank" class="btn">Facebook</a>
  5.             <a href="https://www.pinterest.it/busettosrl/" target="_blank" class="btn">Pinterest</a>
  6.             <a href="https://www.linkedin.com/company/busetto-srl" target="_blank" class="btn">Linkedin</a>
  7.             
  8.             <div class="dropdown lang-menu">
  9.                 <button class="btn btn-secondary dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false">
  10.                     {{ get_current_language_text(document.properties.language.data)|capitalize }}
  11.                 </button>
  12.                 <ul class="dropdown-menu border-0 rounded-0 bg-white py-15">
  13.                     {% for key, lang in get_localized_links(document) %}
  14.                         <li>
  15.                             <a class="dropdown-item px-30 py-15" href="{{ lang.link }}">{{ lang.text|capitalize }}</a>
  16.                         </li>
  17.                     {% endfor %}
  18.                 </ul>
  19.             </div>
  20.         </div>
  21.         <nav class="navbar navbar-expand-lg mb-30 mb-lg-60">
  22.             <div class="container-fluid border-top border-bottom">
  23.                 <a href="{% if app.request.locale == 'it' %}/{% else %}/en/{% endif %}" class="logo"><img src="/assets/images/logo_busetto.jpg" alt="Busetto" class="logo-img me-0 me-lg-20 me-xl-80" /></a>
  24.                 <button class="navbar-toggler border-0 rounded-0" type="button" data-bs-toggle="collapse"
  25.                     data-bs-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false"
  26.                     aria-label="Toggle navigation">                                          
  27.                         <span class="bar"></span>
  28.                         <span class="bar"></span>
  29.                         <span class="bar"></span>
  30.                     {#<span class="navbar-toggler-icon"></span>#}
  31.                 </button>
  33.                 {{ render(controller('App\\Controller\\MenuController::headerAction')) }}
  35.                 {% set searchAction = '' %}
  36.                 {% if app.request.locale == 'it' %}
  37.                     {% set searchAction = "/it/prodotti" %}
  38.                 {% elseif app.request.locale == 'en' %}
  39.                     {% set searchAction = "/en/products" %}
  40.                 {% endif %}
  42.                 <form class=" d-none d-lg-flex justify-content-end my-20 mw-70 mx-auto w-100" role="search" method="get" action="{{ searchAction }}">
  43.                     <input class="form-control me-2 collapse collapse-horizontal" type="search" placeholder="{{ 'Search'|trans }}" aria-label="Search" id="collapseSearch" data-loc="{{ app.request.locale }}" name="term">
  44.                     <button class="btn border-0 d-flex align-items-center column-gap-10" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSearch" aria-expanded="false" aria-controls="collapseSearch">
  45.                         <i class="fa-sharp fa-solid fa-magnifying-glass"></i>
  46.                     </button>
  47.                     <div id="autocompleteResults"></div>
  48.                 </form>
  49.                 
  50.                 <form class=" d-flex d-lg-none justify-content-center my-20 mw-70 mx-auto w-100" role="search" method="get" action="{{ searchAction }}">
  51.                     <input class="form-control me-2" type="search" placeholder="{{ 'Search'|trans }}" aria-label="Search" name="term">
  52.                     <button class="btn border-0 d-flex align-items-center column-gap-10" type="submit" >
  53.                         <i class="fa-sharp fa-solid fa-magnifying-glass"></i>
  54.                     </button>
  55.                 </form>
  56.                 
  58.                 <div class="py-0 justify-content-center gap-20 upper-nav d-flex d-lg-none">
  59.                     <a href="https://www.facebook.com/Busettosrl" target="_blank" class="btn">Facebook</a>
  60.                     <a href="https://www.pinterest.it/busettosrl/" target="_blank" class="btn">Pinterest</a>
  61.                 </div>
  62.                 
  63.                 <div class="lang-menu gap-20 d-flex d-lg-none justify-content-center border-top border-lighter pt-20 mt-20 mw-70 mx-auto w-100">
  64.                     {% for key, lang in get_localized_links(document) %}
  65.                         <a class="btn" href="{{ lang.link }}">{{ lang.text|capitalize }}</a>
  66.                     {% endfor %}
  67.                 </div>
  68.             </div>
  69.         </nav>
  70.     </div>
  71. </header>
  73. <style>
  74.     #autocompleteResults {
  75.         position: absolute;
  76.         top: 85px;
  77.         width: 300px;
  78.         background-color: #fff;
  79.     }
  80.     #autocompleteResults img {
  81.         max-height: 40px;
  82.         margin-right: 15px;
  83.     }
  84. </style>