src/Aviatur/TwigBundle/Resources/views/aviatur/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-flight js-searchForm js-searchFormCar s:pt-12 xs:pt-12" style="width: 100%">
  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 main__header clearfix text-center">
  31.         <h1 class="search__title-principal-flight hide-availengine tooltipse w-full l:text-left s:flex xs:flex">
  32.             <i class="icon icon_bundle_car search__title__icon hide-lap-and-up hide-palm"></i>
  33.             {% if articulo is defined %}
  34.             <b class="text-white font-semibold font-[Roboto] text-3xl w-full text-center m:text-2xl s:text-xl xs:text-xl mx-3 ">Encuentre el carro ideal para su viaje</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="text-white font-semibold font-[Roboto] text-3xl w-full text-center  m:text-2xl s:text-xl xs:text-xl mx-3 ">Encuentre el carro ideal para su viaje</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.     <div class="search__light--box-opaque-palm">
  50.         {# <hr class="form-horizontal-line-palm"> #}
  52.         <section id="carOptions" class="search__row-main-flight">
  53.             <div class="clearfix js-flights">
  54.                 <div class="js-slideContent">
  55.                     <div class="wrapper-susy" style="display: flex; justify-content: space-between;">
  56.                         {# CITIES #}
  58.                             <div id="origin1Id" class="search__col-flight-city-flight dispo__col-search js-sameCity-origin">
  59.                                 <label class="label-top" for="origin1Validate">Ciudad de Origen</label>
  60.                                 <div class="form-group">
  61.                                     <input type="hidden" name="parameters[origin1]" id="origin1">
  62.                                     <i class="icon icon_search_close icon__input icon__input--click js-empty"></i>
  63.                                     <input id="origin1Validate" class="text-input-flight input--white js-searchErrorInput js-scrollToTop js-selectOnFocus ui-autocomplete-input" type="text" name="parameters[origin1Validate]" placeholder="Ciudad de Origen">
  64.                                 </div>
  65.                             </div>
  66.                             {# este campo esta oculto, se activa si das click en "devolver en otro sitio" #}
  67.                             <div id="destination1Id" class="search__col-flight-city-flight dispo__col-search js-sameCity-destination" style="display:none;">
  68.                                 <label class="label-top" for="origin1Validate">Ciudad de Destino</label>
  69.                                 <div class="form-group">
  70.                                     <input type="hidden" id="destination1" name="parameters[destination1]">
  71.                                     <i class="icon icon_search_close icon__input icon__input--click js-empty"></i>
  72.                                     <input id="destination1Validate" class="text-input-flight input--white js-searchErrorInput js-scrollToTop js-selectOnFocus ui-autocomplete-input" type="text" name="parameters[destination1Validate]" placeholder="Ciudad de Destino">
  73.                                 </div>
  74.                             </div>
  75.                         {# END CITIES #}
  77.                         {# DATES #}
  78.                         <div style="display:contents;">
  79.                             <div id="datesdisplay1Id" class="dispo__col-search divider-left search__col-flight-date-flight js-sameCity-dates">
  80.                                 <label class="label-top" for="js-createDatepicker1">Fecha de recogida</label>
  81.                                 <div class="form-group">
  82.                                     <div class="relative icon__input--inline js-createDatepicker js-datepicker-container-open" data-input="#date1" data-instancenbr="1" role="button" tabindex="0" data-tabopen="1" style="display: flex;">
  83.                                         <input type="hidden" name="parameters[date1]" id="date1" readonly="readonly" style="display:none">
  84.                                         <input type="text" id="js-createDatepicker1" name="parameters[date1validate]" placeholder="Fecha de recogida" readonly="readonly" class="text-input text-input-flight input--white js-searchErrorInput js-inputDatepicker no-focus !text-sm" tabindex="-1">
  86.                                         <select name="parameters[time1]" id="time1"  class="select--clock text-input-flight input--white" style="font-size:14px !important; text-align:right; text-align-last:right;">
  87.                                             <option value="T00:00">12:00 a.m.</option>
  88.                                             <option value="T00:30">12:30 a.m.</option>
  89.                                             {% for i in 1..11 %}
  90.                                                 <option 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>
  91.                                                 <option value="T{% if i <= 9%}0{% endif %}{{i}}:30">{% if i <= 9 %}0{% endif %}{{i}}:30 a.m.</option>
  92.                                             {% endfor %}
  93.                                             <option value="T12:00">12:00 p.m.</option>
  94.                                             <option value="T12:30">12:30 p.m.</option>
  95.                                             {% for i in 1..11 %}
  96.                                                 <option value="T{{i + 12}}:00">{% if i <= 9%}0{% endif %}{{i}}:00 p.m.</option>
  97.                                                 <option value="T{{i + 12}}:30">{% if i <= 9%}0{% endif %}{{i}}:30 p.m.</option>
  98.                                             {% endfor %}
  99.                                         </select>
  100.                                     </div>
  101.                                 </div>
  102.                                 <label id="js-dateError" class="js-searchError label--error" style="display: none;"></label>
  103.                             </div>
  105.                             <div class="dispo__col-search divider-right search__col-flight-date-flight">
  106.                                 <label class="label-top" for="js-createDatepicker-return1">Fecha de entrega</label>
  108.                                 <div class="form-group search-dateGroup">
  109.                                     <div class="relative icon__input--inline js-createDatepicker js-datepicker-container-open is-active" data-input="#date-return1" data-instancenbr="1" role="button" tabindex="0" data-tabopen="1" style="display: flex">
  110.                                         <input type="hidden" name="parameters[date-return1]" id="date-return1" readonly="readonly" style="display:none">
  111.                                         <input type="text" id="js-createDatepicker-return1" name="parameters[date1validate]" placeholder="Fecha de entrega" readonly="readonly" class="text-input text-input-flight input--white js-searchErrorInput js-inputDatepicker js-text-input-flight no-focus !text-sm" tabindex="-1">
  113.                                         <select name="parameters[time1]" id="time-return1"  class="select--clock text-input-flight input--white" style="font-size:14px !important; text-align: right; text-align-last:right;">
  114.                                             <option value="T00:00">12:00 a.m.</option>
  115.                                             <option value="T00:30">12:30 a.m.</option>
  116.                                             {% for i in 1..11 %}
  117.                                                 <option 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>
  118.                                                 <option value="T{% if i <= 9%}0{% endif %}{{i}}:30">{% if i <= 9%}0{% endif %}{{i}}:30 a.m.</option>
  119.                                             {% endfor %}
  120.                                             <option value="T12:00">12:00 p.m.</option>
  121.                                             <option value="T12:30">12:30 p.m.</option>
  122.                                             {% for i in 1..11 %}
  123.                                                 <option value="T{{i + 12}}:00">{% if i <= 9%}0{% endif %}{{i}}:00 p.m.</option>
  124.                                                 <option value="T{{i + 12}}:30">{% if i <= 9%}0{% endif %}{{i}}:30 p.m.</option>
  125.                                             {% endfor %}
  126.                                         </select>
  127.                                     </div>
  128.                                 </div>
  129.                             </div>
  130.                         </div>
  131.                         {# END DATES #}
  133.                         {# END .search-body #}
  135.                         {# START .search-footer #}
  136.                         <div class="search__col-car-send-button js-searchButton">
  137.                             <a class="btn-circle search__footer__submit js-searchButton">
  138.                                 <svg width="24" height="24" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
  139.                                     <path d="M13.8001 25.3484C20.2869 25.3484 25.5455 20.1721 25.5455 13.7868C25.5455 7.40158 20.2869 2.22531 13.8001 2.22531C7.31329 2.22531 2.05469 7.40158 2.05469 13.7868C2.05469 20.1721 7.31329 25.3484 13.8001 25.3484Z" fill="#00c382" stroke="white" stroke-width="2.71293" stroke-linecap="round" stroke-linejoin="round"></path>
  140.                                     <path d="M28.4803 28.2407L22.0938 21.9541" stroke="white" stroke-width="2.71293" stroke-linecap="round" stroke-linejoin="round"></path>
  141.                                 </svg>
  142.                             </a>
  143.                             <span class="btn-title__car-send-button js-searchButton">Buscar en Autos</span>
  144.                         </div>
  145.                         {# END .search-footer #}
  146.                     </div>
  147.                 </div>
  148.             </div>
  149.         </section>
  150.         <div class="search__header clearfix mb-lg-0 grid justify-center l:justify-start">
  151.             <div style="float:left;" class="search__btn-group btn-group" role="group" aria-label="">
  152.                 <button type="button" class="btn tooltips js-sameCity s:!pl-4 xs:!pl-4" data-date="1">
  153.                     <span class="tooltips-content hidden-all">Devolver el vehículo en otro lugar</span>
  154.                     <i class="material-symbols-rounded flight-type checkedButtonCar" style="float: left;margin-right: 0.3rem;font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24; font-size:16px;">radio_button_unchecked</i>
  155.                     <span class="xs:text-left">Devolver el vehículo en otro lugar</span>
  156.                 </button>
  157.             </div>
  158.         </div>
  159.         <label id="js-destination1Error" class="js-searchError label--error" style="display: none;"></label>
  160.     </div>
  161. </form>