src/Elements/Bundle/DemiFrontendBundle/Resources/views/Includes/teaser/room-availabilities.html.twig line 1

Open in your IDE?
  1. {#
  2. /**
  3.  * @var \Pimcore\Templating\PhpEngine this
  4.  * @var \Pimcore\Templating\PhpEngine view
  5.  * @var \Pimcore\Templating\GlobalVariables app
  6.  *
  7.  * @var \Elements\Demi\Model\AccommodationServiceProvider accommodation
  8.  * @var \Elements\Demi\Model\AccommodationProduct product
  9.  */
  10. #}
  12. {% set ajaxUrl = demi_demiUrl({
  13.     'accommodation' : accommodation
  14. }, 'demi_acco_ajax') %}
  15. {% if "?" in ajaxUrl %}
  16.     {% set ajaxUrl = (ajaxUrl | split("?"))[0] %}
  17. {% endif %}
  18. {% set availabilityCalendarUrl = ajaxUrl~"?ajaxRequestType=getAvailabilityCalendar&productId="~product.getId() %}
  20. <div id="availabilities-{{ product.getId() }}"
  21.      class="collapse"
  22.      aria-expanded="false"
  23.      data-parent="#room-row-collapse-parent-{{ product.getId() }}">
  24.     {% if pimcore_device().isPhone() %}
  25.         <hr class="m-0">
  26.     {% endif %}
  28.     <div class="{{ pimcore_device().isPhone() ? 'card-body' : 'room-selection-box border-top-0'}}">
  29.         <script>
  30.             _config.availabilitiesCalendar = true;
  31.         </script>
  33.         <div class="js-availabilities-calendar datepicker datepicker--static datepicker--group-loading"
  34.              data-availabilities-url="{{ availabilityCalendarUrl }}"></div>
  36.         <div class="datepicker-legend mt-3 pl-3">
  37.             <div class="row justify-content-center">
  38.                 <div class="col">
  39.                     <span class="mr-1 datepicker-legend__cell datepicker-legend__cell--available"></span>
  40.                     {{ 'demi.detail.room-availabilities.available' | trans }}
  41.                 </div>
  42.                 <div class="col">
  43.                     <span class="mr-1 datepicker-legend__cell datepicker-legend__cell--available-no-arrival"></span>
  44.                     {{ 'demi.detail.room-availabilities.available' | trans }},
  45.                     {{ 'demi.detail.room-availabilities.arrival-not-possible' | trans }}
  46.                 </div>
  47.                 <div class="col">
  48.                     <span class="mr-1 datepicker-legend__cell datepicker-legend__cell--departure-only"></span>
  49.                     {{ 'demi.detail.room-availabilities.only-departure' | trans }}
  50.                 </div>
  51.                 <div class="col">
  52.                     <span class="mr-1 datepicker-legend__cell datepicker-legend__cell--not-available"></span>
  53.                     {{ 'demi.detail.room-availabilities.not-available' | trans }}
  54.                 </div>
  55.             </div>
  56.         </div>
  58.         <div class="row  mt-4">
  59.             <div class="col"></div>
  60.             <div class="col-auto">
  61.                 {% if not document.property("demi_hideVacancySearch") %}
  62.                 <button type="button" class="btn btn-default btn-block btn-lg js-overlay__toggle" data-target="#search-overlay">
  63.                     {{ "demi.list.search-vacancies-button" | trans }}
  64.                 </button>
  65.                 {% endif %}
  66.             </div>
  67.         </div>
  68.     </div>
  69. </div>