src/Aviatur/TwigBundle/Resources/views/aval/Flux/Search/Package/packageSearch_engine.html.twig line 1

Open in your IDE?
  1. {% if inlineEngine is defined %}
  2.     {# if NOT desktop hompage, var from controller #}
  3.     {% set dispoEngine = true %}
  4. {% else %}
  5.     {% set dispoEngine = false %}
  6. {% endif %}
  7. <form action="" class="search__engine clearfix search-package js-searchForm js-searchFormPackage">
  8.     {% if cookieLastSearch is defined and cookieLastSearch != null %}
  9.         <div style="display:none">
  10.             <p id="js-cookieLastSearch-ProviderId">{{ cookieLastSearch.ProviderId }}</p>
  11.             <p id="js-cookieLastSearch-package">{{ cookieLastSearch.package }}</p>
  12.             <p id="js-cookieLastSearch-description">{{ cookieLastSearch.description }}</p>
  13.             <p id="js-cookieLastSearch-date1">{{ cookieLastSearch.date }}</p>
  14.         </div>
  15.     {% endif %}
  16.     {# START .search-header #}
  17.     <div class="search__header clearfix">
  18.         <h3 class="search__title hide-availengine">
  19.             <i class="icon icon_bundle_package search__title__icon hide-lap-and-up"></i>
  20.             <span class="">Comprar Paquetes</span><span class="hide-portable"> Baratos</span>
  21.         </h3>
  22.         <div class="search__btn-group btn-group" role="group" aria-label="Select package type">
  23.             <button type="button" id="activities" class="btn btn--accent tooltips js-toggleOptionsBtn" data-type="activities" title="Por actividades">
  24.                 {#<span class="tooltips-content hidden-all show-availengine">Ida y Vuelta</span>
  25.                 <i class="icon icon_flight_roundtrip"></i>#}
  26.                 <span class="">
  27.                     Por experiencias
  28.                 </span>
  29.             </button>
  30.             <button type="button" id="cities" class="btn btn--inactive tooltips js-toggleOptionsBtn" data-type="cities" title="Por ciudades">
  31.                 {#<span class="tooltips-content hidden-all show-availengine">Solo Ida</span>
  32.                 <i class="icon icon_flight_oneway"></i>#}
  33.                 <span class="">
  34.                     Por destinos
  35.                 </span>
  36.             </button>
  37.         </div>
  38.     </div>
  39.     {# END .search-header #}
  40.     {# START .search-body #}
  41.     <div class="wrapper-susy">
  43.         {# term type search 'personalizada' -> _* else 'especializado' #}
  44.         {% set packageOptions = {
  45.             'beach': {'term': 'playa', 'label': 'Playa', 'type': 'personalizada', 'id':'exp-playa'},
  46.             'culture': {'term': 'turismo-cultural', 'label': 'Cultural', 'type': 'personalizada', 'id':'exp-cultura'},
  47.             'ecotourism': {'term': 'ecoturismo', 'label': 'Ecoturismo', 'type': 'especializado', 'id':'exp-ecoturismo'},
  48.             'holiday': {'term': 'turismo-vacaciones', 'label': 'Vacaciones', 'type': 'personalizada', 'id':'exp-vacaciones'},
  49.             'archeology': {'term': 'arqueologico', 'label': 'Arqueológico', 'type': 'personalizada', 'id':'exp-arqueologico'},
  50.             'adventure': {'term': 'aventura', 'label': 'Aventura', 'type': 'personalizada', 'id':'exp-aventura'},
  51.             'honeymoon': {'term': 'luna-de-miel', 'label': 'Luna&nbsp;de&nbsp;miel', 'type': 'personalizada', 'id':'exp-lunaDeMiel'},
  52.             'birthday': {'term': 'quinceañeras', 'label': 'Quinceañeras', 'type': 'personalizada', 'id':'exp-quinceañeras'},
  53.             'exotic': {'term': 'exotic', 'label': 'Exotico', 'type': 'personalizada', 'id':'exp-exotico'},
  54.             'religious': {'term': 'turismo-religioso', 'label': 'Religioso', 'type': 'personalizada', 'id':'exp-peregrinacion'},
  55.             'lgbt': {'term': 'LGBTI', 'label': 'Turismo&nbsp;LGBTI', 'type': 'personalizada', 'id':'exp-LGBTI'},
  56.             'sport': {'term': 'turismo-deportivo', 'label': 'Deportivo', 'type': 'personalizada', 'id':'exp-deportivo'}
  57.         } %}
  59.         <div id="activitiesOptions" class="js-toggleOptions">
  60.             {% for key, option in packageOptions %}
  61.                 <div class="search__col-package form-group">
  62.                     <a {%if option.id is defined%} id="{{option.id}}" {%endif%} class="package-box js-packageSelect" href="/paquetes/{{ option.type }}/{{ option.term }}" {#data-select="{{ option.term }}" role="button" tabindex="0"#}>
  63.                         <div class="package-box__outline"></div>
  64.                         <div class="package-box__image packg-{{ key }}" style="background-image: url(/assets/aval_assets/img/package/types/{{ key }}.jpg);"></div>
  65.                         <div class="package-box__label-wrapper">
  66.                             <span class="package-box__label sp-inset--small">{{ option.label | raw }}</span>
  67.                         </div>
  68.                     </a>
  69.                 </div>
  70.             {% endfor %}
  71.         </div>
  73.         {% set citiesOptions = {
  74.             'bogota': {'term': 'bogota', 'label': 'Bogotá', 'type': 'personalizada', 'id':'des-Bogota'},
  75.             'medellin': {'term': 'medellin', 'label': 'Medellin', 'type': 'personalizada', 'id':'des-Medellin'},
  76.             'cali': {'term': 'Cali', 'label': 'Cali', 'type': 'personalizada', 'id':'des-Cali'},
  77.             'san-andres': {'term': 'san-andres', 'label': 'San&nbsp;Andres', 'type': 'personalizada', 'id':'des-SanAndres'},
  78.             'paris': {'term': 'paris', 'label': 'Paris', 'type': 'personalizada', 'id':'des-paris'},
  79.             'miami': {'term': 'miami', 'label': 'Miami', 'type': 'personalizada', 'id':'des-miami'},
  80.             'cancun': {'term': 'cancun', 'label': 'Cancun', 'type': 'personalizada', 'id':'des-cancun'}
  81.         } %}
  83.         <div id="citiesOptions" class="js-toggleOptions" style="display:none">
  84.             {% for key, option in citiesOptions %}
  85.                 <div class="search__col-package form-group">
  86.                     <a {%if option.id is defined%} id="{{option.id}}" {%endif%} class="package-box js-packageSelect" href="/paquetes/{{ option.type }}/{{ option.term }}" {#data-select="{{ option.term }}" role="button" tabindex="0"#}>
  87.                         <div class="package-box__outline"></div>
  88.                         <div class="package-box__image packg-{{ key }}" style="background-image: url(/assets/aval_assets/img/package/types/{{ key }}.jpg);"></div>
  89.                         <div class="package-box__label-wrapper">
  90.                             <span class="package-box__label sp-inset--small">{{ option.label | raw }}</span>
  91.                         </div>
  92.                     </a>
  93.                 </div>
  94.             {% endfor %}
  95.         </div>
  97. {#        <input type="hidden" id="js-packageOption" class="hidden-all" name="parameters[packageOption]" value=""/>#}
  102.         {# DATES #}
  103.         {#<div class="search__col-package dispo__col-search">
  104.             <div class="form-group">
  105.                 <div class="relative icon__input--inline icon_search_calendar-in js-createDatepicker js-datepicker-container-open" data-input="#date1" data-instancenbr="1" role="button" tabindex="0" data-tabopen="1">
  106.                     <input type="hidden" name="parameters[date1]" id="date1" readonly="readonly" style="display:none">
  107.                     <input type="text" id="js-createDatepicker1" name="parameters[date1validate]" placeholder="Fecha Ida" readonly="readonly" class="text-input input--white js-searchErrorInput js-inputDatepicker no-focus" tabindex="-1">
  108.                     <img class="search-shared_datepicker-arrow-top js-datepicker-container-arrow-top hide-availengine" src="{{ asset('assets/'~ agency_folder.assetStyle() ~'/img/icon/arrow_datepicker_top.png') }}" alt="top-pointer"/>
  109.                 </div>
  110.             </div>
  111.         </div>
  112.         <label id="js-dateError" class="label--error js-searchErrorWanted" style="display: none; margin-top: 20px;"></label> #}
  113.         {# END DATES #}
  114.         {#<div class="search__col-submit pull-right">
  115.             <div class="form-group js-responsive-submit">
  116.                 <input type="button" value="Buscar" class="search__footer__submit btn btn--full btn--submit {% block package_submit_btn_2 %}js-searchButton{% endblock %}">
  117.             </div>
  118.         </div>#}
  119.     </div>
  120.     {#
  121.     <div class="search__link-options sp-stack js-responsive-option-title">
  122.         <span class="search__option link-span sp-inset--tiny no-active js-slideToggle js-iconToggle" data-slidetoggle="js-options" role="button" tabindex="0">
  123.             <i class="icon icon_arrow_down material-symbols-outlined" data-icon1="icon_arrow_up" data-icon2="icon_arrow_down">arrow_drop_down</i>
  124.             Busqueda personalizada
  125.         </span>
  126.     </div>
  127.     <div class="wrapper-susy search-flight__options">
  128.         <div class="search-flight__col-advanced-options first-option js-options" style="display:none">
  129.             <div class="form-group">
  130.                 <i class="icon icon_search_close icon__input js-empty material-symbols-outlined">close</i>
  131.                 <input id="searchInputValidate" pattern="[a-z][A-Z]" class="text-input input--white js-searchErrorInput js-scrollToTop" type="text" name="parameters[searchInputValidate]" placeholder="e.g. Europa">
  132.                 <label id="js-searchInputError" class="label--error js-searchInputError" style="display: none;"></label>
  133.             </div>
  134.         </div>
  135.         <div class="search-flight__col-advanced-options last-option js-options" style="display:none">
  136.             <div class="form-group js-responsive-submit">
  137.                 <input type="button" value="Buscar" class="search__footer__submit btn btn--full btn--submit {% block package_submit_btn_2 %}js-searchButton{% endblock %}">
  138.             </div>
  139.         </div>
  140.     </div>
  141.     #}
  142.     {# END .search-body #}
  143. </form>