templates_common/header.html.twig line 1

  1. <header class="shadow-[0_2px_4px_rgba(0,0,0,0.06)] dark:shadow-none hidden md:block orgs-model-wrapper relative">
  2.     <div class="container py-6 pl-[0.5rem] flex flex-col md:flex-row gap-3 content-center justify-between align-center">
  4.         <div class="flex flex-row gap-1 self-center">
  5.             <a class="self-center" href="{{ path('homepage') }}">
  6.                 {% if current_request.domain == 'moa.qr-pib.kz' or current_request.domain == 'mo.qr-pib.kz' 
  7.                 or current_request.domain == 'almatyresort.qr-pib.kz' or current_request.domain == 'qazaqstan-kmv.qr-pib.kz'
  8.                  or current_request.domain == 'qarlygash.qr-pib.kz'  or current_request.domain == 'oka.qr-pib.kz' 
  9.                   or current_request.domain == 'moseso.qr-pib.kz'   or current_request.domain == 'mtazho.qr-pib.kz'  
  10.                    or current_request.domain == 'oqzhetpes-burabay.qr-pib.kz'  %}
  11.                 
  12.                 <img class="w-[50px] md:w-[80%]" src="/img/logo/{{ current_request.domain }}.{{ app.request.locale }}.png" alt="" style="width:85%!important;">
  13.                 {% else %}
  14.                 <img class="w-[50px] md:w-[80%]" src="/img/logo/{{ current_request.domain }}.png" alt=""  style="width:85%!important;">
  15.                 {% endif %}
  16.             </a>
  18.             <a class="self-center" href="{{ path('homepage') }}">
  19.                 <img class="w-[50px] md:w-[80%]" src="/img/gerb.png" alt="">
  20.             </a>
  21.         </div>
  23.         {% include 'blocks/header-search.html.twig' %}
  25.         {% if current_request.domain == 'moa.qr-pib.kz' %}
  26.             <div class="hidden md:flex items-center gap-2 ml-4 whitespace-nowrap" style="min-width: 200px;">
  27.                 <div class="w-[40px] h-[40px] flex items-center justify-center bg-[#eaf3fb] rounded">
  28.                     <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke="black" stroke-width="2">
  29.                         <path stroke-linecap="round" stroke-linejoin="round"
  30.                             d="M3 5a2 2 0 012-2h2.28a2 2 0 011.94 1.515l.516 2.066a2 2 0 01-.45 1.927l-1.27 1.27a16.001 16.001 0 006.586 6.586l1.27-1.27a2 2 0 011.927-.45l2.066.516A2 2 0 0121 16.72V19a2 2 0 01-2 2h-1C10.82 21 3 13.18 3 4V5z"/>
  31.                     </svg>
  32.                 </div>
  33.                 <div class="text-sm leading-tight">
  34.                     <div class="text-gray-500">Call Center:</div>
  35.                     <div class="font-semibold text-[#1f5fa8]">
  36.                         +7 (7172) 70-80-90<br>
  37.                         +7 (702) 006-56-56
  38.                     </div>
  39.                 </div>
  40.             </div>
  41.         {% endif %}
  43.         {% include 'blocks/header-accessibility.html.twig' %}
  44.         
  45.         {% include 'blocks/header-langs.html.twig' %}
  46.     </div>
  48.     <div class="bg-[rgba(153,159,171,0.2)] dark:bg-white dark:border-t dark:border-b dark:border-black">
  49.         <div class="navbar container px-0 flex flex-col md:flex-row justify-between overflow-hidden dark:text-black dark:font-bold">
  51.             {% for item in main_navigation.nav %}
  52.                 {% if not item.children|default(null) %}
  53.                     <a href="{{ item.href }}" target="{{ item.target }}">{{ item.text }}</a>
  54.                 {% else %}
  55.                     <div class="dropdown">
  56.                         <button class="dropbtn">
  57.                             {{ item.text }}
  58.                         </button>
  59.                         <div class="dropdown-content">
  60.                             {% for child in item.children %}
  61.                                 <a href="{{ child.href }}" target="{{ child.target }}">{{ child.text }}</a>
  62.                             {% endfor %}
  63.                         </div>
  64.                     </div>
  65.                 {% endif %}
  66.             {% endfor %}
  69.         </div>
  70.     </div>
  72. </header>
  74. {# MOBILE HEADER #}
  75. <header class="shadow-[0_2px_4px_rgba(0,0,0,0.06)] dark:shadow-none md:hidden py-5 orgs-model-wrapper">
  76.     <div class="container flex flex-row content-center justify-between align-center">
  78.         <div class="flex flex-row space-around gap-x-4 basis-1/3">
  80.             {% include 'blocks/header-langs.html.twig' %}
  82.         </div>
  84.         <div class="flex flex-row gap-4 self-center basis-1/3">
  85.             <a class="self-center" href="{{ path('homepage') }}">
  86.                 <img class="w-[50px] md:w-full" src="/img/logo/{{ current_request.domain }}.png" alt="">
  87.             </a>
  89.             <a class="self-center" href="{{ path('homepage') }}">
  90.                 <img class="w-[50px] md:w-full" src="/img/gerb.png" alt="">
  91.             </a>
  92.         </div>
  94.         <div class="basis-1/3">
  95.             <input id="menu-toggle" type="checkbox"/>
  97.             <label class='menu-button-container z-10' for="menu-toggle">
  98.                 <div class='menu-button'></div>
  99.             </label>
  101.             <div class="menu overflow-hidden">
  103.                 <div class="container my-6 !block">
  104.                     {% include 'blocks/header-search.html.twig' %}
  105.                 </div>
  107.                 <div class="container py-6 bg-[rgba(153,159,171,0.2)] dark:bg-white dark:border-t dark:border-b dark:border-black ">
  109.                     <div class="navbar  px-0 flex flex-col md:flex-row justify-between overflow-hidden dark:text-black dark:font-bold">
  110.                         {% for item in main_navigation.nav %}
  111.                             {% if not item.children|default(null) %}
  112.                                 <a href="{{ item.href }}" target="{{ item.target }}">{{ item.text }}</a>
  113.                             {% else %}
  114.                                 <div class="dropdown">
  115.                                     <button class="dropbtn">
  116.                                         {{ item.text }}
  117.                                     </button>
  118.                                     <div class="dropdown-content">
  119.                                         {% for child in item.children %}
  120.                                             <a href="{{ child.href }}" target="{{ child.target }}">{{ child.text }}</a>
  121.                                         {% endfor %}
  122.                                     </div>
  123.                                 </div>
  124.                             {% endif %}
  125.                         {% endfor %}
  126.                     </div>
  128.                     <div class="text-center my-4">
  129.                         <div class="mx-12 border border-[#cda062] px-4 py-2 my-4">
  130.                             {% include 'blocks/header-accessibility-mobile.html.twig' %}
  131.                         </div>
  132.                     </div>
  133.                 </div>
  135.             </div>
  137.         </div>
  139.     </div>
  141. </header>