src/Elements/Bundle/DemiFrontendBundle/Resources/views/Includes/elements/search-info.desktop.html.twig line 1

Open in your IDE?
  1. {% set showSearchData = false %}
  2. {% set from = elements_customDateFormat(app.request.get('from')) %}
  3. {% set to = elements_customDateFormat(app.request.get('to')) %}
  4. {% set units = 0 %}
  5. {% set guests = 0 %}
  6. {% set roomrows = searchParam.getRoomrows() %}
  7. {% set hasPackageContainer = hasPackageContainer is defined ? hasPackageContainer : false %}
  8. {% if isAffiliate is not defined %}
  9.     {% set isAffiliate = false %}
  10. {% endif %}
  11. {% if roomrows is iterable %}
  12.     {% for roomrow in roomrows %}
  13.         {% set units = units + roomrow.getUnits() %}
  14.         {% set guests = guests + roomrow.getAdults() %}
  15.         {% if roomrow.getChildAges() is iterable %}
  16.             {% set guests = guests + roomrow.getChildAges() | length %}
  17.         {% endif %}
  18.         {% if roomrow.getChildBirthdays() is iterable %}
  19.             {% set guests = guests + roomrow.getChildBirthdays() | length %}
  20.         {% endif %}
  21.     {% endfor %}
  22. {% endif %}
  23. <script data-cookieconsent="ignore">
  24.     _config.searchData = true;
  25. </script>
  26. <section class="search-info {{ accommodation is defined ? 'acco-detail' :  '' }} {{ isSearch ? '' : 'js-search-data__show-if-submitted' }}" {{ not isSearch and not availabilityIsChecked ? 'hidden' : '' }}>
  27.     <div class="row row--gutter-width-0">
  28.         {% if historyBack is defined %}
  29.             <div class="col col-auto">
  30.                 <button type="button" onclick="history.back()" class="search-info__back-btn btn-no-styling ">
  31.                     <span class="demi-icon demi-icon-chevron-left f17" aria-label="{{ 'demi.back' | trans }}" title="{{ 'demi.back' | trans }}"></span>
  32.                 </button>
  33.             </div>
  34.         {% endif %}
  36.         <div class="col">
  37.             <div class="search-info__data">
  38.                 <div class="row row--gutter-width-xl-60 align-items-center js-search-data__show-if-submitted" {{ availabilityIsChecked ? '' : 'hidden' }}>
  39.                     <div class="col col-auto search-info-item js-overlay__toggle" data-target="#search-overlay">
  40.                         <div class="row">
  41.                             <div class="col col-auto">
  42.                                 <span class="demi-icon demi-icon-calendar-insert mr-1 icon-in-text text-primary" title="{{ 'demi.search.travel-period' | trans }}" aria-label="{{ 'demi.search.travel-period' | trans }}"></span>
  43.                                 {% if from is not instanceof("\\Carbon\\Carbon") %}
  44.                                     {% set from = carbon() %}
  45.                                 {% endif %}
  46.                                 {% if to is not instanceof("\\Carbon\\Carbon") %}
  47.                                     {% set to = date('+7days') %}
  48.                                 {% endif %}
  49.                                 <time datetime="2017-06-16" class="js-search-data__arrival">{{ elements_dateFormat(from, "date-day_date_long") }}</time>
  50.                                 <span class="search-info__from-to-icon demi-icon demi-icon-arrow-from-to mx-2 text-primary"></span>
  51.                                 <time datetime="2017-06-22" class="js-search-data__departure">{{ elements_dateFormat(to, "date-day_date_long") }}</time>
  52.                             </div>
  53.                         </div>
  55.                     </div>
  56.                     {% if not document.property("demi_hideVacancySearch") %}
  57.                     <div class="col col-auto search-info-item js-overlay__toggle" data-target="#search-overlay">
  58.                         <div class="search-info-item__data">
  59.                             <span class="demi-icon demi-icon-nights mr-1 icon-in-text text-primary" title="{{ "demi.nights" | trans }}" aria-label="{{ "demi.nights" | trans }}"></span>
  60.                             <span class="js-search-data__nights">{{ units }}</span>
  61.                         </div>
  62.                     </div>
  64.                     <div class="col col-auto search-info-item js-overlay__toggle" data-target="#search-overlay">
  65.                         <div class="search-info-item__data">
  66.                             <span class="demi-icon demi-icon-bed mr-1 icon-in-text text-primary" title="{{ "demi.search.rooms" | trans }}" aria-label="{{ "demi.search.rooms" | trans }}"></span>
  67.                             <span class="js-search-data__rooms">{{ units }}</span>
  68.                         </div>
  69.                     </div>
  70.                     <div class="col col-auto search-info-item js-overlay__toggle" data-target="#search-overlay">
  71.                         <div class="search-info-item__data">
  72.                             <span class="demi-icon demi-icon-person mr-1 icon-in-text text-primary" title="{{ "demi.search.persons" | trans }}" aria-label="{{ "demi.search.persons" | trans }}"></span>
  73.                             <span class="js-search-data__persons">{{ guests }}</span>
  74.                         </div>
  75.                     </div>
  76.                     <div class="col col-auto">
  77.                         <button type="button" class="btn btn-{{ accommodation is defined ? 'default' : 'success' }} js-overlay__toggle search-info-search-button" data-target="#search-overlay">
  78.                             {{ "demi.search.change" | trans }}
  79.                         </button>
  80.                     </div>
  81.                     {% endif %}
  82.                 </div>
  84.                 <div class="js-search-data__hide-if-submitted row row--gutter-width-20 align-items-center" {{ availabilityIsChecked ? 'hidden' : '' }}>
  85.                     {% if isSearch and not hasPackageContainer and not isAffiliate %}
  86.                         <div class="col col-auto">
  87.                             <h1 class="m-0 h2">{{ not editmode ? pimcore_input('headline') : '' }}</h1>
  88.                         </div>
  89.                     {% endif %}
  90.                     {% if not document.property("demi_hideVacancySearch") %}
  91.                     <div class="col{{ isAffiliate ? ' text-center' : '' }}">
  92.                         <button type="button" class="btn btn-success js-overlay__toggle{{ isAffiliate ? ' btn-lg' : '' }}" data-target="#search-overlay">
  93.                             {{ "demi.list.search-vacancies-button" | trans }}
  94.                         </button>
  95.                     </div>
  96.                     {% endif %}
  97.                 </div>
  98.             </div>
  99.         </div>
  101.     {% if not isAffiliate %}
  102.         <div class="col col-auto search-info__hotline d-none d-lg-block">
  103.             {{ pimcore_inc(demi_core_configuration("getContactSnippet", []), {"headerVersion" : true}) }}
  104.         </div>
  105.     {% endif %}
  106.     </div>
  107. </section>
  108. {% set showMoreOptions = not pimcore_relation('filterSnippet').empty ? demi_showMoreFilterOptions(pimcore_relation('filterSnippet').getElement()) %}
  109. {% set showMoreOptions = accommodation is defined ? false : showMoreOptions %}
  110. {% if noSearchOverlay is not defined and not editmode %}
  111.     {{ include('@ElementsDemiFrontend/Includes/overlays/search.html.twig', {
  112.         'filterSnippet' : pimcore_relation('filterSnippet').getData(),
  113.         'searchParam' : searchParam,
  114.         'noDate' : noDate is defined ? noDate : searchParam.isNoDate(),
  115.         'isSearch' : true,
  116.         'modifierClass' : isAffiliate ? 'overlay--centered-top' : 'overlay--centered',
  117.         'showMoreOptions' : showMoreOptions
  118.     }) }}
  119. {% endif %}