src/Aviatur/TwigBundle/Resources/views/aviatur/Custom/App/header/navbar-items.html.twig line 1

Open in your IDE?
  1. {%
  2.     set menu_items = [
  3.         {
  4.             'name': 'Vuelos',
  5.             'svgicon': '<svg fill="" xmlns="http://www.w3.org/2000/svg" height="22" viewBox="0 -960 960 960" width="22">
  6.                             <path
  7.                                 d="m274-274-128-70 42-42 100 14 156-156-312-170 56-56 382 98 157-155q17-17 42.5-17t42.5 17q17 17 17 42.5T812-726L656-570l98 382-56 56-170-312-156 156 14 100-42 42-70-128Z">
  8.                             </path>
  9.                         </svg>',
  10.             'url': path('aviatur_search_flights'),
  11.             'target_blank': false,
  12.         },
  13.         {
  14.             'name': 'Hoteles',
  15.             'svgicon': '<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill=""><path d="M40-200v-600h80v400h320v-320h320q66 0 113 47t47 113v360h-80v-120H120v120H40Zm240-240q-50 0-85-35t-35-85q0-50 35-85t85-35q50 0 85 35t35 85q0 50-35 85t-85 35Zm240 40h320v-160q0-33-23.5-56.5T760-640H520v240ZM280-520q17 0 28.5-11.5T320-560q0-17-11.5-28.5T280-600q-17 0-28.5 11.5T240-560q0 17 11.5 28.5T280-520Zm0-40Zm240-80v240-240Z"/></svg>',
  16.             'url': path('aviatur_search_hotels'),
  17.             'target_blank': false,
  18.         },
  19.         {
  20.             'name': 'Arme su plan',
  21.             'svgicon': '<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill=""><path d="M280-320q0-33 23.5-56.5T360-400q33 0 56.5 23.5T440-320q0 33-23.5 56.5T360-240q-33 0-56.5-23.5T280-320Zm200-80h240q33 0 56.5 23.5T800-320v280h-80v-80H240v80h-80v-400h80v240h240v-200Zm150-40L512-654 406-548l10 68-30 30-47-88-88-48 30-30 68 9 106-106-215-117 38-38 264 68 108-108q12-12 29-12t29 12q12 12 12 29t-12 29L600-742l68 264-38 38Zm90 240v-120H560v120h160Zm-160 0v-120 120Z"/></svg>',
  22.             'url': path('aviatur_search_flight_hotel_car'),
  23.             'target_blank': false,
  24.         },
  25.         {
  26.             'name': 'Paquetes',
  27.             'svgicon': '<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill=""><path d="M784-120 530-374l56-56 254 254-56 56Zm-546-28q-60-60-89-135t-29-153q0-78 29-152t89-134q60-60 134.5-89.5T525-841q78 0 152.5 29.5T812-722L238-148Zm8-122 54-54q-16-21-30.5-43T243-411q-12-22-21-44t-16-43q-11 59-1.5 118T246-270Zm112-110 222-224q-43-33-86.5-53.5t-81.5-28q-38-7.5-68.5-2.5T296-666q-17 18-22 48.5t2.5 69q7.5 38.5 28 81.5t53.5 87Zm278-280 56-54q-53-32-112-42t-118 2q22 7 44 16t44 20.5q22 11.5 43.5 26T636-660Z"/></svg>',
  28.             'url': "https://paquetes.aviatur.com/",
  29.             'target_blank': false,
  30.         },
  31.         {
  32.             'name': 'Autos',
  33.             'svgicon': '<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill=""><path d="M240-200v40q0 17-11.5 28.5T200-120h-40q-17 0-28.5-11.5T120-160v-320l84-240q6-18 21.5-29t34.5-11h440q19 0 34.5 11t21.5 29l84 240v320q0 17-11.5 28.5T800-120h-40q-17 0-28.5-11.5T720-160v-40H240Zm-8-360h496l-42-120H274l-42 120Zm-32 80v200-200Zm100 160q25 0 42.5-17.5T360-380q0-25-17.5-42.5T300-440q-25 0-42.5 17.5T240-380q0 25 17.5 42.5T300-320Zm360 0q25 0 42.5-17.5T720-380q0-25-17.5-42.5T660-440q-25 0-42.5 17.5T600-380q0 25 17.5 42.5T660-320Zm-460 40h560v-200H200v200Z"/></svg>',
  34.             'url':  path('aviatur_search_cars'),
  35.             'target_blank': false,
  36.         },
  37.         {
  38.             'name': 'Experiencias',
  39.             'svgicon': '<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill=""><path d="M80-80v-186l350-472-70-94 64-48 56 75 56-75 64 48-70 94 350 472v186H80Zm400-591L160-240v80h120l200-280 200 280h120v-80L480-671ZM378-160h204L480-302 378-160Zm102-280 200 280-200-280-200 280 200-280Z"/></svg>',
  40.             'url': "https://portal.aviatur.com/experiencias",
  41.             'target_blank': false,
  42.         },
  43.         {
  44.             'name': 'Cruceros',
  45.             'svgicon': '<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill=""><path d="M479-418ZM158-200 82-468q-3-12 2.5-28t23.5-22l52-18v-184q0-33 23.5-56.5T240-800h120v-120h240v120h120q33 0 56.5 23.5T800-720v184l52 18q21 8 25 23.5t1 26.5l-76 268q-50 0-91-23.5T640-280q-30 33-71 56.5T480-200q-48 0-89-23.5T320-280q-30 33-71 56.5T158-200ZM80-40v-80h80q42 0 83-13t77-39q36 26 77 38t83 12q42 0 83-12t77-38q36 26 77 39t83 13h80v80h-80q-42 0-82-10t-78-30q-38 20-78.5 30T480-40q-41 0-81.5-10T320-80q-38 20-78 30t-82 10H80Zm160-522 240-78 240 78v-158H240v158Zm240 282q47 0 79.5-33t80.5-89q48 54 65 74t41 34l44-160-310-102-312 102 46 158q24-14 41-32t65-74q50 57 81.5 89.5T480-280Z"/></svg>',
  46.             'url': path('aviatur_search_cruise'),
  47.             'target_blank': false,
  48.         },
  49.         {
  50.             'name': 'Disney',
  51.             'svgicon': '<svg width="19" height="15" fill="#042A44" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19 15">
  52.                             <path fill-rule="evenodd" clip-rule="evenodd"
  53.                                 d="M7.23 4.181c0 .112-.007.223-.019.333a5.892 5.892 0 0 1 1.966-.334c.691 0 1.353.118 1.963.333a3.138 3.138 0 0 1-.018-.332c0-1.843 1.607-3.337 3.588-3.337 1.982 0 3.588 1.494 3.588 3.337 0 1.843-1.606 3.337-3.588 3.337a3.9 3.9 0 0 1-.357-.016c.232.567.358 1.182.358 1.825 0 2.843-2.478 5.147-5.534 5.147-3.057 0-5.534-2.304-5.534-5.147 0-.643.126-1.258.358-1.825a3.903 3.903 0 0 1-.36.016C1.659 7.518.053 6.024.053 4.181.053 2.338 1.659.844 3.64.844S7.229 2.338 7.229 4.18Z"
  54.                                 fill="#042A44">
  55.                             </path>
  56.                         </svg>',
  57.             'url': "https://portal.aviatur.com/Disney",
  58.             'target_blank': true,
  59.         },
  60.         {
  61.             'name': 'Asistencia',
  62.             'svgicon': '<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill=""><path d="M160-80q-33 0-56.5-23.5T80-160v-480q0-33 23.5-56.5T160-720h160v-80q0-33 23.5-56.5T400-880h160q33 0 56.5 23.5T640-800v80h160q33 0 56.5 23.5T880-640v480q0 33-23.5 56.5T800-80H160Zm0-80h640v-480H160v480Zm240-560h160v-80H400v80ZM160-160v-480 480Zm280-200v120h80v-120h120v-80H520v-120h-80v120H320v80h120Z"/></svg>',
  63.             'url': path('aviatur_search_insurance'),
  64.             'target_blank': false,
  65.         },
  66.     ]  
  67. %}
  68. {% set is_transparent = false %}
  69. {% for menu_item in menu_items %}
  70.     {%if(app.request.pathinfo == menu_item.url or (app.request.pathinfo == '/' and menu_item.name == 'Vuelos')) %}
  71.         {% set is_transparent = true %}
  72.     {% endif %}
  73. {% endfor %}
  74. <!--  
  75.     is_transparent evaluate if the navbar will be always white || transparent in mobile
  76. -->
  77. <nav
  78.     class="{{is_transparent ? 'bg-transparent text-white lg:bg-white lg:text-[#5A5A5A] lg:shadow-[0px_4px_8px_0px_rgba(0,_0,_0,_0.05)]' : 'bg-white text-[#5A5A5A] shadow-[0px_4px_8px_0px_rgba(0,_0,_0,_0.05)]'}} absolute flex flex-col w-full h-14 px-5 items-center justify-center font-normal text-base font-ubuntu md:px-8 lg:px-6">
  79.     <span class="{{is_transparent ? 'bg-white lg:invert lg:opacity-30' : 'bg-black opacity-30'}} relative flex w-full h-px opacity-40  mb-[-3px]"></span>
  80.     <ul class="flex w-full h-full items-center gap-3 overflow-x-scroll overflow-y-hidden scrollBarHidden md:gap-4 lg:gap-8 whitespace-nowrap" itemscope itemtype="https://schema.org/SiteNavigationElement">
  81.         {% for menu_item in menu_items %}
  82.             {%if(app.request.pathinfo == menu_item.url or (app.request.pathinfo == '/' and menu_item.name == 'Vuelos')) %}
  83.                 <a class="{{is_transparent ? 'text-white hover:text-white lg:text-[#042A44] lg:hover:text-[#042A44]': 'text-[#042A44]'}} font-bold relative flex flex-nowrap gap-1.5 items-center justify-center hover:!font-bold"
  84.                     href="{{ menu_item.url}}" data-nav="{{menu_item.name | lower}}" {{menu_item.target_blank ? "target='_blank'" : "target='_self'"}}>
  85.                     <span class="{{is_transparent ? 'bg-white lg:invert lg:bg-[#042A44]': 'bg-[#042A44]' }} absolute flex w-full h-[3px] rounded-md top-[-15px]"></span>
  86.                     <div class="{{is_transparent ? 'fill-white lg:fill-[#042A44]' : 'fill-[#042A44]'}}">
  87.                         {{ menu_item.svgicon | raw }}
  88.                     </div>
  89.                     {{menu_item.name}}
  90.                 </a>
  91.             {% else %}
  92.                 <a class="{{is_transparent ? 'text-white hover:text-white lg:text-[#5A5A5A] lg:hover:!text-[#042A44]' : 'text-[#5A5A5A]'}} font-normal relative flex flex-nowrap gap-1.5 items-center justify-center hover:!font-bold"
  93.                     href="{{ menu_item.url }}" data-nav="{{menu_item.name | lower}}" {{menu_item.target_blank ? "target='_blank'" : "target='_self'"}}>
  94.                     {{menu_item.name}}
  95.                 </a>
  96.             {% endif %}
  97.         {% endfor %}
  98.     </ul>
  99. </nav>
  101. {# <script src='{{ script('GeneralBundle//es6test.js') }}'></script>
  102. <script src='{{ script('GeneralBundle//es6test2.js') }}'></script> #}