src/Elements/Bundle/DemiFrontendBundle/Resources/views/Includes/teaser/room-teaser-content.desktop.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\Accommodation\Search\ResultSet\Product product
  8.  * @var bool useCancellationInfo
  9.  * @var bool tableOnSide
  10.  * @var \Elements\Demi\Model\AccommodationServiceProvider accommodation
  11.  * @var array productData
  12.  * @var int count
  13.  * @var searchParam \Elements\Demi\Accommodation\Search\Parameter
  14. */ #}
  15. {% set accommodationProduct = pimcore_object(product.getProductId()) %}
  16. {% set roomRow = productData.roomRow[count].getRowObject() %}
  17. {% set priceData = product.getPriceData() %}
  18. {% set price = roomRow ? product.getPrice() : product.getBasePrice() %}
  19. {% set id = product.getProductId() %}
  21. {% set title = moreRoomRows ? ('demi.detail.room.select-headline-' ~ accommodationProduct.getAccommodationType() | lower) | trans  ~ " " ~ (count + 1) : accommodationProduct.getName() %}
  24. {% if searchParam and searchParam is instanceof("\\Elements\\Demi\\Accommodation\\Search\\AbstractParameter") and searchParam.getDateFrom() %}
  25.     {% set dateFrom = searchParam.getDateFrom() %}
  26.     {% if searchParam is instanceof("\\Elements\\Demi\\Package\\Search\\Parameter") %}
  27.         {% set mealArray =  [] %}
  28.     {% else %}
  29.         {% set mealArray = accommodationProduct.getValidMeals(searchParam.getPeriod(),searchParam.getDateFrom()) %}
  30.     {% endif %}
  32.     {% set liveMeal = product.getMealCode() %}
  33.     {% if liveMeal is not empty %}
  34.         {% set liveMealObj = demi_getClassByStringAndIdentifier("\\Elements\\Demi\\Model\\MealType", "getByFid", liveMeal) %}
  35.         {% if not liveMeal in mealArray | keys %}
  36.             {% set mealArray = [liveMealObj] %}
  37.         {% endif %}
  38.     {% else %}
  39.         {% set liveMealObj = null %}
  40.     {% endif %}
  41. {% else %}
  42.     {% set dateFrom = carbon().now() %}
  43.     {% set mealArray = accommodationProduct.getValidMeals(0, dateFrom) %}
  44. {% endif %}
  46. {% set href = (accommodationProduct and demi_hasRoomDetails(accommodationProduct, dateFrom, app.request.getLocale(), tableOnSide) and moreRoomRows != true) ? "#detail-" ~ id : "" %}
  48. <section class="js-room-selection__room-row"
  49.          data-room-row-id="{{ count }}"
  50.          data-initial-price="{{ product.getPrice() | number_format(2, '.','') }}"
  51.     {% if priceData and priceData.getPriceBeforeSpecial() > product.getPrice() %}
  52.         data-initial-price-before-special="{{ priceData.getPriceBeforeSpecial() | number_format(2, '.','') }}"
  53.     {% endif %}
  54.          data-room-row-title="{{ title }}">
  56.     <div class="room-selection-box  {{ moreRoomRows ? 'border-top-0' : '' }}">
  58.         <script type="text/javascript" data-cookieconsent="ignore">
  59.             _config.lightbox = true;
  60.             _config.lazyImg = true;
  61.         </script>
  63.         <div class="row row--gutter-width-20">
  64.             {% if moreRoomRows == null %}
  65.                 <div class="col-2 room-row__image d-flex flex-column">
  66.                     {% if priceData and priceData.getSpecialPriceType() is same as "None" and priceData.getSpecialPriceName() and moreRoomRows is null %}
  67.                         <div class="teaser__label bg-warning text-center p-1 small text-white strong">
  68.                             {% if priceData.getSplitPay() and priceData.getSplitStay()  and priceData.getSplitPay() != priceData.getSplitStay() %}
  69.                                 {{ demi_fillTranslation({
  70.                                     '[STAY]' : priceData.getSplitStay(),
  71.                                     '[PAY]' : priceData.getSplitPay()
  72.                                 }, 'demi.price-special-type.splitpay') }}
  73.                             {% else %}
  74.                                 {{ priceData.getSpecialPriceName() }}
  75.                             {% endif %}
  76.                         </div>
  77.                     {% endif %}
  78.                     {% if priceData and priceData.getSpecialPriceType() and priceData.getSpecialPriceType()!= priceData.getSpecialPriceName() and priceData.getSpecialPriceType() is not same as "None" %}
  79.                         <div class="teaser__label bg-warning text-center p-1 small text-white strong">
  80.                             {{ ("demi.price-special-type." ~ priceData.getSpecialPriceType() | lower) | trans }}
  81.                         </div>
  82.                     {% endif %}
  84.                     {% set useGal = true %}
  85.                     {% if images | length == 0 %}
  86.                         {% set images = [demi_core_configuration("getTeaserFallbackImage",{})] %}
  87.                         {% set useGal = false %}
  88.                     {% endif %}
  89.                     {% if images[0] %}
  90.                         {% set thumbnail = images[0].getThumbnail('demi-desktop-room-teaser') %}
  91.                     <button type="button" class="btn-no-styling teaser__img btn-show-gallery-container js-lightbox--open-lightbox"
  92.                             data-lightbox-target="#{{ product.getProductId() }}-lightbox"
  93.                             data-sub-html="{{ demi_getNameAndCopyrightForImage(images[0])}}"
  94.                             style="background-image:url({{ thumbnail }});"
  95.                         {% set nameAndCopyRight = demi_getNameAndCopyrightForImage(images[0], true) %}
  96.                     {% if nameAndCopyRight is not empty %}
  97.                     title="&copy; {{ nameAndCopyRight }}"
  98.                     {% endif %} >
  99.                     <!-- end of button tag -->
  100.                     {{ thumbnail.getHTML({ 'imgAttributes': {'class' : 'sr-only', 'alt' : 'demi.image-alt-prefix' | trans  ~ ' ' ~ (accommodationProduct ? accommodationProduct.getName() : product.getDescription()|raw ) }}) |raw }}
  101.                     {% if useGal %}
  102.                     <span class="btn-show-gallery btn-no-styling" title="{{ "demi.details.open-gallery | trans"  }}">
  103.                     <span class="demi-icon demi-icon-search btn-show-gallery__icon" aria-hidden="true"></span>
  104.                     </span>
  105.                     {% endif %}
  106.                     </button>
  107.                     {% endif %}
  108.                 </div>
  109.             {% endif %}
  111.             <div class="col d-flex flex-column">
  113.                 <div class="teaser__main-body">
  115.                     <h3 class="h4 mb-1">
  116.                         <a {{ (href != "") ? 'href=' ~ href : 'href=""' }}
  117.                             aria-controls="detail-{{ id }}"
  118.                             aria-expanded="false"
  119.                             data-toggle="collapse"
  120.                             class="collapsed"
  121.                         >{{ title }}</a>
  122.                     </h3>
  124.                     <div class="mb-1 small text-muted">
  126.                             <div class="media">
  127.                                 {% if not (tableOnSide and availabilityIsChecked) %}
  128.                                     <div class="demi-icon demi-icon-person mr-1 icon-in-text"
  129.                                          aria-hidden="true"></div>
  130.                                     <div class="media-body">
  131.                                         {% if roomRow and not tableOnSide %}
  132.                                             {% set adults = roomRow.getAdults() %}
  133.                                             {% set children = roomRow.getChildAges() | length %}
  134.                                             {% set adultsStr = adults > 1 ? adults ~ " " ~ 'demi.detail.room.occupancy.adults' | trans  : adults ~ " " ~ 'demi.detail.room.occupancy.adult' | trans %}
  135.                                             {% set childrenStr = children > 1 ? children ~ " " ~ 'demi.detail.room.occupancy.children'| trans  : children ~ " " ~ 'demi.detail.room.occupancy.child'| trans %}
  137.                                         {% elseif (accommodationProduct.getBedsMin() != accommodationProduct.getBedsMax()) %}
  138.                                             {% set adultsStr = accommodationProduct.getBedsMin() ~ ' - ' ~ accommodationProduct.getBedsMax() ~
  139.                                                 ' ' ~ 'demi.detail.room.occupancy.persons'| trans %}
  140.                                         {% else %}
  141.                                             {% set adultsStr = accommodationProduct.getBedsMin()  ~ ' ' ~ 'demi.detail.room.occupancy.person'| trans %}
  142.                                         {% endif %}
  143.                                         {{ adultsStr }}
  144.                                         {% if children is defined and  children > 0 %}
  145.                                             , {{ childrenStr }}
  146.                                         {% endif %}
  147.                                     </div>
  148.                                 {% endif %}
  149.                             </div>
  150.                     </div>
  152.                     {% if showVacancy and moreRoomRows == null %}
  153.                         {{ include('@ElementsDemiFrontend/Includes/elements/vacancy-info.html.twig', {
  154.                             'vacancyCount':vacancyCount, 'tvbPackage':tvbPackage
  155.                         }) }}
  156.                     {% endif %}
  157.                 </div>
  159.                 <div>
  161.                     {% if not availabilityIsChecked and price and price > 0 %}
  162.                         <strong class="mb-1 d-block">
  163.                             <span class="room-row__price text-success" aria-live="polite">
  164.                                 <span class="js-room-selection__price">
  165.                                     {{ 'demi.price-from-short'| trans }}
  166.                                     {{ demi_paymentGetPriceObject(price, accommodationProduct.getService().getServiceProvider()) }}
  167.                                 </span>
  168.                                 <span class="js-room-selection__price-loading" hidden>
  169.                                     <span class="circle-spinner"
  170.                                           aria-label="{{ 'demi.content-loading' | trans }}"
  171.                                           title="{{ 'demi.content-loading'| trans }}"></span>
  172.                                 </span>
  173.                             </span>
  174.                         </strong>
  175.                     {% endif %}
  177.                 </div>
  180.                 {% if hasSingleRoomRow and accommodationProduct %}
  181.                     <div class="row row--vertical-gutter-6 mt-auto">
  182.                         {% if demi_hasRoomDetails(accommodationProduct, dateFrom, app.request.getLocale(), tableOnSide) %}
  183.                             <div class="col">
  184.                                 <a class="collapsed text-nowrap"
  185.                                    aria-expanded="false"
  186.                                    aria-controls="detail-{{ id }}"
  187.                                     {{ (href != "") ? 'href=' ~ href : 'href=""' }}
  188.                                    data-toggle="collapse">
  189.                                     {{ "demi.detail.room-details" | trans }}
  190.                                     <span
  191.                                         class="demi-icon demi-icon-chevron-down collapse-arrow ml-1 icon-in-text"></span>
  192.                                 </a>
  193.                             </div>
  194.                         {% endif %}
  195.                         {% if not availabilityIsChecked  and showAvailablityCalendar %}
  196.                             <div class="col-auto">
  197.                                 <a class="collapsed text-nowrap mr-2 js-tracking--click-piwik"
  198.                                    data-tracking-category="Product"
  199.                                    data-tracking-action="click availability calendar"
  200.                                    aria-expanded="false"
  201.                                    aria-controls="availabilities-{{ id }}"
  202.                                    href="#availabilities-{{ id }}"
  203.                                    data-toggle="collapse">
  204.                                     {{ "demi.detail.room-availabilities" | trans }}
  205.                                     <span
  206.                                         class="demi-icon demi-icon-chevron-down collapse-arrow ml-1 icon-in-text"></span>
  207.                                 </a>
  208.                             </div>
  209.                         {% endif %}
  210.                     </div>
  211.                 {% endif %}
  212.             </div>
  214.             {% if not tableOnSide %}
  215.                 <div class="{{ moreRoomRows ? 'col-8' : 'col-6' }}">
  216.                     <div class="row row--gutter-width-40 h-100">
  218.                         {% if liveMealObj and not hasSingleRoomRow %}
  219.                             <div class="col-4 room-row__border-left">
  220.                                 <div class="mb-1 small text-muted">
  221.                                     <div>
  222.                                         <span>
  223.                                             <label class="form-box form-box--gray mb-2">
  224.                                                 {% if mealArray | length > 0 %}
  225.                                                     <select id="meal-selector-{{ product.getProductId() }}"
  226.                                                             name="meal-selector-{{ product.getProductId() }}"
  227.                                                             class="form-box__content form-control js-room-selection__meal"
  228.                                                 {{ mealArray | length == 1 ? "disabled" : "" }}
  229.                                                 >
  230.                                                 {% for mealObj in mealArray %}
  231.                                                     <option value="{{ mealObj.getId() }}" {{ liveMealObj.getText() == mealObj.getText() ? "selected" : "" }}>{{ mealObj.getText() }}</option>
  232.                                                 {% endfor %}
  233.                                                 </select>
  234.                                                 {% if mealArray != 1 %}
  235.                                                     <span class="demi-icon demi-icon-chevron-down form-box__select-icon"
  236.                                                           aria-hidden="true"></span>
  237.                                                 {% endif %}
  238.                                                 {% endif %}
  239.                                             </label>
  240.                                         </span>
  241.                                     </div>
  242.                                 </div>
  243.                             </div>
  244.                         {% endif %}
  246.                         <div class="{{ moreRoomRows ? 'col-4' : 'col-6' }} room-row__border-left d-flex flex-column">
  247.                             <div>
  248.                                 {% if liveMealObj and hasSingleRoomRow %}
  249.                                     <div class="mb-1 small text-muted">
  250.                                         <div>
  251.                                             <span>
  252.                                                 <label class="form-box form-box--gray mb-2">
  253.                                                     {% if mealArray | length > 0 %}
  254.                                                         <select id="meal-selector-{{ product.getProductId() }}"
  255.                                                                 name="meal-selector-{{ product.getProductId() }}"
  256.                                                                 class="form-box__content form-control js-room-selection__meal"
  257.                                                     {{ mealArray | length == 1 ? "disabled" : "" }} >
  258.                                                     {% for mealObj in mealArray %}
  259.                                                         {% set rate=null %}
  260.                                                         <option {{ rate ? ' data-rate="' ~ rate ~ '"' : '' }} value="{{ mealObj.getId() }}" {{ liveMealObj.getText() == mealObj.getText() ? "selected" : "" }}>{{ mealObj.getText() }}</option>
  261.                                                     {% endfor %}
  262.                                                     </select>
  263.                                                     {% if mealArray | length != 1 %}
  264.                                                         <span
  265.                                                             class="demi-icon demi-icon-chevron-down form-box__select-icon"
  266.                                                             aria-hidden="true"></span>
  267.                                                     {% endif %}
  268.                                                     {% endif %}
  269.                                                 </label>
  270.                                             </span>
  271.                                         </div>
  272.                                     </div>
  273.                                 {% endif %}
  276.                                 <div class="">
  277.                                     {% if priceData and priceData.getPriceBeforeSpecial() > product.getPrice() %}
  278.                                         <span class="sr-only">{{ 'demi.detail.room.old-price' | trans }}</span>
  279.                                         <s class="text-muted fz13 js-room-selection__price-before-special">{{ demi_paymentGetPriceObject(priceData.getPriceBeforeSpecial(), accommodation) }}</s>
  280.                                     {% endif %}
  282.                                     {% if priceInfoText is defined %}
  283.                                         <div class="small text-muted">
  284.                                             {{ priceInfoText }}
  285.                                         </div>
  286.                                     {% endif %}
  287.                                 </div>
  289.                                 {% if price and price > 0 %}
  290.                                     <strong class="mb-1 d-block">
  291.                                 <span class="room-row__price text-success">
  292.                                     {% if tvbPackage and tvbPackage.showFromPriceInAccoDetail() %}
  293.                                         {{ 'demi.price-from-short' | trans }}
  294.                                     {% endif %}
  295.                                     <span class="js-room-selection__price">
  296.                                         {% if not roomRow %}
  297.                                             {{ 'demi.price-from-short' | trans }}
  298.                                         {% endif %} {{ demi_paymentGetPriceObject(price, accommodation) }}
  299.                                     </span>
  300.                                     <span class="js-room-selection__price-loading" hidden>
  301.                                         <span class="circle-spinner"
  302.                                               aria-label="{{ 'demi.content-loading' | trans }}"
  303.                                               title="{{ 'demi.content-loading' | trans }}"></span>
  304.                                     </span>
  305.                                 </span>
  306.                                     </strong>
  307.                                 {% endif %}
  308.                             </div>
  310.                             {% if (useCancellationInfo is defined and product.getCancellationInformation()) %}
  311.                                 {% set cancellationInformation = product.getCancellationInformation() %}
  312.                                 {% set displayInfo = demi_getCancellationDisplayInfo(cancellationInformation,searchParam.getDateFrom()) %}
  313.                                 {% set freeCancelText = displayInfo.getFreeCancellationText() %}
  314.                                 {% set promotionText = freeCancelText == ""  ? null : freeCancelText %}
  315.                             {% endif %}
  316.                             {% set ajaxUrl = demi_demiUrl({
  317.                                 'accommodation' : accommodation
  318.                             }, 'demi_acco_ajax') %}
  319.                             {% if "?" in ajaxUrl %}
  320.                                 {% set ajaxUrl = ajaxUrl | split("?")[0] %}
  321.                             {% endif %}
  322.                             {% set paymentInfoUrl = ajaxUrl ~ "?ajaxRequestType=getPaymentInformation&productId=" ~
  323.                                 (accommodationProduct ? accommodationProduct.getId() : '') ~ "&roomindex=" ~ count ~ "&bookonrequest=" %}
  325.                             <div class="mt-auto">
  326.                                 {% if priceData %}
  327.                                     <script>
  328.                                         _config.ajaxBtn = true;
  329.                                     </script>
  330.                                     <button aria-expanded="false"
  331.                                             type="button"
  332.                                             data-target="#price-info-{{ id }}-room-row-{{ count }}"
  333.                                             data-toggle="collapse"
  334.                                             class="btn-no-styling  collapsed js-ajax-btn js-ajax-btn--prefer-corridor-dates"
  335.                                             data-ajax-btn-url="{{ paymentInfoUrl }}"
  336.                                             data-ajax-btn-target="#payment-terms-{{ id }}-room-row-{{ count }}">
  337.                         <span class="demi-icon demi-icon-info-circle icon-in-text text-muted"
  338.                               title="{{ 'demi.detail.room.price-info' | trans }}"
  339.                               aria-hidden="true"></span> {{ 'demi.detail.room.price-info'| trans }}
  340.                                         <span
  341.                                             class="demi-icon demi-icon-chevron-down collapse-arrow ml-1 icon-in-text"></span>
  342.                                     </button>
  343.                                 {% endif %}
  344.                             </div>
  347.                         </div>
  348.                         <div class="{{ moreRoomRows ? 'col-4' : 'col-6' }} room-row__border-left">
  349.                             {{ include("@ElementsDemiFrontend/Includes/teaser/room-buttons.html.twig", {
  350.                                 'accommodationProduct' : accommodationProduct,
  351.                                 'product' : product,
  352.                                 'availabilityIsChecked' : availabilityIsChecked,
  353.                                 'showSelection' : showSelection,
  354.                                 'tvbPackage' : tvbPackage,
  355.                                 'promotionText' : promotionText ?? null,
  356.                                 'roomRowIndex' : count,
  357.                                 'divClass' : ''
  358.                             }) }}
  359.                         </div>
  360.                     </div>
  361.                 </div>
  362.             {% else %}
  363.                 <div class="col-4 ml-auto">
  364.                     {{ include("@ElementsDemiFrontend/Includes/teaser/room-details-table.html.twig", {
  365.                         "accommodationProduct" : accommodationProduct,
  366.                         "availabilityIsChecked" : availabilityIsChecked,
  367.                         'service' : accommodationProduct.getService()
  368.                     }) }}
  370.                 </div>
  371.             {% endif %}
  375.         </div>
  376.     </div>
  377.     <!--            for every single-room-->
  378.     {% if priceData and not(tableOnSide and availabilityIsChecked) %}
  379.         {{ include('@ElementsDemiFrontend/Includes/teaser/price-info.desktop.html.twig', {
  380.             'title' : 'demi.detail.room.price-info' | trans ,
  381.             'id' : id,
  382.             'priceData' : priceData,
  383.             'accommodationProduct' : accommodationProduct,
  384.             'roomRow' : roomRow,
  385.             'roomRowIndex' : count,
  386.             'productSet' : product,
  387.             'moreRoomRows' : moreRoomRows
  388.         }) }}
  389.     {% endif %}
  390. </section>