src/Elements/Bundle/DemiFrontendBundle/Resources/views/Includes/teaser/acco-teaser-card.html.twig line 1

Open in your IDE?
  1. {% if freeCancellationInList %}
  2.     {% set freeCancellationInList = accommodationItem.getHasFreeCancellation(searchParam.getDateFrom(), searchParam.getDateTo()) %}
  3. {% endif %}
  5. {% set isWhiteLabel =  demi_core_configuration("getIsWhitelabel",[]) %}
  6. {% set detailUrl = '' %}
  7. {% if noDate %}
  8.     {% set fromDate = null %}
  9. {% else %}
  10.     {% set fromDate = demi_getSearchFrom().getTimeStamp() %}
  11. {% endif %}
  13. {% if accommodationItem %}
  14.     {% set accommodation = pimcore_object(accommodationItem.getAccommodationId()) %}
  15.     {% set minPriceProducts = accommodationItem.getMinPriceProductSets() %}
  16.     {% set totalVacancies = accommodationItem.getTotalVacanciesAndOffers().getTotalVacancies() %}
  17.     {% set totalOffers = accommodationItem.getTotalVacanciesAndOffers().getTotalOffers() %}
  18.     {% set actualBookable = accommodationItem.getActualBookable() %}
  19.     {% set price = noDate ? accommodationItem.getMinPriceBase() : accommodationItem.getMinPrice() %}
  20.     {% set priceBeforeSpecial = demi_getMinPriceBeforeSpecial(accommodationItem) %}
  21.     {% set hasMinprice = demi_hasMinPriceProductSpecials(accommodationItem) %}
  22.     {% set minPriceMeal = demi_getMinPriceProductMeals(accommodationItem)%}
  23.     {% if tvbPackage is defined and tvbPackage is not null and minPriceProducts | length > 0 %}
  24.         {% set mealCode = minPriceProducts.0.getMealCode() %}
  25.     {% endif %}
  26. {% endif %}
  28. {% if tvbPackage is defined and tvbPackage is not null %}
  29.     {% set detailUrl = demi_demiUrl({"accommodation" : accommodation, "package" : tvbPackage, "locale" : app.request.locale},
  30.     'demi_acco_detail_tvbpackage_page', noDate and app.request().get('nearbySearchId') is not defined) %}
  31.     {% set imageGalleryId = "id_" ~ accommodation.getId() %}
  32. {% elseif isPackageSearch %}
  33.     {% set housePackageMaster = pimcore_object(accommodationItem.getHousePackageMasterId()) %}
  34.     {% set detailUrl = demi_demiUrl({'accommodation' : accommodation, 'package' : housePackageMaster, "locale" : app.request.locale},
  35.     'demi_acco_detail_package_page', noDate and app.request().get('nearbySearchId') is not defined) %}
  36.     {% set imageGalleryId = "id_" ~ housePackageMaster.getId() %}
  37. {% else %}
  38.     {% set detailUrl = pimcore_url({'object' : accommodation, "language": app.request.locale},
  39.     'demi_acco_detail_page', noDate and app.request().get('nearbySearchId') is not defined) %}
  40.     {% set imageGalleryId = "id_" ~ accommodation.getId() %}
  41. {% endif %}
  43. {% set lightboxTopBarUrl = url('demi_lightbox_topbar_content', {
  44.     'path' : document.getFullPath | trim('/', 'right')
  45. }) %}
  47. {% set maxRatingValue = demi_core_configuration("getMaxRatingValue", {}) ?: 5 %}
  48. {% set maxRatingNormalized = demi_core_configuration("getMaxRatingNormalized", {}) ?: 5 %}
  49. {% if noDate and isPackageSearch %}
  50.     {% set myMinPrice = 0 %}
  51.     {% for accommodationProduct in accommodationItem.getProducts() %}
  52.         {% if accommodationProduct.getBasePrice() is not null and (myMinPrice == 0 or myMinPrice > accommodationProduct.getBasePrice()) %}
  53.             {% set myMinPrice = accommodationProduct.getBasePrice() %}
  54.         {% endif %}
  55.     {% endfor %}
  56.     {% set price = myMinPrice %}
  57. {% endif %}
  59. {% set targetBlank = '' %}
  60. {% if not isWhiteLabel and not pimcore_device().isPhone() %}
  61.     {% set targetBlank = 'target="_blank"' %}
  62. {% endif %}
  64. {% set accoPosition = accommodation.getPosition() %}
  65. {% set isMapAllowed = not pimcore_checkbox('noMapAllowed').isChecked() %}
  66. {% set showMapToggle = pimcore_checkbox('showMapToggle').isChecked() %}
  67. {% set showMapInitially = not pimcore_checkbox('hideMapInitially').isChecked() %}
  68. {% set useListTeaserStyle = not pimcore_checkbox('useListTiles').isChecked() %}
  69. {% set showMap = isMapAllowed and not pimcore_device().isPhone() and ((app.request.get('showMap') is null and showMapInitially) or app.request.get('showMap') == 1) %}
  71. <section class="card-teaser box-shadow isClickable {{ styleModifier }} js-tracking js-tracking--impression"
  72.          data-acco-id="{{ accommodation.getId() }}"
  73.     {% if accoPosition is not null and (searchParam is instanceof("\\Elements\\Demi\\Accommodation\\Search\\Parameter") and searchParam.getIsAlternative()) %}
  74.         data-acco-lat="{{ accoPosition.getLatitude() }}"
  75.         data-acco-lon="{{ accoPosition.getLongitude() }}"
  76.     {% endif %}
  77.          data-tracking-name="{{ demi_impressionName(accommodation) }}"
  78.          data-tracking-id="{{ accommodation.getId() }}"
  79.          data-tracking-category="{{ demi_impressionCategory(accommodation,housePackageMaster is defined ? housePackageMaster : null,searchParam,tvbPackage is defined ? tvbPackage : null) }}"
  80.          data-tracking-position="{{ position }}"
  81.          data-tracking-brand="{{ demi_impressionBrand(accommodation) }}"
  82.          data-tracking-list="{{ demi_impressionListType(searchParam) }}"
  83.          data-tracking-price="{{ price | number_format(2, '.', '') }}" >
  85.     {#
  86.     // ---
  87.     // Image
  88.     // ---
  89.     #}
  90.     <div>
  91.         {% set gallerySrcUrl = demi_demiUrl({
  92.             'path' : 'demi',
  93.             'objectId' : isPackageSearch ? housePackageMaster.getId() : accommodation.getId(),
  94.             'fallbackId' : isPackageSearch ? accommodation.getId() : '',
  95.             'thumbnail' : 'demi-desktop-gallery',
  96.             'thumbSmall' : 'demi-desktop-gallery-small',
  97.             'dateFrom' : fromDate ?: ''
  98.         }, 'demi_images') %}
  100.         {% set useHpmImage = (tvbPackage is not defined or tvbPackage is null) and housePackageMaster is defined and housePackageMaster is not null and housePackageMaster.getPackagetype()!='HousePackageMasterSelfAssign' %}
  101.         {% set firstImageUrl = demi_demiUrl({
  102.             'path' : 'demi',
  103.             'objectId' : useHpmImage ? housePackageMaster.getId() : accommodation.getId(),
  104.             'fallbackId' : isPackageSearch ? accommodation.getId() : '',
  105.             'thumbnail' : 'demi-hotel-list-card-teaser',
  106.             'dateFrom' : fromDate ?: ''
  107.         }, 'demi_image') %}
  108.         <script type="text/javascript" data-cookieconsent="ignore">
  109.             _config.lightbox = true;
  110.             _config.lazyImg = true;
  111.         </script>
  113.         <div class="embed-responsive embed-responsive-16by9">
  114.             <div class="embed-responsive-item d-flex flex-column">
  115.                 <div class="card-teaser__img btn-show-gallery-container js-lazy-img js-lazy-img--bg flex-fill"
  116.                     data-img-url="{{ firstImageUrl }}"
  117.                     role="img"
  118.                     aria-label="{{ accommodation.getName() | replace({"*" : ""}) }}">
  120.                     {% if not pimcore_device().isPhone() %}
  121.                     <button type="button" class="btn-show-gallery btn-no-styling js-lightbox-group-dyn js-tracking--click-piwik"
  122.                             aria-label="{{ 'demi.detail.open-gallery' | trans }}"
  123.                             title="{{ 'demi.detail.open-gallery' | trans }}"
  124.                             data-lightbox-id="{{ imageGalleryId }}"
  125.                             data-lightbox-src-url="{{ gallerySrcUrl }}"
  126.                             data-lightbox-topbar-content-url="{{ lightboxTopBarUrl }}?ajax=1&id={{ accommodation.getId() }}{{ housePackageMaster is defined and housePackageMaster is not null ? '&pid='~housePackageMaster.getId() : ''}}{{ tvbPackage is defined and tvbPackage is not null ? '&tid='~tvbPackage.getId():''}}"
  127.                             data-lightbox-topbar-wrapper="#lightboxTopBar"
  128.                             data-tracking-category="{{ isPackageSearch ? 'Package list': 'Accommodation list' }}"
  129.                             data-tracking-action="open gallery">
  130.                         <span class="js-lightbox-group-dyn__icon demi-icon demi-icon-search btn-show-gallery__icon" aria-hidden="true"></span>
  131.                         <span class="js-lightbox-group-dyn__loading" hidden>
  132.                             <span class="text-center d-block">
  133.                             <span class="circle-spinner circle-spinner--white"
  134.                                   aria-label="{{ 'demi.content-loading' | trans  }}"
  135.                                   title="{{ 'demi.content-loading' | trans  }}"></span>
  136.                             </span>
  137.                         </span>
  138.                     </button>
  139.                 {% endif %}
  141.                 </div>
  142.                {# // Min Price #}
  143.             {% if hasMinPrice is defined and hasMinPrice %}
  144.                 {% for special in demiAccommodationResultSetHelper.getMinPriceProductSpecials(accommodationItem) %}
  146.                     <div class="card-teaser__label bg-warning text-center p-1 small text-white strong">
  147.                         {{ special }}
  148.                     </div>
  150.                {% endfor %}
  151.            {% endif %}
  152.             </div>
  153.         </div>
  155.     </div>
  157. {#
  158. // Mail
  159. #}
  160.     <div class="px-3 pb-3 pt-2 d-flex flex-column flex-fill">
  163.     <div class="mb-1">
  164.         {% if demi_pimcore_admin_session() %}
  165.             <small style="background: #c5c5cb; padding: 2px">
  166.                 Prio:{{ accommodation.getPriority() }} ContentScore:{{ accommodation.getContentScore() }} bookable:{{ noDate ? accommodation.getBookable() : accommodationItem.getActualBookable()  }}<br/>
  167.                 (nur sichtbar bei aktiver Pimcore Admin Session!)
  168.             </small>
  169.         {% endif %}
  170.         {% if accommodation.getIsTesthotel() %}
  171.             <div class="demi-test-acco-notice text-danger"><strong>Testbetrieb</strong> nur für Debug/aktive Pimcore User sichtbar</div>
  172.         {% endif %}
  173.         {% if isPackageSearch %}
  174.             <h3 class="mb-1 text-primary">
  175.                 <a href="{{ detailUrl }}" {{ targetBlank|raw }}>{{ housePackageMaster.getName() }} </a>
  176.             </h3>
  178.             <h6 class="mb-1">
  179.                 {{ demi_getAccoNameWithStars(accommodation) }}
  180.             </h6>
  181.         {% else %}
  182.             <h3 class="mb-1 text-primary card-teaser__title">
  183.                 <a href="{{ detailUrl }}" {{ targetBlank|raw }}>{{  demi_getAccoNameWithStars(accommodation) }}</a>
  184.             </h3>
  185.         {% endif %}
  187.         {% if accommodation.getRatingSystem() is same as "TrustYou" %}
  188.             {% set normalizedRating = demi_ratingGetNormalized(accommodation, maxRatingValue, maxRatingNormalized) %}
  189.             {% if pimcore_device().isPhone() and normalizedRating %}
  190.                 {{ include('@ElementsDemiFrontend/Includes/rating.html.twig', {
  191.                     "score" : normalizedRating,
  192.                     "text" : accommodation.getRatingScoreDescription(),
  193.                     "styleModifier" : "mb-1 text-success",
  194.                     "isTextWhite" : false
  195.                 }) }}
  196.             {% endif %}
  197.         {% endif %}
  199.         <div class="mb-1">
  200.             {{ accommodation.getCategoryNames() }}
  201.         </div>
  203.         <div class="mb-1">
  204.             {{ include('@ElementsDemiFrontend/Includes/accoClassifications.html.twig', {
  205.                 'classifications' : accommodation.getClassifications()
  206.             }) }}
  207.         </div>
  209.         <div class="mb-1 small text-muted">
  210.             {% if accommodation.getTown() and accommodation.getTown().getName() %}
  211.                 <div class="media">
  212.                     <div class="demi-icon demi-icon-marker mr-1 icon-in-text" title="{{ 'demi.list.town' | trans }}" aria-label="{{ 'demi.list.town' | trans }}"></div>
  213.                     <div class="media-body">
  214.                         {{ accommodation.getTown().getName() }}
  215.                     </div>
  216.                 </div>
  217.             {% elseif accommodation.getDistrict() and (accommodation.getDistrict().getNameLocalized(app.request.locale) or accommodation.getDistrict().getName()) %}
  218.                 <div class="media">
  219.                     <div class="demi-icon demi-icon-marker mr-1 icon-in-text" title="{{ 'demi.list.town' | trans }}" aria-label="{{ 'demi.list.town' | trans }}"></div>
  220.                     <div class="media-body">
  221.                         {{ accommodation.getDistrict().getNameLocalized(app.request.locale) ?? accommodation.getDistrict().getName() }}
  222.                     </div>
  223.                 </div>
  224.             {% endif %}
  225.         </div>
  227.         {% if searchParam is instanceof("\\Elements\\Demi\\Accommodation\\Search\\Parameter") and searchParam.getIsAlternative() %}
  228.             <div class="text-primary small font-medium">
  229.                 {% set nights = searchParam.getNights() %}
  230.                 {% set array = {"[FROM-TO]" : min(nights) ~ '-' ~ max(nights),
  231.                     "[FROM-DATE]" : elements_dateFormat(searchParam.getDateFrom().getTimestamp(), 'date-long'),
  232.                     "[TO-DATE]" : elements_dateFormat(searchParam.getDateTo().getTimestamp(), 'date-long')}
  233.                 %}
  234.                 {{ demi_fillTranslation(array, "demi.detail.alternative-search-suggestion") }}
  235.             </div>
  236.         {% endif %}
  238.         {% if nearbySearchName is defined and nearbySearchName is not null and accoPosition is not null %}
  239.             {% set latAcco = accoPosition.getLatitude() %}
  240.             {% set longAcco = accoPosition.getLongitude() %}
  241.             {% set latNbSO = app.request().get("nearbySearchLat") %}
  242.             {% set longNbSO = app.request().get("nearbySearchLong") %}
  244.             {% set distanceValue = demi_calcDistance(latAcco,longAcco,latNbSO,longNbSO) %}
  245.             {% set distance = {
  246.                 'value' : demi_fillTranslation({"[DISTANCE]" : distanceValue | round(1)}, "demi.list.nearby-search.text"),
  247.                 'from' : 'demi.list.nearby-search.from' | trans ~ ' ' ~ nearbySearchName
  248.             } %}
  249.             {% if distanceValue %}
  250.                 <div class="mb-1 distance-info small">
  251.                     <span class="badge distance-info__badge">{{ distance.value }}</span>
  252.                     {% if accommodationItem.getDistanceMinutesToPoi() %}
  253.                         <span>{{ demi_fillTranslation({"[MIN]" : accommodationItem.getDistanceMinutesToPoi() | round(1)}, "demi.list.nearby-search.distance-in-min") }}</span>
  254.                     {% endif %}
  255.                     <br>
  256.                     <span>{{ distance.from }}</span>
  257.                 </div>
  258.             {% endif %}
  260.         {% endif %}
  261.         {% if accommodationItem %}
  262.             {{ include('@ElementsDemiFrontend/Includes/teaser/badges.html.twig', {
  263.                 'accommodation' : accommodation,
  264.                 'accommodationItem' : accommodationItem
  265.             }) }}
  266.         {% endif %}
  268.         {% set accoTopFacilities = demi_getTopFacilitiesForAccommodation(accommodation,demi_core_configuration("getTopFacilities", {})) %}
  269.         {% if not pimcore_device().isPhone() and accoTopFacilities | length > 0 or freeCancellationInList %}
  270.             <ul class="list-inline list-inline--dots mb-1 small">
  271.                 {% if freeCancellationInList %}
  272.                 <li class="list-inline-item  free-cancellation">
  273.                     {{ searchParam is instanceof("\\Elements\\Demi\\Accommodation\\Search\\Parameter") and searchParam.getFreeCancellation() ? "demi.list.free-cancellation-filtered" : "demi.list.free-cancellation" | trans }}
  274.                 </li>
  275.                 {% endif %}
  276.                 {% if accoTopFacilities | length > 0 %}
  277.                 {% for topFacility in accoTopFacilities %}
  278.                     <li class="list-inline-item">
  279.                         {{ topFacility.getName() }}
  280.                     </li>
  281.                 {% endfor %}
  282.                 {% endif %}
  283.             </ul>
  284.         {% elseif freeCancellationInList %}
  285.         <ul class="list-inline list-inline--dots mb-1 small">
  286.             <li class="list-inline-item free-cancellation">
  287.                 {{ searchParam is instanceof("\\Elements\\Demi\\Accommodation\\Search\\Parameter") and searchParam.getFreeCancellation() ? "demi.list.free-cancellation-filtered" : "demi.list.free-cancellation" | trans }}
  288.             </li>
  289.         </ul>
  290.         {% endif %}
  293.         {% set tvbListNoDate = searchParam is instanceof("\\Elements\\Demi\\Accommodation\\Search\\Parameter") and not searchParam.getDateFrom() %}
  294.         {% if pimcore_device().isPhone() and actualBookable and not tvbListNoDate %}
  295.             {{ include('@ElementsDemiFrontend/Accommodation/includes/acco-teaser-vacancy-info.html.twig', {
  296.                 'totalVacancies':totalVacancies,
  297.                 'totalOffers':totalOffers
  298.             }) }}
  299.         {% endif %}
  301.         {% if accommodation.getRatingSystem() is same as "TrustYou" %}
  302.             {% set normalizedRating = demi_ratingGetNormalized(accommodation, maxRatingValue, maxRatingNormalized) %}
  303.             {% if not pimcore_device().isPhone() and normalizedRating %}
  304.                 <div class="trustyou-logo mb-1"><span class="sr-only">TrustYou Rating</span></div>
  305.                 {{ include('@ElementsDemiFrontend/Includes/rating.html.twig', {
  306.                     "score" : normalizedRating,
  307.                     "text" : accommodation.getRatingScoreDescription(),
  308.                     "styleModifier" : "mb-2 text-success",
  309.                     "showReviewCount" : false,
  310.                     "isTextWhite" : false
  311.                 }) }}
  312.             {% endif %}
  313.         {% endif %}
  314.     </div>
  316.     <div class="row mt-auto">
  317.         <div class="col">
  318.             <div class="small text-muted">
  319.                 <div class="media">
  320.                      {% if minPriceMeal %}
  321.                             <div class="demi-icon demi-icon-restaurant mr-1" aria-label="{{ 'demi.list.meals' | trans }}" title="{{ 'demi.list.meals' | trans }}"></div>
  322.                             <div class="media-body">
  323.                                 {{ minPriceMeal }}
  324.                     </div>
  325.                     {% elseif searchParam.getIsCorridor() %}
  326.                     <div class="media-body">{{ 'demi.detail.priceinfo.per-person-per-night' | trans }}</div>
  327.                     {% elseif accommodationItem and accommodationItem.getPriceInfo() %}
  328.                     <div class="media-body">{{ include('@ElementsDemiFrontend/Includes/priceInfoStr.html.twig', {'type' : accommodationItem.getPriceInfo().type, 'nights' : accommodationItem.getPriceInfo().nights}) }}</div>
  329.                     {% elseif accommodationItem and accommodationItem.getMinPriceProductSets() is not empty and accommodationItem.getMinPriceProductSets().0.getPriceInfo() is iterable and accommodationItem and accommodationItem.getMinPriceProductSets() %}
  330.                         {% set productToUse = accommodationItem.getMinPriceProductSets().0 %}
  331.                         {% if  productToUse.getPriceInfo() is not empty %}
  332.                         <div class="media-body">{{ include('@ElementsDemiFrontend/Includes/priceInfoStr.html.twig', {'type' : productToUse.getPriceInfo().rule, 'nights' : productToUse.getPriceInfo().nights }) }}</div>
  333.                         {% endif %}
  334.                     {% endif %}
  335.                 </div>
  336.             </div>
  338.             <div class="row align-items-baseline">
  339.                 <div class="{{ priceBeforeSpecial > price ? 'col ' : '' }}col-lg-12">
  340.                     {% if priceBeforeSpecial > price %}
  341.                         <span class="sr-only">{{ 'demi.instead-of' | trans }}</span>
  342.                         <span class="col text-muted">
  343.                                 {{ demi_paymentGetPriceObject(priceBeforeSpecial, accommodation) }}
  344.                             </span>
  345.                     {% endif %}
  346.                 </div>
  348.                 {% if price > 0 %}
  349.                     <strong class="col col-auto mr-auto text-success">
  350.                         {{ "demi.price-from-short" | trans }} <span class="acco-teaser__price">{{ demi_paymentGetPriceObject(price, accommodation) }}</span>
  351.                     </strong>
  352.                 {% endif %}
  353.             </div>
  355.             {% set tvbListNoDate = searchParam is instanceof("\\Elements\\Demi\\Accommodation\\Search\\Parameter") and not searchParam.getDateFrom() %}
  356.             {% if actualBookable and not tvbListNoDate %}
  357.                 {{ include('@ElementsDemiFrontend/Accommodation/includes/acco-teaser-vacancy-info.html.twig', {
  358.                     'totalVacancies' : totalVacancies,
  359.                     'totalOffers' : totalOffers,
  360.                     'styleModifier' : ''
  361.                 }) }}
  362.             {% endif %}
  364.             {% if isMapAllowed and accoPosition is not null and accoPosition.getLatitude() and accoPosition.getLongitude()  %}
  365.                 <button type="button" class="btn-no-styling js-accommodation-map__show-on-map teaser__show-on-map mt-2">
  366.                     <span class="demi-icon demi-icon-marker icon-in-text" aria-hidden="true"></span>
  367.                     <span> {{ 'demi.list.show-on-map' | trans }} </span>
  368.                 </button>
  369.             {% endif %}
  371.         </div>
  372.         <div class="col col-auto align-self-center">
  373.             <a href="{{ detailUrl }}" class="btn btn-default teaser__detail-btn" {{ targetBlank|raw }}
  374.                title="{{ 'demi.list.detailsite' | trans }}" aria-label="{{ 'demi.list.detailsite' | trans }}">
  375.                 <span class="demi-icon demi-icon-arrow-right" aria-hidden="true"></span>
  376.             </a>
  377.         </div>
  379.     </div>
  380.     </div>
  382. </section>