src/Aviatur/TwigBundle/Resources/views/octopus/Flux/Search/Car/carSearch_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-car js-searchForm js-searchFormCar">
  8.     {% if cookieLastSearch is defined and cookieLastSearch != null %}
  9.         <div style="display:none">
  10.             <p id="js-cookieLastSearch-origin">{{ cookieLastSearch.origin }}</p>
  11.             <p id="js-cookieLastSearch-originLabel">{{ cookieLastSearch.originLabel }}</p>
  12.             {#<p id="js-cookieLastSearch-destination">{{ cookieLastSearch.destination }}</p>
  13.             <p id="js-cookieLastSearch-destinationLabel">{{ cookieLastSearch.destinationLabel }}</p>#}
  14.             <p id="js-cookieLastSearch-date1">{{ cookieLastSearch.date1 }}</p>
  15.             <p id="js-cookieLastSearch-date2">{{ cookieLastSearch.date2 }}</p>
  16.         </div>
  17.     {% endif %}
  19.     {% if cookieLastSearchC is defined and cookieLastSearchC != null %}
  20.         <div style="display:none">
  21.             <p id="js-cookieLastSearch-origin">{{ cookieLastSearchC.origin1 }}</p>
  22.             <p id="js-cookieLastSearch-originLabel">{{ cookieLastSearchC.originLabel1 }}</p>
  23.             {#<p id="js-cookieLastSearch-destination">{{ cookieLastSearch.destination }}</p>
  24.             <p id="js-cookieLastSearch-destinationLabel">{{ cookieLastSearch.destinationLabel }}</p>#}
  25.             <p id="js-cookieLastSearch-date1">{{ cookieLastSearchC.date1 }}</p>
  26.             <p id="js-cookieLastSearch-date2">{{ cookieLastSearchC.date2 }}</p>
  27.         </div>
  28.     {% endif %}
  29.     {# START .search-header #}
  30.     <div class="search__header clearfix">
  31.         <h1 class="search__title hide-availengine">
  32.             <i class="icon icon_bundle_car search__title__icon hide-lap-and-up"></i>
  33.             {% if articulo is defined %}
  34.                 <b class="">Alquiler de autos</b>{% if app.session.has('operatorId') != 1 %}<b class="hide-portable">
  35.                     {% set info = articulo.url %}
  36.                     {% set info = info|replace({'-': ' '}) %}
  37.                     {% set contentInfo = json_decode(articulo.description, true) %}
  38.                     {% if contentInfo['type']=="autos"%}
  39.                         con {{info|capitalize}}
  40.                     {% endif %}
  41.                 </b>{% endif %}
  42.             {% else %}
  43.             <b class="">Alquiler de autos</b>{% if app.session.has('operatorId') != 1 %}<b class="hide-portable"> </b>{% endif %}
  44.             {% endif %}
  45.         </h1>
  46.     </div>
  47.     {# END .search-header #}
  48.     {# START .search-body #}
  49.     <section class="mb-2 pb-sm-4 search__row-main-flight">
  50.         <div id="carOptions" class="row-grids">
  51.             {# CITIES #}
  52.             <div class="col-6 sm-12 no-padding search__row-car-city" style="width: 50%; padding-top: 2%;">
  53.                 <div id="origin1Id" class="col-6 sm-12 dispo__col-search js-sameCity-origin">
  54.                     <div class="form-group xs:bg-white s:bg-white xs:w-[202%] s:w-[202%] xs:ml-[4%] s:ml-[4%]">
  55.                         <input type="hidden" name="parameters[origin1]" id="origin1">
  56.                         <i class="icon icon_search_close icon__input icon__input--click text-white js-empty xs:left-[190%] s:left-[190%] xs:text-black"></i>
  57.                         <input id="origin1Validate" class="text-input  js-searchErrorInput js-scrollToTop js-selectOnFocus xs:!text-[#5a5a5a] s:!text-[#5a5a5a]" type="text" name="parameters[origin1Validate]" placeholder="Ciudad de Origen">
  58.                         <label id="js-origin1Error" class="js-searchError label--error" style="display: none;"></label>
  59.                     </div>
  60.                 </div>
  61.                 {# este campo esta oculto, se activa si das click en "devolver en otro sitio" #}
  62.                 <div id="destination1Id" class="col-6 sm-12 dispo__col-search js-sameCity-destination" style="display:none">
  63.                     <div class="form-group">
  64.                         <input type="hidden" id="destination1" name="parameters[destination1]">
  65.                         <i class="icon icon_search_close icon__input icon__input--click js-empty text-white"></i>
  66.                         <input id="destination1Validate" class="text-input  js-searchErrorInput js-scrollToTop js-selectOnFocus" type="text" name="parameters[destination1Validate]" placeholder="Ciudad de Destino">
  67.                         <label id="js-destination1Error" class="js-searchError label--error" style="display: none;"></label>
  68.                     </div>
  69.                 </div>
  70.             </div>
  71.             {# END CITIES #}
  72.             {# DATES #}
  73.             <div id="datesdisplay1Id" class="col-6 sm-12 js-sameCity-dates has-feedback">
  74.                 <div class="col-6 sm-12 dispo__col-search">
  75.                     <div class="form-group">
  76.                         <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">
  77.                             <input type="hidden" name="parameters[date1]" id="date1" readonly="readonly" style="display:none">
  78.                             <input type="text" id="js-createDatepicker1" name="parameters[date1validate]" placeholder="Fecha Ida" readonly="readonly" class="text-input  js-searchErrorInput js-inputDatepicker no-focus" tabindex="-1">
  79.                             {# <img class="search-shared_datepicker-arrow-top js-datepicker-container-arrow-top hide-availengine" src="https://aviaturcdndev.z5.web.core.windows.net/assets/common_assets/img/icon/arrow_datepicker_top.png" alt="top-pointer"/> #}
  80.                         </div>
  81.                         <div class="">
  82.                             <select name="parameters[time1]" id="time1"  class="select--clock text-input  text-input--no-upper-border">
  83.                                 <option  class="text-grey" value="T00:00">12:00 a.m.</option>
  84.                                 <option  class="text-grey" value="T00:30">12:30 a.m.</option>
  85.                                 {% for i in 1..11 %}
  86.                                 <option  class="text-grey" value="T{% if i <= 9%}0{% endif %}{{i}}:00" {% if i == 10 %} selected="selected"{% endif %}>{% if i <= 9%}0{% endif %}{{i}}:00 a.m.</option>
  87.                                 <option  class="text-grey" value="T{% if i <= 9%}0{% endif %}{{i}}:30">{% if i <= 9 %}0{% endif %}{{i}}:30 a.m.</option>
  88.                                 {% endfor %}
  89.                                 <option  class="text-grey" value="T12:00">12:00 p.m.</option>
  90.                                 <option  class="text-grey" value="T12:30">12:30 p.m.</option>
  91.                                 {% for i in 1..11 %}
  92.                                     <option  class="text-grey" value="T{{i + 12}}:00">{% if i <= 9%}0{% endif %}{{i}}:00 p.m.</option>
  93.                                     <option  class="text-grey" value="T{{i + 12}}:30">{% if i <= 9%}0{% endif %}{{i}}:30 p.m.</option>
  94.                                 {% endfor %}
  95.                             </select>
  96.                         </div>
  97.                     </div>
  98.                 </div>
  99.                 <div class="col-6 sm-12 dispo__col-search">
  100.                     <div class="form-group search-dateGroup">
  101.                         <div class="relative icon__input--inline icon_search_calendar-out js-createDatepicker js-datepicker-container-open" data-input="#date-return1" data-instancenbr="1" role="button" tabindex="0" data-tabopen="1">
  102.                             <input type="hidden" name="parameters[date-return1]" id="date-return1" readonly="readonly" style="display:none">
  103.                             <input type="text" id="js-createDatepicker-return1" name="parameters[date1validate]" placeholder="Fecha Ida" readonly="readonly" class="text-input  js-searchErrorInput js-inputDatepicker no-focus" tabindex="-1">
  104.                             {# <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"/> #}
  105.                         </div>
  106.                         <div class="">
  107.                             <select name="parameters[time1]" id="time-return1"  class="select--clock text-input  text-input--no-upper-border">
  108.                                 <option class="text-grey" value="T00:00">12:00 a.m.</option>
  109.                                 <option class="text-grey" value="T00:30">12:30 a.m.</option>
  110.                                 {% for i in 1..11 %}
  111.                                     <option class="text-grey" value="T{% if i <= 9%}0{% endif %}{{i}}:00" {% if i == 10%}selected="selected"{% endif %}>{% if i <= 9%}0{% endif %}{{i}}:00 a.m.</option>
  112.                                     <option class="text-grey" value="T{% if i <= 9%}0{% endif %}{{i}}:30">{% if i <= 9%}0{% endif %}{{i}}:30 a.m.</option>
  113.                                 {% endfor %}
  114.                                 <option class="text-grey" value="T12:00">12:00 p.m.</option>
  115.                                 <option class="text-grey" value="T12:30">12:30 p.m.</option>
  116.                                 {% for i in 1..11 %}
  117.                                     <option class="text-grey" value="T{{i + 12}}:00">{% if i <= 9%}0{% endif %}{{i}}:00 p.m.</option>
  118.                                     <option class="text-grey" value="T{{i + 12}}:30">{% if i <= 9%}0{% endif %}{{i}}:30 p.m.</option>
  119.                                 {% endfor %}
  120.                             </select>
  121.                         </div>
  122.                     </div>
  123.                 </div>
  124.                 <label id="js-dateError" class="js-searchError label--error" style="display: none;"></label>
  125.             </div>
  126.             {# END DATES #}
  127.         </div>
  128.     </section>
  129.     {# END .search-body #}
  130.     {# START .search-footer #}
  131.     <div id="" class="search-car__col-advanced-options pull-right xs:text-[63%]">
  132.         <span class = "search__option sp-inset--tiny link-span js-sameCity" >Devolver el vehículo en otro lugar</span>
  133.     </div>
  134.     <div class="form-group clearfix">
  135.         <input type="button" value="Buscar" class="search__footer__submit btn btn--full btn--submit {% block package_submit_btn_2 %}js-searchButton{% endblock %} xs:ml-[36%] s:ml-[36%]">
  136.     </div>
  137.     {# END .search-footer #}
  138. </form>