src/Elements/Bundle/DemiFrontendBundle/Resources/views/Includes/teaser/acco-teaser.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 isFused = isFused is defined ? isFused : false %}
  8. {% set detailUrl = '' %}
  9. {% set isPackageSearch = isPackageSearch is defined ? isPackageSearch : false %}
  10. {% if noDate %}
  11.     {% set fromDate = null %}
  12. {% else %}
  13.     {% set fromDate = demi_getSearchFrom().getTimeStamp() %}
  14. {% endif %}
  16. {% if accommodationItem %}
  17.     {% set accommodation = pimcore_object(accommodationItem.getAccommodationId()) %}
  18.     {% set minPriceProducts = accommodationItem.getMinPriceProductSets() %}
  19.     {% set totalVacancies = accommodationItem.getTotalVacanciesAndOffers().getTotalVacancies() %}
  20.     {% set totalOffers = accommodationItem.getTotalVacanciesAndOffers().getTotalOffers() %}
  21.     {% set actualBookable = accommodationItem.getActualBookable() %}
  22.     {% set price = noDate ? accommodationItem.getMinPriceBase() : accommodationItem.getMinPrice() %}
  23.     {% set priceBeforeSpecial = null %}
  24.     {% set hasMinprice = null %}
  25.     {% set minPriceMeal = null %}
  26.     {% if tvbPackage is defined and minPriceProducts | length > 0 %}
  27.         {% set mealCode = minPriceProducts.0.getMealCode() %}
  28.     {% endif %}
  29. {% endif %}
  31. {% if tvbPackage is defined and tvbPackage is not null %}
  32.     {% set detailUrl = demi_demiUrl({"accommodation" : accommodation, "package" : tvbPackage, "locale" : app.request.locale},
  33.     'demi_acco_detail_tvbpackage_page', noDate and app.request().get('nearbySearchId') is not defined) %}
  34.     {% set imageGalleryId = "id_" ~ accommodation.getId() %}
  35. {% elseif isPackageSearch %}
  36.     {% set housePackageMaster = pimcore_object(accommodationItem.getHousePackageMasterId()) %}
  37.     {% set detailUrl = demi_demiUrl({'accommodation' : accommodation, 'package' : housePackageMaster, "locale" : app.request.locale},
  38.     'demi_acco_detail_package_page', noDate and app.request().get('nearbySearchId') is not defined) %}
  39.     {% set imageGalleryId = "id_" ~ housePackageMaster.getId() %}
  40. {% else %}
  41.     {% set detailUrl = pimcore_url({'object' : accommodation, "language": app.request.locale},
  42.     'demi_acco_detail_page', noDate and app.request().get('nearbySearchId') is not defined) %}
  43.     {% set imageGalleryId = "id_" ~ accommodation.getId() %}
  44. {% endif %}
  46. {% set lightboxTopBarUrl = url('demi_lightbox_topbar_content', {
  47.     'path' : document.getFullPath | trim('/', 'right')
  48. }) %}
  50. {% set maxRatingValue = demi_core_configuration("getMaxRatingValue", {}) ?: 5 %}
  51. {% set maxRatingNormalized = demi_core_configuration("getMaxRatingNormalized", {}) ?: 5 %}
  52. {% if noDate and isPackageSearch %}
  53.     {% set myMinPrice = 0 %}
  54.     {% for accommodationProduct in accommodationItem.getProducts() %}
  55.         {% if accommodationProduct.getBasePrice() is not null and (myMinPrice == 0 or myMinPrice > accommodationProduct.getBasePrice()) %}
  56.             {% set myMinPrice = accommodationProduct.getBasePrice() %}
  57.         {% endif %}
  58.     {% endfor %}
  59.     {% set price = myMinPrice %}
  60. {% endif %}
  62. {% set targetBlank = '' %}
  63. {% if not isWhiteLabel and not pimcore_device().isPhone() %}
  64.     {% set targetBlank = 'target="_blank"' %}
  65. {% endif %}
  67. {% set isMapAllowed = not pimcore_checkbox('noMapAllowed').isChecked() %}
  68. {% set accoPosition = accommodation.getPosition() %}
  70. <section
  71.     class="teaser {{ bodyPadding is defined and bodyPadding ? 'teaser--body-padding' : '' }} 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 is defined ? (price | number_format(2, '.', '')) : '' }}"
  84. >
  86.     <div class="row {{ pimcore_device().isPhone() ? 'row--gutter-width-10' : 'row--gutter-width-20' }}">
  88.         {# Image Column (left) #}
  89.         <div class="col-4 col-md-3 d-flex flex-column">
  90.             {% set gallerySrcUrl = demi_demiUrl({
  91.                 'path' : 'demi',
  92.                 'objectId' : isPackageSearch ? housePackageMaster.getId() : accommodation.getId(),
  93.                 'fallbackId' : isPackageSearch ? accommodation.getId() : '',
  94.                 'thumbnail' : 'demi-desktop-gallery',
  95.                 'thumbSmall' : 'demi-desktop-gallery-small',
  96.                 'dateFrom' : fromDate ?: ''
  97.             }, 'demi_images') %}
  99.             {% set useHpmImage = (tvbPackage is not defined or tvbPackage is null) and housePackageMaster is defined and housePackageMaster is not null and housePackageMaster.getPackagetype()!='HousePackageMasterSelfAssign' %}
  100.             {% set firstImageUrl = demi_demiUrl({
  101.                 'path' : 'demi',
  102.                 'objectId' : useHpmImage ? housePackageMaster.getId() : accommodation.getId(),
  103.                 'fallbackId' : isPackageSearch ? accommodation.getId() : '',
  104.                 'thumbnail' : 'demi-hotel-list-teaser',
  105.                 'dateFrom' : fromDate ?: ''
  106.             }, 'demi_image') %}
  108.             <script type="text/javascript" data-cookieconsent="ignore">
  109.                 _config.lightbox = true
  110.                 _config.lazyImg = true
  111.             </script>
  113.             <div class="teaser__img btn-show-gallery-container js-lazy-img js-lazy-img--bg"
  114.                  data-img-url="{{ firstImageUrl }}"
  115.                  role="img"
  116.                  aria-label="{{ accommodation.getName() | replace({"*" : ""}) }}">
  118.                 {% if not pimcore_device().isPhone() %}
  119.                     <button type="button"
  120.                             class="btn-show-gallery btn-no-styling js-lightbox-group-dyn js-tracking--click-piwik"
  121.                             aria-label="{{ 'demi.detail.open-gallery' | trans }}"
  122.                             title="{{ 'demi.detail.open-gallery' | trans }}"
  123.                             data-lightbox-id="{{ imageGalleryId }}"
  124.                             data-lightbox-src-url="{{ gallerySrcUrl }}"
  125.                             data-lightbox-topbar-content-url="{{ lightboxTopBarUrl }}?ajax=1&id={{ accommodation.getId() }}{{ housePackageMaster ? '&pid='~housePackageMaster.getId() : '' }}{{ tvbPackage ? '&tid='~tvbPackage.getId():'' }}"
  126.                             data-lightbox-topbar-wrapper="#lightboxTopBar"
  127.                             data-tracking-category="{{ isPackageSearch ? 'Package list': 'Accommodation list' }}"
  128.                             data-tracking-action="open gallery">
  129.                         <span class="js-lightbox-group-dyn__icon demi-icon demi-icon-search btn-show-gallery__icon"
  130.                               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="teaser__label bg-warning text-center p-1 small text-white strong">
  147.                         {{ special }}
  148.                     </div>
  150.                 {% endfor %}
  151.             {% endif %}
  152.         </div>
  154.         {#
  155.         // Desktop Center Column / Mobile right col
  156.         #}
  157.         <div class="{{ pimcore_device().isPhone() ? "col-8" : "col" }} teaser__body">
  158.             <div class="teaser__main-body">
  159.                 {% if accommodation.getIsTesthotel() %}
  160.                     <div class="demi-test-acco-notice text-danger"><strong>Testbetrieb</strong> nur für Debug/aktive
  161.                         Pimcore User sichtbar
  162.                     </div>
  163.                 {% endif %}
  164.                 {% if isPackageSearch %}
  165.                     <h3 class="mb-1 text-primary teaser__acco-title">
  166.                         <a href="{{ detailUrl }}" {{ targetBlank|raw }}>{{ housePackageMaster.getName() }} </a>
  167.                     </h3>
  168.                 {% endif %}
  169.                 <h3 class="mb-1{{ isPackageSearch ? '' : ' text-primary teaser__acco-title' }}">
  170.                     {% if not isPackageSearch %}
  171.                         <a href="{{ detailUrl }}" {{ targetBlank|raw }}>{{ demi_getAccoNameWithStars(accommodation)|raw }}</a>
  172.                     {% else %}
  173.                         {{ demi_getAccoNameWithStars(accommodation) }}
  174.                     {% endif %}
  175.                 </h3>
  176.                 {% if accommodation.getRatingSystem() is same as "TrustYou" %}
  177.                     {% set normalizedRating = demi_ratingGetNormalized(accommodation, maxRatingValue, maxRatingNormalized) %}
  178.                     {% if pimcore_device().isPhone() and normalizedRating %}
  179.                         {{ include('@ElementsDemiFrontend/Includes/rating.html.twig', {
  180.                             "score" : normalizedRating,
  181.                             "text" : accommodation.getRatingScoreDescription(),
  182.                             "styleModifier" : "mb-1 text-success",
  183.                             "isTextWhite" : false
  184.                         }) }}
  185.                     {% endif %}
  186.                 {% endif %}
  188.                 <div class="mb-1">
  189.                     {{ accommodation.getCategoryNames() }}
  190.                 </div>
  192.                 <div class="mb-1">
  193.                     {{ include('@ElementsDemiFrontend/Includes/accoClassifications.html.twig', {
  194.                         'classifications' : accommodation.getClassifications()
  195.                     }) }}
  196.                 </div>
  198.                 <div class="mb-1 small text-muted">
  199.                     {% if accommodation.getTown() and accommodation.getTown().getName() %}
  200.                         <div class="media">
  201.                             <div class="demi-icon demi-icon-marker mr-1 icon-in-text"
  202.                                  title="{{ 'demi.list.town' | trans }}"
  203.                                  aria-label="{{ 'demi.list.town' | trans }}"></div>
  204.                             <div class="media-body">
  205.                                 {{ accommodation.getTown().getName() }}
  206.                             </div>
  207.                         </div>
  208.                     {% elseif accommodation.getDistrict() and (accommodation.getDistrict().getNameLocalized(app.request.locale) or accommodation.getDistrict().getName()) %}
  209.                         <div class="media">
  210.                             <div class="demi-icon demi-icon-marker mr-1 icon-in-text"
  211.                                  title="{{ 'demi.list.town' | trans }}"
  212.                                  aria-label="{{ 'demi.list.town' | trans }}"></div>
  213.                             <div class="media-body">
  214.                                 {{ accommodation.getDistrict().getNameLocalized(app.request.locale) ?? accommodation.getDistrict().getName() }}
  215.                             </div>
  216.                         </div>
  217.                     {% endif %}
  218.                 </div>
  220.                 {% if searchParam is instanceof("\\Elements\\Demi\\Accommodation\\Search\\Parameter") and searchParam.getIsAlternative() %}
  221.                     <div class="text-primary small font-medium">
  222.                         {% set nights = searchParam.getNights() %}
  223.                         {% set array = {"[FROM-TO]" : min(nights) ~ '-' ~ max(nights),
  224.                             "[FROM-DATE]" : elements_dateFormat(searchParam.getDateFrom().getTimestamp(), 'date-long'),
  225.                             "[TO-DATE]" : elements_dateFormat(searchParam.getDateTo().getTimestamp(), 'date-long')} %}
  226.                         {{ demi_fillTranslation(array, "demi.detail.alternative-search-suggestion", app.request.locale) }}
  227.                     </div>
  228.                 {% endif %}
  230.                 {% if nearbySearchName is defined and nearbySearchName is not null and accoPosition is not null %}
  231.                     {% set latAcco = accoPosition.getLatitude() %}
  232.                     {% set longAcco = accoPosition.getLongitude() %}
  233.                     {% set latNbSO = app.request().get("nearbySearchLat") %}
  234.                     {% set longNbSO = app.request().get("nearbySearchLong") %}
  236.                     {% set distanceValue = demi_calcDistance(latAcco,longAcco,latNbSO,longNbSO) %}
  237.                     {% set distance = {
  238.                         'value' : demi_fillTranslation({"[DISTANCE]" : distanceValue | round(1)}, "demi.list.nearby-search.text"),
  239.                         'from' : 'demi.list.nearby-search.from' | trans ~ ' ' ~ nearbySearchName
  240.                     } %}
  241.                     {% if distanceValue %}
  242.                         <div class="mb-1 distance-info small">
  243.                             <span class="badge distance-info__badge">{{ distance.value }}</span>
  244.                             {% if accommodationItem.getDistanceMinutesToPoi() %}
  245.                                 <span>{{ demi_fillTranslation({"[MIN]" : accommodationItem.getDistanceMinutesToPoi() | round(1)}, "demi.list.nearby-search.distance-in-min") }}</span>
  246.                             {% endif %}
  247.                             <br>
  248.                             <span>{{ distance.from }}</span>
  249.                         </div>
  250.                     {% endif %}
  252.                 {% endif %}
  253.                 {% if accommodationItem %}
  254.                     {{ include('@ElementsDemiFrontend/Includes/teaser/badges.html.twig', {
  255.                         'accommodation' : accommodation,
  256.                         'accommodationItem' : accommodationItem
  257.                     }) }}
  258.                 {% endif %}
  260.                 {% set accoTopFacilities = demi_getTopFacilitiesForAccommodation(accommodation,demi_core_configuration("getTopFacilities", {})) %}
  261.                 {% if not pimcore_device().isPhone() and accoTopFacilities | length > 0 or freeCancellationInList %}
  262.                     <ul class="list-inline list-inline--dots mb-1 small">
  263.                         {% if freeCancellationInList %}
  264.                             <li class="list-inline-item  free-cancellation">
  265.                                 {{ searchParam is instanceof("\\Elements\\Demi\\Accommodation\\Search\\Parameter") and searchParam.getFreeCancellation() ? "demi.list.free-cancellation-filtered" : "demi.list.free-cancellation" | trans }}
  266.                             </li>
  267.                         {% endif %}
  268.                         {% if accoTopFacilities | length > 0 %}
  269.                             {% for topFacility in accoTopFacilities %}
  270.                                 <li class="list-inline-item">
  271.                                     {{ topFacility.getName() }}
  272.                                 </li>
  273.                             {% endfor %}
  274.                         {% endif %}
  275.                     </ul>
  276.                 {% elseif freeCancellationInList %}
  277.                     <ul class="list-inline list-inline--dots mb-1 small">
  278.                         <li class="list-inline-item free-cancellation">
  279.                             {{ searchParam is instanceof("\\Elements\\Demi\\Accommodation\\Search\\Parameter") and searchParam.getFreeCancellation() ? "demi.list.free-cancellation-filtered" : "demi.list.free-cancellation" | trans }}
  280.                         </li>
  281.                     </ul>
  282.                 {% endif %}
  285.                 {% set tvbListNoDate = searchParam is instanceof("\\Elements\\Demi\\Accommodation\\Search\\Parameter") and not searchParam.getDateFrom() %}
  286.                 {% if pimcore_device().isPhone() and actualBookable and not tvbListNoDate %}
  287.                     {{ include('@ElementsDemiFrontend/Accommodation/includes/acco-teaser-vacancy-info.html.twig', {
  288.                         'totalVacancies':totalVacancies,
  289.                         'totalOffers':totalOffers
  290.                     }) }}
  291.                 {% endif %}
  292.             </div>
  294.             <hr class="my-1 d-md-none">
  296.             <div class="teaser__price-body d-md-none">
  298.                 <div class="mb-1 small text-muted">
  299.                     <div class="media">
  300.                         {% if minPriceMeal %}
  301.                             <div class="demi-icon demi-icon-restaurant mr-1"
  302.                                  aria-label="{{ 'demi.list.meals' | trans }}"
  303.                                  title="{{ 'demi.list.meals' | trans }}"></div>
  304.                             <div class="media-body">
  305.                                 {{ minPriceMeal }}
  306.                             </div>
  307.                         {% elseif searchParam.getIsCorridor() %}
  308.                             <div class="media-body">{{ 'demi.detail.priceinfo.per-person-per-night' | trans }}</div>
  309.                         {% elseif accommodationItem and accommodationItem.getPriceInfo() %}
  310.                             <div
  311.                                 class="media-body">{{ include('@ElementsDemiFrontend/Includes/priceInfoStr.html.twig', {'type' : accommodationItem.getPriceInfo().type, 'nights' : accommodationItem.getPriceInfo().nights}) }}</div>
  312.                         {% elseif accommodationItem and accommodationItem.getMinPriceProductSets()  is not empty and accommodationItem.getMinPriceProductSets()[0].getPriceInfo() is iterable and accommodationItem and accommodationItem.getMinPriceProductSets() %}
  313.                             {% set productToUse = accommodationItem.getMinPriceProductSets()[0] %}
  314.                             {%  if productToUse.getPriceInfo() is not empty %}
  315.                             <div
  316.                                 class="media-body">{{ include('@ElementsDemiFrontend/Includes/priceInfoStr.html.twig', {'type' : productToUse.getPriceInfo().rule, 'nights' : productToUse.getPriceInfo().nights }) }}</div>
  317.                             {% endif %}
  318.                         {% elseif not noDate and useLtsAndFusedMapTranslation is defined and accommodationItem is not defined %}
  319.                             {{ 'demi.list.map.not-available-for-filters' | trans }}
  320.                         {% endif %}
  321.                     </div>
  322.                 </div>
  324.                 {# Column right #}
  326.                 <div class="row align-items-baseline">
  327.                     <div class="col">
  328.                         {% if priceBeforeSpecial > price %}
  329.                             <span class="sr-only">{{ 'demi.instead-of' | trans }}</span>
  330.                             <span class="col text-muted">
  331.                                 {{ demi_paymentGetPriceObject(priceBeforeSpecial, accommodation) }}
  332.                             </span>
  333.                         {% endif %}
  334.                     </div>
  336.                     {% if price > 0 %}
  337.                         <strong class="col col-auto mr-auto text-success">
  338.                             {{ "demi.price-from-short" | trans }} <span
  339.                                 class="acco-teaser__price">{{ demi_paymentGetPriceObject(price, accommodation) }}</span>
  340.                         </strong>
  341.                     {% endif %}
  342.                 </div>
  343.             </div>
  345.             <a href="{{ detailUrl }}" class="teaser__arrow demi-icon demi-icon-chevron-right d-md-none"
  346.                title="{{ 'demi.list.detailsite' | trans }}" aria-label="{{ 'demi.list.detailsite' | trans }}"></a>
  347.         </div>
  349.         <div class="d-none d-md-block col teaser__price-body--big">
  350.             <div class="row h-100">
  351.                 <div class="col">
  352.                     {% if accommodation.getRatingSystem() is same as "TrustYou" %}
  353.                         {% set normalizedRating = demi_ratingGetNormalized(accommodation, maxRatingValue, maxRatingNormalized) %}
  354.                         {% if not pimcore_device().isPhone() and normalizedRating %}
  355.                             <div class="trustyou-logo mb-1"><span class="sr-only">TrustYou Rating</span></div>
  356.                             {{ include('@ElementsDemiFrontend/Includes/rating.html.twig', {
  357.                                 "score" : normalizedRating,
  358.                                 "text" : accommodation.getRatingScoreDescription(),
  359.                                 "styleModifier" : "mb-2 text-success",
  360.                                 "showReviewCount" : false,
  361.                                 "isTextWhite" : false
  362.                             }) }}
  363.                         {% endif %}
  364.                     {% endif %}
  366.                     <div class="mb-1 small text-muted">
  367.                         <div class="media">
  368.                             {% if minPriceMeal %}
  369.                                 <div class="demi-icon demi-icon-restaurant mr-1"
  370.                                      aria-label="{{ 'demi.list.meals' | trans }}"
  371.                                      title="{{ 'demi.list.meals' | trans }}"></div>
  372.                                 <div class="media-body">
  373.                                     {{ minPriceMeal }}
  374.                                 </div>
  375.                             {% elseif searchParam.getIsCorridor() %}
  376.                                 <div class="media-body">{{ 'demi.detail.priceinfo.per-person-per-night' | trans }}</div>
  377.                             {% elseif accommodationItem and accommodationItem.getPriceInfo() %}
  378.                                 <div
  379.                                     class="media-body">{{ include('@ElementsDemiFrontend/Includes/priceInfoStr.html.twig', {'type' : accommodationItem.getPriceInfo().type, 'nights' : accommodationItem.getPriceInfo().nights }) }}</div>
  380.                             {% elseif accommodationItem and accommodationItem.getMinPriceProductSets() is not empty and accommodationItem.getMinPriceProductSets()[0] and accommodationItem.getMinPriceProductSets()[0].getPriceInfo() is iterable %}
  381.                                 {% set productToUse = accommodationItem.getMinPriceProductSets()[0] %}
  382.                                 {% if productToUse.getPriceInfo() is not empty %}
  383.                                 <div
  384.                                     class="media-body">{{ include('@ElementsDemiFrontend/Includes/priceInfoStr.html.twig', {'type' : productToUse.getPriceInfo().rule, 'nights' : productToUse.getPriceInfo().nights}) }}</div>
  385.                                 {% endif %}
  386.                             {% endif %}
  387.                         </div>
  388.                     </div>
  391.                     <div class="row align-items-baseline mb-1">
  392.                         <div class="{{ priceBeforeSpecial > price ? 'col ': '' }}col-lg-12">
  393.                             {% if (priceBeforeSpecial > price) %}
  394.                                 <span class="sr-only">{{ 'demi.instead-of' | trans }}</span>
  395.                                 <s class="text-muted">{{ demi_paymentGetPriceObject(priceBeforeSpecial, accommodation) }}</s>
  396.                             {% endif %}
  397.                         </div>
  399.                         {% if price > 0 %}
  400.                             <strong class="col col-auto mr-auto text-success">
  401.                                 {{ "demi.price-from-short" | trans }} <span
  402.                                     class="teaser__price">{{ demi_paymentGetPriceObject(price,accommodation) }}</span>
  403.                             </strong>
  404.                         {% endif %}
  405.                     </div>
  407.                     {% set tvbListNoDate = searchParam is instanceof("\\Elements\\Demi\\Accommodation\\Search\\Parameter") and not searchParam.getDateFrom() %}
  408.                     {% if actualBookable and not tvbListNoDate %}
  409.                         {{ include('@ElementsDemiFrontend/Accommodation/includes/acco-teaser-vacancy-info.html.twig', {
  410.                             'totalVacancies' : totalVacancies,
  411.                             'totalOffers' : totalOffers,
  412.                             'styleModifier' : ''
  413.                         }) }}
  414.                     {% endif %}
  416.                     {% if isMapAllowed and accoPosition is not null and accoPosition.getLatitude() and accoPosition.getLongitude() %}
  417.                         <button type="button"
  418.                                 class="btn-no-styling js-accommodation-map__show-on-map teaser__show-on-map mt-2">
  419.                             <span class="demi-icon demi-icon-marker icon-in-text" aria-hidden="true"></span>
  420.                             <span>
  421.                                 {{ 'demi.list.show-on-map' | trans }}
  422.                             </span>
  423.                         </button>
  424.                     {% endif %}
  427.                 </div>
  428.                 <div class="col col-auto align-self-center">
  429.                     <a href="{{ detailUrl }}" class="btn btn-default teaser__detail-btn" {{ isWhiteLabel ? 'target="_blank"' : '' }}
  430.                        title="{{ 'demi.list.detailsite' | trans }}" aria-label="{{ 'demi.list.detailsite' | trans }}">
  431.                         <span class="demi-icon demi-icon-arrow-right" aria-hidden="true"></span>
  432.                     </a>
  433.                 </div>
  435.             </div>
  437.         </div>
  439.     </div>
  440. </section>