src/Elements/Bundle/DemiFrontendBundle/Resources/views/Accommodation/detail.mobile.html.twig line 1

Open in your IDE?
  1. {% if not editmode %}
  2.     {% do elements_head_title().setTitle( demi_seoTitleForAcco(accommodation,document), true ) %}
  3.     {% do elements_head_meta().setDescription( demi_seoDescriptionforAcco(accommodation) ) %}
  4. {% endif %}
  6. {% set destinationPackages = destinationPackages is defined ? destinationPackages : null %}
  8. {#{% set canonicalUrl = demi_demiUrl({#}
  9. {#    'accommodation': accommodation#}
  10. {#},'demi_acco_detail_page',true) %}#}
  11. {% set canonicalUrl = linkGenerator().generate(accommodation, {canonical: true, relative: false, reset: true}) %}
  12. {% do elements_canonical().checkAllParams(false).setDomain(canonicalUrl)|raw %}
  14.  {% if not canonicalUrl is same as(app.request.pathInfo) %}
  15.      {% do elements_robots().setNoIndex(true) %}
  16.  {% endif %}
  18. {% extends '@ElementsDemiFrontend/Layout/layout.html.twig' %}
  19. {% block content %}
  20.     {% do demi_paymentSetDefaultCurrency(accommodation) %}
  22.     {% if not availabilityIsChecked %}
  23.         {% set fromDate = null %}
  24.     {% else %}
  25.         {% set fromDate = demi_getSearchFrom() %}
  26.     {% endif %}
  28.     {% set resultSetPresent = false %}
  30.     {% if accommodationResultSet is defined and accommodationResultSet is not null and accommodationResultSet.getMinPriceProductSets is not empty and accommodationResultSet.getMinPriceProductSets()|length > 0 %}
  31.         {% set resultSetPresent = true %}
  32.     {% endif %}
  34.     {% set ajaxUrl = demi_demiUrl({
  35.         'accommodation': accommodation
  36.     },'demi_acco_ajax') %}
  38.     {% if  '?' in ajaxUrl %}
  39.         {% set parts = ajaxUrl|split('?') %}
  40.         {% set ajaxUrl = parts[0] %}
  41.     {% endif %}
  43.     {% set liveDetailProductsUrl = ajaxUrl ~ "?ajaxRequestType=getLiveDetailProducts" %}
  44.     {% set corridorMatrixUrl = ajaxUrl ~ "?ajaxRequestType=getCorridorMatrix" %}
  45.     {% set productUrl = ajaxUrl ~ "?ajaxRequestType=getProductByIdAndMealcode" %}
  46.     {% set paymentInformationUrl = ajaxUrl ~ "?ajaxRequestType=getProductByIdAndMealcode" %}
  48.     {% set address = accommodation.getAddress() %}
  49.     {% set maxRatingValue = demi_core_configuration('getMaxRatingValue',[]) ?: 5 %}
  50.     {% set maxRatingNormalized = demi_core_configuration('getMaxRatingNormalized',[]) ?: 5 %}
  52.     {% set anchors = {
  53.         'detail': '#details',
  54.         'package': '#packages',
  55.         'rooms': '#rooms'
  56.     } %}
  58.     {% if activeTab is defined and activeTab not in anchors %}
  59.         {% set activeTab = '#details' %}
  60.     {% else %}
  61.         {% do jsConfig('_initialState').add({'activeTab': activeTab}) %}
  62.     {% endif %}
  65.     {% set step1Url = demi_demiUrl({
  66.         'path': demi_core_configuration('getCheckoutPath',[]).getFullPath(),
  67.         'controller': 'cart',
  68.         'action': 'step1'
  69.     },'demi_checkout',true) %}
  71.     {% set addToCartUrl = step1Url %}
  74.     {% set imagesTypes = demi_getAccoImagesTypesAsArray(accommodation) %}
  76.     {% set classifications = accommodation.getClassifications() %}
  77.     {% set hasClassificationsWithIcons = false %}
  78.     {% for classification in classifications %}
  79.         {% set group = classification.getClassificationGroup() %}
  80.         {% if group is not empty and group.getIconSmall() %}
  81.             {% set hasClassificationsWithIcons = true %}
  82.         {% endif %}
  83.     {% endfor %}
  86.     {% set jsonLdData = demi_getAccommodationJsonLdData(accommodation, options is defined ? options : [], packages is defined ? packages : null) %}
  88.     {% do jsonLd().add("accommodation", jsonLdData) %}
  89.     {# TODO @msteyrer breadcrumb helper bundle not in use atm
  90.            {% do breadcrumbHelper().set({
  91.                'parentId': document.getId(),
  92.                'url': accoUrlPlain,
  93.                'label': accommodation.getName()
  94.            }) %}
  96.            {{ include('@ElementsDemiFrontend/Navigation/breadcrumb.html.twig') }} #}
  100.     <script data-cookieconsent="ignore">
  101.         _config.viewType = "object";
  102.         _config.historyController = true;
  103.         _config.roomSelection = true;
  104.         _config.searchData = true;
  105.         _config.detailResultUrl = '{{ liveDetailProductsUrl }}';
  106.         _config.corridorSearchUrl = '{{ corridorMatrixUrl }}';
  107.         _config.detailPaymentInfoUrl = '{{ paymentInformationUrl }}';
  108.         _config.detailProductUrl = '{{ productUrl }}';
  109.         _config.addToCartUrl = '{{ addToCartUrl }}';
  110.         _config.addToCartUrl = '{{ addToCartUrl|raw }}';
  111.         _config.cartWarningOnMultipleAccoProducts = {{ demi_core_configuration('getWarningOnMultipleAccoProducts',[]) ? 'true': 'false' }};
  112.         _config.cartInfoUrl = '{{ demi_checkoutUrl('cart','hasAccoInCart')|raw }}';
  113.         _config.roomList = true;
  114.         _config.paramTabs = true;
  115.         _config.isWhitelabel = {{ demi_core_configuration("getIsWhitelabel",[]) ? 'true' : 'false' }};
  116.         _config.trackingCountingClicksUrl = '{{ countingClicksUriJs|raw }}';
  117.         _config.productData = {
  118.             id: {{ accommodation.getId() }},
  119.             name: "{{ demi_impressionName(accommodation) }}",
  120.             category: "{{ demi_impressionCategory(accommodation, null, searchParam) }}",
  121.             brand: "{{ demi_impressionBrand(accommodation) }}"
  122.         };
  123.         _config.acommodationMapHideBusinesses = {{ demi_core_configuration('getMapHideBusinesses',[]) ? 'true' : 'false' }};
  125.         {% set mealtypeId = searchParam.getMealTypeId() %}
  126.         {% if mealtypeId is not empty and mealtypeId[0] is not empty %}
  127.         _config.urlParams = _config.urlParams || [];
  128.         _config.urlParams.push({name: "mealtype", value: "{{ mealtypeId[0] }}"});
  129.         {% endif %}
  130.         {% if searchParam.getBookOnly() %}
  131.         _config.urlParams = _config.urlParams || [];
  132.         _config.urlParams.push({name: "bookonly", value: "on"});
  133.         {% endif %}
  135.     </script>
  137.     {{ include('@ElementsDemiFrontend/Includes/canonicalOverride.html.twig', {'object' : accommodation }) }}
  140.     {{ include('@ElementsDemiFrontend/Includes/tags/detail-acco.html.twig',
  141.         {
  142.             'isMobile': false,
  143.             'acco': accommodation,
  144.             'searchParam': searchParam,
  145.             'accoResultSet': accommodationResultSet,
  146.             'productResultSet': productResultSet,
  147.             'packages': packages is defined ? packages : null,
  148.             'sortedMarketingGroups': sortedMarketingGroups,
  149.             'sortedFacilities': sortedFacilities,
  150.             'sortedHealthMeasures':sortedHealthMeasures,
  151.             'hasHousePackages': hasHousePackages
  152.         }
  153.     ) }}
  157.     <main id="main" role="main">
  158.         <div>
  160.             <div class="js-search-data__show-if-submitted" {{ availabilityIsChecked ? '' : 'hidden' }}>
  161.                 {{ include('@ElementsDemiFrontend/Includes/ribbon.html.twig',{'searchParam': searchParam,'showBackButton': true, 'withFlag': false}) }}
  162.             </div>
  163.             <div class="js-search-data__hide-if-submitted" {{ availabilityIsChecked ? 'hidden' : '' }}>
  164.                 {{ include('@ElementsDemiFrontend/Includes/ribbon-price.html.twig',{'resultSet': accommodationResultSet ? accommodationResultSet.getMinPriceBase(true): null, 'accommodation': accommodation}) }}
  165.             </div>
  166.         </div>
  168.         <div class="container">
  169.             {% if accommodation.getIsTesthotel() %}
  170.                 <div class="demi-test-acco-notice mb-3 text-danger"><strong>Testbetrieb</strong> nur für Debug/aktive
  171.                     Pimcore User sichtbar
  172.                 </div>{% endif %}
  173.             <h1 class="h2 text-primary{{ hasClassificationsWithIcons ? ' mb-1' : '' }}">{{ demi_getAccoNameWithStars(accommodation) }}</h1>
  175.             {% for classification in classifications %}
  176.                 <div class="row row--gutter-width-20 mb-2">
  177.                     <div class="col col-auto">
  178.                         {% set count = classification.getClassificationGroupAmount() %}
  179.                         {% set group = classification.getClassificationGroup() %}
  180.                         {% if count is not empty and classification.getShowAsIcon() and classification.demiGetIcon() is not null %}
  181.                             <span class="classification_holder hidden-xs"
  182.                                   aria-label="{{ count }} {{ group.getName() }}">
  183.                             {% for c in 0..count %}
  184.                                 {% set thumbnail = classification.demiGetIcon().getThumbnail('demi-classification') %}
  185.                                 {{ thumbnail.getHTML()|raw }}
  186.                             {% endfor %}
  187.                                 {% if classification.getIsSuperior() %}
  188.                                     <span class="classification-superior">S</span>
  189.                                 {% endif %}
  190.                         </span>
  191.                         {% endif %}
  192.                     </div>
  193.                 </div>
  194.             {% endfor %}
  196.             <div class="row row--gutter-width-20 mb-2">
  197.                 <div class="col col-auto">
  198.                     {{ accommodation.getCategoryNames(2) }}
  199.                 </div>
  200.                 <div class="col">
  201.                     <div class="media text-muted">
  202.                         {% if accommodation.getTown() is not null and (accommodation.getTown().getNameLocalized(app.request.locale) is not empty or accommodation.getTown().getName() is not empty) %}
  203.                             <div class="demi-icon demi-icon-marker mr-1 icon-in-text"
  204.                                  title="{{ 'demi.list.town'|trans }}" aria-label="{{ 'demi.list.town'|trans }}"></div>
  205.                             <div class="media-body">
  206.                                 {{ accommodation.getTown().getNameLocalized(app.request.locale) is not empty ?  accommodation.getTown().getNameLocalized(app.request.locale) : accommodation.getTown().getName() }}
  207.                             </div>
  208.                         {% elseif accommodation.getDistrict() is not null and  (accommodation.getDistrict().getNameLocalized(app.request.locale) or accommodation.getDistrict().getName() is not empty) %}
  209.                             <div class="demi-icon demi-icon-marker mr-1 icon-in-text"
  210.                                  title="{{ 'demi.list.town'|trans }}" aria-label="{{ 'demi.list.town'|trans }}"></div>
  211.                             <div class="media-body">
  212.                                 {{ accommodation.getDistrict().getNameLocalized(app.request.locale) is not empty  ? accommodation.getDistrict().getNameLocalized(app.request.locale) : accommodation.getDistrict().getName() }}
  213.                             </div>
  214.                         {% elseif address is not null and address.getTown is not null %}
  215.                             <div class="demi-icon demi-icon-marker mr-1 icon-in-text"
  216.                                  title="{{ 'demi.detail.town'|trans }}"
  217.                                  aria-label="{{ 'demi.detail.town'|trans }}"></div>
  218.                             <div class="media-body">
  219.                                 {{ address.getTown() }}
  220.                             </div>
  221.                         {% endif %}
  222.                     </div>
  223.                 </div>
  224.             </div>
  226.             <div class="row row--gutter-width-20 mb-2">
  227.                 <div class="col">
  228.                     {% if accommodation.getRatingSystem()=="TrustYou" %}
  229.                         {% set normalizedRating = demi_ratingGetNormalized(accommodation, maxRatingValue, maxRatingNormalized) %}
  230.                         {% if normalizedRating is not empty %}
  231.                             <img src="/static/demi/debug/img/trustyou-logo.png" alt="Logo Trustyou" class="mb-1">
  232.                             {{ include('@ElementsDemiFrontend/Includes/rating.html.twig', {
  233.                                 "score": normalizedRating,
  234.                                 "text": accommodation.getRatingScoreDescription(),
  235.                                 "styleModifier": "mb-1",
  236.                                 "showReviewCount": true,
  237.                                 "ratingCount": accommodation.getRatingCountDirect()
  238.                             }) }}
  239.                         {% endif %}
  240.                     {% endif %}
  242.                 </div>
  243.                 <div class="col col-auto">
  244.                     {{ include('@ElementsDemiFrontend/Accommodation/includes/serviceprovider-logo.html.twig', {
  245.                         "logo": accommodation.getImages([constant('Elements\\Demi\\Deskline\\Constant\\DocumentInterface::DOCUMENT_TYPE_SERVICE_PROVIDER_LOGO')])|first
  246.                     }) }}
  247.                 </div>
  248.             </div>
  249.         </div>
  251.         <figure class="figure my-3">
  252.             {% set firstImage =  accommodation.getFirstImage(imagesTypes,fromDate) %}
  253.             {% if firstImage is not null %}
  254.                 {{ firstImage.getThumbnail('demi-mobile-header-img').getHTML({ 'imgAttributes': {'class': 'img-full-width' }})|raw }}
  255.             {% endif %}
  257.             {% set images = accommodation.getImages(imagesTypes, fromDate, true) %}
  258.             {% set photoCount = images|length %}
  259.             {% if photoCount > 1 %}
  261.                 <div class="figure__item figure__item--right figure__item--bottom m-3">
  262.                     <button class="btn btn-primary js-overlay__toggle js-tracking--click-piwik"
  263.                             data-target="#{{ accommodation.getId() }}-imgs-overlay"
  264.                             data-tracking-category="Gallery"
  265.                             data-tracking-action="open">
  266.                         {% set galleryString = photoCount > 1 ? 'demi.detail.images-gallery-button'|trans : 'demi.detail.image-gallery-button'|trans %}
  267.                         {% set galleryString = galleryString|replace({'[AMOUNT_IMAGES]': photoCount}) %}
  268.                         {% do elements_opengraph().setImages(elements_opengraph().getImages|merge( [app.request.getHost() ~ (images|first).getThumbnail('ogimages')])) %}
  269.                         {{ galleryString }}
  270.                     </button>
  271.                 </div>
  272.                 </div>
  273.             {% endif %}
  274.         </figure>
  276.         <div class="container" aria-live="polite">
  277.             <div class="js-room-list__loading js-corridor__search-info-loading" hidden>
  278.                 <div class="text-center py-3">
  279.                     {{ include('@ElementsDemiFrontend/Includes/elements/spinner/loading-spinner.html.twig') }}
  280.                 </div>
  281.             </div>
  283.             <div class="js-room-list__content js-corridor__search-info-content" id="searchInfo" data-list="searchInfo">
  284.                 {{ include('@ElementsDemiFrontend/Accommodation/searchInfoBox.mobile.html.twig', {
  285.                     "accommodationResultSet": accommodationResultSet,
  286.                     "isPackage": false,
  287.                 }) }}
  288.             </div>
  289.         </div>
  291.         <div class="mt-3">
  292.             <ul class="nav nav-border-tabs justify-content-center" role="tablist">
  293.                 <li class="nav-item">
  294.                     <a class="nav-link js-param-tab{{ activeTab == anchors['detail'] ? ' active' : '' }} js-tracking js-tracking--click"
  295.                        href="{{ anchors['detail'] }}"
  296.                        data-toggle="tab"
  297.                        role="tab"
  298.                        aria-expanded="{{ activeTab == anchors['detail'] ? 'true' : 'false' }}"
  299.                        data-tracking-category="button"
  300.                        data-tracking-action="detail"
  301.                        data-tracking-label="{{ accommodation.getName()|escape }}">
  302.                         {{ 'demi.detail.tab.accommodation-details'|trans }}
  303.                     </a>
  304.                 </li>
  305.                 <li class="nav-item" {{ hasHousePackages or (destinationPackages is not null and destinationPackages|length > 0  and  demi_core_configuration("getShowDestinationPackagesOnAccoDetail",[]))  ? "" : "hidden" }}>
  306.                     <a class="nav-link js-param-tab{{ activeTab == anchors['package'] ? ' active' : '' }} js-tracking js-tracking--click"
  307.                        href="{{ anchors['package'] }}"
  308.                        data-toggle="tab"
  309.                        role="tab"
  310.                        aria-expanded="{{ activeTab == anchors['package'] ? 'true' : 'false' }}"
  311.                        data-tracking-category="button"
  312.                        data-tracking-action="package"
  313.                        data-tracking-label="{{ accommodation.getName()|escape }}">
  314.                         {{ 'demi.detail.tab.packages'|trans }}
  315.                     </a>
  316.                 </li>
  317.                 <li class="nav-item">
  318.                     <a class="nav-link js-param-tab {{ activeTab == anchors['rooms'] ? ' active' : '' }} js-tracking js-tracking--click"
  319.                        href="{{ anchors['rooms'] }}"
  320.                        data-toggle="tab"
  321.                        role="tab"
  322.                        aria-expanded="{{ activeTab == anchors['rooms'] ? 'true' : 'false' }}"
  323.                        data-tracking-category="button"
  324.                        data-tracking-action="rooms"
  325.                        data-tracking-label="{{ accommodation.getName()|escape }}">
  326.                         {{ demi_getRoomsTabTranslationKey(accommodation)|trans }}
  327.                     </a>
  328.                 </li>
  329.             </ul>
  330.         </div>
  332.         <div class="bg-light-gray pb-4 pt-2">
  333.             <div class="tab-content">
  334.                 <div class="tab-pane{{ activeTab == anchors['detail'] ? ' active ' : '' }} pt-2" id="details"
  335.                      role="tabpanel">
  336.                     {{ include("@ElementsDemiFrontend/Accommodation/includes/acco-details.mobile.html.twig" ,{
  337.                         'package': false,
  338.                         'address': address,
  339.                         'photoCount': photoCount is defined ? photoCount : 0,
  340.                         'availabilityIsChecked':  availabilityIsChecked,
  341.                         'fromDate': fromDate
  342.                     }) }}
  343.                 </div>
  345.                 <div class="tab-pane{{ activeTab == anchors['package'] ? ' active ' : '' }} pt-2" id="packages"
  346.                      role="tabpanel">
  347.                     {{ include("@ElementsDemiFrontend/Accommodation/includes/acco-packages.mobile.html.twig" ,{
  348.                         'packages': packages is defined ? packages : null,
  349.                         'destinationPackages': destinationPackages is defined ? destinationPackages : null,
  350.                         'accommodation': accommodation
  351.                     }) }}
  352.                 </div>
  354.                 <div class="tab-pane{{ activeTab == anchors['rooms'] ? ' active ' : '' }} pt-2" id="rooms"
  355.                      role="tabpanel">
  356.                     {{ include("@ElementsDemiFrontend/Accommodation/includes/acco-rooms.html.twig" ,{
  357.                         'package': false,
  358.                         'availabilityIsChecked': availabilityIsChecked,
  359.                         'accommodation': accommodation,
  360.                         'housePackageMaster': null,
  361.                         'resultSetPresent': resultSetPresent,
  362.                         'tvbPackage': null,
  363.                     }) }}
  364.                 </div>
  365.             </div>
  367.             <div class="mt-4 text-center">
  368.                 {{ include("@ElementsDemiFrontend/Accommodation/includes/enquiry-button.html.twig", {
  369.                     "text": "demi.detail.enquiry-button"|trans,
  370.                     "trackingCategory": "Accommodation detail",
  371.                     "trackingAction": "click enquiry"
  372.                 }) }}
  373.             </div>
  374.         </div>
  375.     </main>
  377.     {% set contactSnippet = demi_core_configuration('getContactSnippet',[]) %}
  378.     {% if(contactSnippet is not empty) %}
  379.         {{ pimcore_inc(contactSnippet) }}
  380.     {% endif %}
  382.     {{ include('@ElementsDemiFrontend/Includes/overlays/search.html.twig',{
  383.         'filterSnippet':  pimcore_relation('filterSnippet').getData(),
  384.         'searchParam': searchParam,
  385.         'noDate': noDate is defined ? noDate : searchParam.getDateFrom() is not null,
  386.         'isSearch': true
  387.     }) }}
  389.     {{ include('@ElementsDemiFrontend/Includes/overlays/img-gallery.html.twig',{
  390.         'accommodation': accommodation,
  391.         'imagesTypes': imagesTypes
  392.     }) }}
  395.     {% if demi_core_configuration("getDisableEnquiry",[])!=true and accommodation.getAddress() is not empty and accommodation.getAddress().getEmail() is not empty %}
  397.         {{ include('@ElementsDemiFrontend/Includes/overlays/inquiry-overlay.html.twig', {
  398.             'accommodation': accommodation,
  399.             'searchParams': searchParam,
  400.             'user': user
  401.         }) }}
  402.     {% endif %}
  405.     {% if demi_core_configuration('getWarningOnMultipleAccoProducts',[]) %}
  406.         {{ include('@ElementsDemiFrontend/Includes/modals/warningOnMultipleAccoProductsModal.html.twig', {'cartUrl': step1Url}) }}
  407.     {% endif %}
  408. {% endblock %}