templates/website/parts/header.html.twig line 1

  1. <div class="mobile-menu d-none zIndex" id="mobile-navigation">
  2.     <div class="navigation-header">
  3.         <div class="ticket-buy">
  4.             <div class="buy-ticket-wrapper">
  5.                 <a href="{{ path('page_tickets') }}">
  6.                 <img style="width: 170px" src="{{ asset('static_images/buyTicket.png') }}" alt="buyTicket">
  7.                 <span>{{'Գնել Տոմս'|trans}}</span>
  8.                 </a>
  9.             </div>
  10.         </div>
  11.         <div class="close-button" id="close-button">
  12.             <i class="fas fa-times"></i>
  13.         </div>
  14.     </div>
  15.     <div class="navigation-body">
  16.         <div class="navigation-list">
  17.             {% for menu in get_menu() %}
  18.                 <div class="dropdown {{ menu.url }}_dropdown">
  19.                     <a class="btn btn-secondary dropdown-toggle {{ menu.url in app.request.requestUri ? 'active' : '' }}" href="/{{ app.request.locale }}/{{ menu.url }}" role="button" id="aboutUsDropdown"
  20.                        data-bs-toggle="dropdown" aria-expanded="false">
  21.                           <span class="btn-item">{{ menu.title }}</span>{% if menu.childMenu|length >  0 %} <i class="fas fa-chevron-down"></i>{% endif %}
  22.                     </a>
  23.                     {% if menu.childMenu|length >  0 %}
  24.                     <ul class="dropdown-menu" aria-labelledby="dropdownMenuLink">
  25.                         {% for child in menu.childMenu|sort((a, b) => a.position <=> b.position) %}
  26.                             {% if child.showInHeader %}
  27.                         <li class="{{ child.url in app.request.requestUri ? 'active' : '' }}"><a class="dropdown-item btn-item" href="/{{ app.request.locale }}/{{ child.url }}">{{ child.title }}</a></li>
  28.                             {% endif %}
  29.                         {% endfor %}
  30.                     </ul>
  31.                     {% endif %}
  32.                 </div>
  34.             {% endfor %}
  35.         </div>
  36.     </div>
  37.     <div class="navigation-footer">
  38.         <div class="social-icons">
  39.             {% if get_socials().instagram is not empty %}
  40.                 <div class="circle-icon">
  41.                     <a target="_blank" class="d-flex" href="{{ get_socials().instagram.url }}"><i class="fab fa-instagram"></i></a>
  42.                 </div>
  43.             {% endif %}
  44.             {% if get_socials().facebook is not empty %}
  46.                 <div class="circle-icon">
  47.                     <a target="_blank" class="d-flex" href="{{ get_socials().facebook.url }}"><i class="fab fa-facebook-f"></i></a>
  48.                 </div>
  49.             {% endif %}
  50.             {% if get_socials().linkedin is not empty %}
  51.                 <div class="circle-icon">
  52.                     <a target="_blank" class="d-flex" href="{{ get_socials().linkedin.url }}"><i class="fab fa-linkedin-in"></i></a>
  53.                 </div>
  54.             {% endif %}
  55.             {% if get_socials().youtube is not empty %}
  56.                 <div class="circle-icon">
  57.                     <a target="_blank" class="d-flex" href="{{ get_socials().youtube.url }}"><i class="fab fa-youtube"></i></a>
  58.                 </div>
  59.             {% endif %}
  60.             {% if get_socials().tiktok is not empty %}
  61.                 <div class="circle-icon">
  62.                     <a target="_blank" class="d-flex" href="{{ get_socials().tiktok.url }}"><i class="fab fa-tiktok"></i></a>
  63.                 </div>
  64.             {% endif %}
  65.             {% if get_socials().tripadvisor is not empty %}
  66.                 <div class="circle-icon">
  67.                     <a target="_blank" class="d-flex align-items-center" href="{{ get_socials().tripadvisor.url }}">{{ svg('public/static_images/svg/tripadvisor.svg')|raw }}</a>
  68.                 </div>
  69.             {% endif %}
  70.         </div>
  71.     </div>
  72. </div>
  73. {% if app.request.attributes.get('_route') != 'page_tickets' and app.request.attributes.get('_route') != 'page_ticket' and 'charity' not in app.request.pathInfo%}
  74.     <div class="fixed-wrapper-ticket">
  75.         <a href="{{ path('page_tickets') }}">
  76.             <div class="buy-ticket-wrapper">
  77.                 <img style="width: 170px" src="{{ asset('static_images/buyTicket.png') }}" alt="buyTicket">
  78.                 <span>{{'Գնել Տոմս'|trans}}</span>
  79.             </div>
  80.         </a>
  81.     </div>
  82. {% endif %}
  86. <div class="my-container-fluid zIndex">
  87.     <div class="wrapper-navbar">
  88.         <div class="bar">
  89.             <div class="nav-item wrapper-language">
  91.                 <a class="language {% if app.request.get('_locale') == 'hy' %} active{% endif %}" href="{{ path(app.request.get('_route'), app.request.get('_route_params')|merge({'_locale': 'hy'})) }}">
  92.                     <span class="language {% if app.request.get('_locale') == 'hy' %} active{% endif %}"> ARM</span>
  93.                 </a>
  94.                 <a class="language {% if app.request.get('_locale') == 'en' %} active{% endif %}" href="{{ path(app.request.get('_route'), app.request.get('_route_params')|merge({'_locale': 'en'})) }}">
  95.                     <span > ENG</span>
  96.                 </a>
  97.                 <a class="language {% if app.request.get('_locale') == 'ru' %} active{% endif %}" href="{{ path(app.request.get('_route'), app.request.get('_route_params')|merge({'_locale': 'ru'})) }}">
  98.                     <span > RU</span>
  99.                 </a>
  100.             </div>
  101.             <div class="nav-item wrapper-language-mobile">
  102.                 {% if  app.request.get('_locale') == 'hy'%}
  103.                     <span class="language {% if app.request.get('_locale') == 'hy' %} active{% endif %}"> ARM</span>
  104.                 {% endif %}
  105.                 {% if  app.request.get('_locale') == 'en'%}
  106.                     <span class="language {% if app.request.get('_locale') == 'en' %} active{% endif %}"> ENG</span>
  107.                 {% endif %}
  108.                 {% if  app.request.get('_locale') == 'ru'%}
  109.                     <span class="language {% if app.request.get('_locale') == 'ru' %} active{% endif %}"> RU</span>
  110.                 {% endif %}
  111.                 <div class="mobile-lang-wrapper">
  112.                     {% if  app.request.get('_locale') != 'hy'%}
  113.                         <a href="{{ path(app.request.get('_route'), app.request.get('_route_params')|merge({'_locale': 'hy'})) }}">
  114.                             <span class="language {% if app.request.get('_locale') == 'hy' %} active{% endif %}"> ARM</span>
  115.                         </a>
  116.                     {% endif %}
  117.                     {% if  app.request.get('_locale') != 'en'%}
  118.                         <a href="{{ path(app.request.get('_route'), app.request.get('_route_params')|merge({'_locale': 'en'})) }}">
  119.                             <span class="language {% if app.request.get('_locale') == 'en' %} active{% endif %}"> ENG</span>
  120.                         </a>
  121.                     {% endif %}
  122.                     {% if  app.request.get('_locale') != 'ru'%}
  123.                         <a  href="{{ path(app.request.get('_route'), app.request.get('_route_params')|merge({'_locale': 'ru'})) }}">
  124.                             <span class="language {% if app.request.get('_locale') == 'ru' %} active{% endif %}"> RU</span>
  125.                         </a>
  126.                     {% endif %}
  127.                 </div>
  128.             </div>
  129.             <div class="nav-item wrapper-phone">
  130.                 <span class="phone-circle">
  131.                     <i class="fas fa-phone"></i>
  132.                 </span>
  133.                 <span class="phone-number">
  134.                    <a href="tel:{{ get_contacts().phone|striptags }}">{{ get_contacts().phone|raw }}</a>
  135.                 </span>
  136.             </div>
  137.             <div class="nav-item wrapper-logo">
  138.                 <a href="{{ path('page_home') }}"><img src="{{ asset('static_images/logos/logo.png')}}" alt="logo"></a>
  139.             </div>
  140.             <div class="nav-item wrapper-register">
  141.                 <span class="user-circle">
  142.                     {% if app.user %}
  143.                         <a class="text-white" href="{{ path('page_profile') }}">{{ app.user.email|slice(0,1) }}</a>
  144.                     {% else %}
  145.                         <a class="color-darkblue" href="{{ path('app_register') }}"><i class="fas fa-user"></i></a>
  146.                     {% endif %}
  147.                 </span>
  148.                 <span class="register-text">
  149.                     {% if app.user %}
  151.                         {#                        {{ app.user.firstName ~ user.lastname }} #}
  152.                         <a href="{{ path('page_profile') }} ">{{ app.user.email }}</a>
  153.                     {% else %}
  154.                         <a class="color-darkblue" href="{{ path('app_register') }}"> {{ 'Գրանցվել Հիմա'|trans }}</a>
  156.                     {% endif %}
  158.                 </span>
  159.             </div>
  160.             <div class="nav-item wrapper-ticket">
  161.                 <a href="{{ path('page_tickets') }}">
  162.                     <div class="buy-ticket-wrapper">
  163.                         <img style="width: 170px" src="{{ asset('static_images/buyTicket.png') }}" alt="buyTicket">
  164.                         <span>{{'Գնել Տոմս'|trans}}</span>
  165.                     </div>
  166.                     <img class="ticket-hover" src="{{ asset('static_images/ticket-hover.png') }}" alt="ticket">
  167.                 </a>
  168.             </div>
  169.             <div class="nav-item wrapper-menu" id="menu">
  170.                 <i class="fas fa-bars"></i>
  171.             </div>
  172.         </div>
  173.     </div>
  174.     <div class="head-working-hours">
  175.          {{ get_contacts().working|raw }}
  176.     </div>
  177.     <div class="navigation">
  178.         {% for menu in get_menu() %}
  179.             <div class="dropdown {{ menu.url }}_dropdown">
  180.                 <a href="/{{ app.request.locale }}/{{ menu.url }}" data-mdb-button-init
  181.                    data-mdb-ripple-init data-mdb-dropdown-init
  182.                    class="btn btn-primary dropdown-toggle {% if menu.childMenu|length >  0 %} hasChild{% endif %} {{ menu.url in app.request.requestUri ? 'active' : '' }}"
  183.                    type="button"
  184.                    id="dropdownMenuButton"
  185.                    data-mdb-toggle="dropdown"
  186.                    aria-expanded="false"
  187.                 >
  188.                     {{ menu.title }}
  189.                 </a>
  190.                 {% if menu.childMenu|length >  0 %}
  191.                     <ul class="dropdown-menu" aria-labelledby="dropdownMenuButton">
  192.                         {% for child in menu.childMenu|sort((a, b) => a.position <=> b.position) %}
  193.                             {% if child.showInHeader %}
  194.                                 <li class="{{ child.url in app.request.requestUri ? 'active' : '' }}"><a class="dropdown-item"
  195.                                                                                                          href="/{{ app.request.locale }}/{{ child.url }}">{{ child.title }}</a></li>
  196.                             {% endif %}
  197.                         {% endfor %}
  198.                     </ul>
  199.                 {% endif %}
  200.             </div>
  202.         {% endfor %}
  203.     </div>
  205. </div>
  206. <script type="text/javascript">
  207.     document.querySelectorAll('.btn-item').forEach((btn) => {
  208.         btn.addEventListener('click', function() {
  209.             window.location.href =
  210.            document.getElementById('mobile-navigation').classList.add('d-none')
  211.         });
  212.     })
  213.     document.querySelectorAll('#mobile-navigation .btn-item').forEach((btn) => {
  214.         btn.addEventListener('click', function() {
  215.             window.location.href = btn.parentElement.getAttribute('href')
  216.            document.getElementById('mobile-navigation').classList.add('d-none')
  217.         });
  218.     })
  219.     document.getElementById('menu').addEventListener('click',function () {
  220.         if (document.getElementById('mobile-navigation').classList.contains('d-none')){
  221.             document.body.style.overflow = 'hidden';
  222.         }
  223.     })
  224.     document.getElementById('close-button').addEventListener('click',function () {
  225.             document.body.style.overflow = 'auto';
  226.     })
  227. </script>