src/Elements/Bundle/DemiFrontendBundle/Resources/views/Accommodation/package.desktop.html.twig line 1

Open in your IDE?
  1. {% if not availabilityIsChecked %}
  2.     {% set fromDate = null %}
  3. {% else %}
  4.     {% set fromDate = demi_getSearchFrom() %}
  5. {% endif %}
  7. {% if not editmode %}
  8.     {% do elements_head_title().setTitle( demi_seoTitleForHousePackage(accommodation,housePackageMaster,null), true ) %}
  9.     {% do elements_head_meta().setDescription( demi_seoDescriptionForHousePackage(accommodation,housePackageMaster,null,fromDate),true )  %}
  10. {% endif %}
  12. {% set canonicalUrl = linkGenerator().generate(housePackageMaster) %}
  13. {% do elements_canonical().checkAllParams(false).setDomain(canonicalUrl)|raw %}
  14. {% set deactivateHrefland = true %}
  15. {%  do demi_paymentGetDefaultCurrency(accommodation) %}
  17. {% set address = accommodation.getAddress() %}
  18. {% set maxRatingValue = demi_core_configuration('getMaxRatingValue',[]) ?: 5 %}
  19. {% set maxRatingNormalized = demi_core_configuration('getMaxRatingNormalized',[]) ?: 5 %}
  21. {% set hasRatingWidget = demi_ratingGetHasRatingWidgetTrustYou(accommodation) %}
  23. {% set accoUrlPlain = demi_demiUrl({
  24.     'accommodation': accommodation
  25. },'demi_acco_detail_page',true) %}
  27. {% set accoUrl = accoUrlPlain %}
  28. {% if "?" in accoUrl %}
  29.     {% set accoUrl = accoUrl ~ "&activeTab=%23packages" %}
  30. {% else  %}
  31.     {% set accoUrl = accoUrl ~ "?activeTab=%23packages" %}
  32. {% endif %}
  34. {% set housePackageResultSet = housePackageResultSet|length ? housePackageResultSet[0] : null %}
  36. {% set ajaxUrl = demi_demiUrl({
  37.     'accommodation': accommodation,
  38.     'package': housePackageMaster
  39. },'demi_acco_package_ajax') %}
  41. {% if  '?' in ajaxUrl %}
  42.     {% set parts = ajaxUrl|split('?') %}
  43.     {% set ajaxUrl = parts[0] %}
  44. {% endif %}
  46. {% set liveDetailProductsUrl = ajaxUrl ~ "?ajaxRequestType=getLiveDetailProducts" %}
  47. {% set corridorMatrixUrl = ajaxUrl ~ "?ajaxRequestType=getCorridorMatrix" %}
  48. {% set productUrl = ajaxUrl ~ "?ajaxRequestType=getProductByIdAndMealcode" %}
  49. {% set paymentInformationUrl = ajaxUrl ~ "?ajaxRequestType=getProductByIdAndMealcode" %}
  51. {% set step1Url = demi_demiUrl({
  52.     'path': demi_core_configuration('getCheckoutPath',[]).getFullPath(),
  53.     'controller': 'cart',
  54.     'action': 'step1'
  55. },'demi_checkout',true) %}
  58. {% set anchors = {
  59.     'details': '#details',
  60.     'booking': '#booking',
  61.     'pictures': '#pictures',
  62.     'rating': '#ratings'
  63. } %}
  65. {% if activeTab is not defined or activeTab not in anchors %}
  66.     {% set activeTab = '#details' %}
  67. {% else %}
  68.     {% do jsConfig('_initialState').add({'activeTab': activeTab}) %}
  69. {% endif %}
  71. {% set imagesTypes = demi_getAccoImagesTypesAsArray(housePackageMaster) %}
  72. {% set imageList = housePackageMaster.getImages(null, fromDate, true) %}
  73. {% set imageList = imageList|merge(accommodation.getImages(imagesTypes, fromDate, true)) %}
  74. {% if imageList is not empty %}
  75.     {% do elements_opengraph().addImage(imageList[0].getThumbnail('slider-main').getPath()) %}
  76. {% endif %}
  77. {% set photoCount = imageList|length %}
  78. {% set videoCount = impressionLinks["video"]|length %}
  79. {% set panoCount = impressionLinks["pano"]|length %}
  81. {% if showJsonLd %}
  83.     {% set jsonLdData = demi_getProductJsonLdData(accommodation, housePackageResultSet, housePackageMaster, fromDate, []) %}
  85.     {% do jsonLd().add("accommodation", jsonLdData) %}
  87.     {# TODO @msteyrer breadcrumb helper bundle not in use atm
  88.     {% do breadcrumbHelper().set({
  89.         'parentId': document.getId(),
  90.         'url': accoUrlPlain,
  91.         'label': accommodation.getName()
  92.     }) %}
  94.     {% do breadcrumbHelper().append({
  95.         'parentId': document.getId(),
  96.         'url': canonicalUrl,
  97.         'label': housePackageMaster.getName()
  98.     }) %}
  100.      {{ include('@ElementsDemiFrontend/Navigation/breadcrumb.html.twig') }} #}
  102. {% endif %}
  104. {% set headerName = "full" %}
  105. {% set width = 0 %}
  106. {% set forceMultiHeader = accommodation.getForceMultiHeader() %}
  108. {% if imageList is defined and imageList|length > 0 and imageList[0] is not empty  %}
  109.     {% set width = imageList[0].getCustomSettings()["imageWidth"] %}
  110.     {% do elements_opengraph().addImage(imageList[0].getFullPath()) %}
  112. {% endif %}
  114. {% if width < demi_core_configuration("getMinWidthForFullHeader",[]) or forceMultiHeader %}
  115.     {% set headerName = "multi-image" %}
  116. {% endif %}
  118. {% if not canonicalUrl is same as(app.request.pathInfo) %}
  119.  {% do elements_robots().setNoIndex(true) %}
  120. {% endif %}
  122. {% extends '@ElementsDemiFrontend/Layout/layout.html.twig' %}
  123. {% block content %}
  125.     {{  include("@ElementsDemiFrontend/Includes/canonicalOverride.html.twig", {
  126.         "object": accommodation,
  127.         "package": housePackageMaster
  128.     }) }}
  130. <script type="text/javascript" data-cookieconsent="ignore">
  131.     _config.viewType = "package";
  132.     _config.historyController = true;
  133.     _config.roomSelection = true;
  134.     _config.searchData = true;
  135.     _config.detailResultUrl = '{{ liveDetailProductsUrl|raw }}';
  136.     _config.corridorSearchUrl = '{{ corridorMatrixUrl|raw }}';
  137.     _config.detailPaymentInfoUrl = '{{ paymentInformationUrl|raw }}';
  138.     _config.detailProductUrl = '{{ productUrl|raw }}';
  139.     _config.addToCartUrl = '{{ step1Url|raw }}';
  140.     _config.cartWarningOnMultipleAccoProducts = {{  demi_core_configuration('getWarningOnMultipleAccoProducts',[]) ? 'true': 'false' }};
  141.     _config.cartInfoUrl = '{{ demi_checkoutUrl('cart','hasAccoInCart')|raw }}';
  142.     _config.roomList = true;
  143.     _config.hpmId = "{{ housePackageMaster.getId() }}";
  144.     _config.trackingCountingClicksUrl='{{ countingClicksUriJs|raw }}';
  145.     _config.productData = {
  146.         id: {{ accommodation.getId() }},
  147.         name: "{{ demi_impressionName(accommodation) }}",
  148.         category: "{{ demi_impressionCategory(accommodation, housePackageMaster, searchParam) }}",
  149.         brand: "{{ demi_impressionBrand(accommodation) }}"
  150.     };
  151.     {#_config.productData = {#}
  152.     {#    id: {{ accommodation.getId() }},#}
  153.     {#    name: "{{ demi_impressionName(accommodation) }}",#}
  154.     {#    category: "{{ demi_impressionCategory(accommodation, housePackageMaster, searchParam, null) }}",#}
  155.     {#    brand: "{{ demi_impressionBrand(accommodation) }}"#}
  156.     {#};#}
  157.     _config.acommodationMapHideBusinesses = {{ demi_core_configuration('getMapHideBusinesses',[]) ? 'true' : 'false' }};
  159.     {% set mealtypeId = searchParam.getMealTypeId()   %}
  160.     {% if mealtypeId is not empty and mealtypeId[0] is not empty %}
  161.     _config.urlParams = _config.urlParams || [];
  162.     _config.urlParams.push( { name : "mealtype", value : "{{ mealtypeId[0] }}"} );
  163.     {% endif %}
  164.     {% if searchParam.getBookOnly() %}
  165.     _config.urlParams = _config.urlParams || [];
  166.     _config.urlParams.push( { name : "bookonly", value : "on"} );
  167.     {% endif %}
  169. </script>
  171.     {{ include('@ElementsDemiFrontend/Includes/tags/detail-package.html.twig',
  172.         {
  173.             'isMobile': false,
  174.             'acco': accommodation,
  175.             'searchParam': searchParam,
  176.             'accoResultSet': accommodationResultSet is defined ? accommodationResultSet : null ,
  177.             'productResultSet': productResultSet is defined ? productResultSet : null,
  178.             'packages': packages is defined ? packages : null,
  179.             'sortedMarketingGroups': sortedMarketingGroups,
  180.             'sortedFacilities': sortedFacilities,
  181.             'sortedHealthMeasures':sortedHealthMeasures,
  182.             'photoCount': photoCount,
  183.             'videoCount': videoCount,
  184.             'panoCount': panoCount,
  185.             'housePackageResultSet': housePackageResultSet,
  186.             'housePackageMaster': housePackageMaster
  187.         }
  188.     ) }}
  191. <main id="main" role="main">
  192.     <div hidden>
  193.         {{ include('@ElementsDemiFrontend/Accommodation/lightboxTopbar.html.twig') }}
  194.     </div>
  195.     {% set heroImageAlt = 'Package ' ~ housePackageMaster.getName() ~ ' - ' ~ accommodation.name %}
  196.     {% if imageList|length >= 3  or headerName=="full" %}
  197.         {{ include('@ElementsDemiFrontend/Accommodation/includes/acco-header-' ~ headerName ~'.desktop.html.twig',
  198.             {
  199.                 'photoCount': photoCount,
  200.                 'videoCount': videoCount,
  201.                 'panoCount': panoCount,
  202.                 'imageList': imageList,
  203.                 'alt': heroImageAlt
  204.             }
  205.         ) }}
  206.     {% endif %}
  208.     {{ include('@ElementsDemiFrontend/Includes/elements/search-info.desktop.html.twig', { "searchParam": searchParam, "availabilityIsChecked": availabilityIsChecked, "isSearch": false}) }}
  210.     <div class="container mt-5">
  211.         <div class="row">
  212.             <div class="col-xl-9 col-12">
  213.                 <div class="row mb-5">
  214.                     <div class="col">
  215.                         {% if accommodation.getIsTesthotel() %}
  216.                         <div class="demi-test-acco-notice mb-3 text-danger"><strong>Testbetrieb</strong> nur für Debug/aktive Pimcore User sichtbar</div>
  217.                         {% endif %}
  218.                         <h1 class="text-primary">{{ housePackageMaster.getName() }}</h1>
  219.                         <h2 class="mb-0">
  220.                             <a class="js-tracking--click-piwik"
  221.                                href="{{ accoUrlPlain }}"
  222.                                data-tracking-category="Package detail"
  223.                                data-tracking-action="accomoation click">
  224.                                 {{ demi_getAccoNameWithStars(accommodation) }}
  225.                             </a>
  226.                         </h2>
  228.                         <a href="{{ accoUrl }}"
  229.                            class="mb-3 d-block text-primary js-tracking--click-piwik"
  230.                            data-tracking-category="Package detail"
  231.                            data-tracking-action="all packages click">
  232.                             {{ "demi.detail.package.show-all-offers-of-acco"|trans }}
  233.                         </a>
  235.                         <div class="row mb-2">
  236.                             <div class="col col-auto">
  237.                                 {{ accommodation.getCategoryNames(2) }}
  238.                             </div>
  239.                             <div class="col col-auto">
  240.                                 <div class="media text-muted">
  241.                                     {% if address is not empty and address.getTown() is not empty  %}
  242.                                     <div class="demi-icon demi-icon-marker mr-1 icon-in-text" title="{{ 'demi.detail.town'|trans }}" aria-label="{{ 'demi.detail.town'|trans }}"></div>
  243.                                     <div class="media-body">
  244.                                         {{ address.getTown() }}
  245.                                     </div>
  246.                                     {% endif %}
  247.                                 </div>
  248.                             </div>
  249.                             <div class="col col-auto">
  250.                                 {% if distance is defined and distance is not empty %}
  251.                                     <div class="media text-muted">
  252.                                         <span class="badge badge-primary mr-1">{{ distance['value'] }}</span>
  253.                                         <div class="media-body">
  254.                                             <span class="text-primary">{{ distance['from'] }}</span>
  255.                                         </div>
  256.                                     </div>
  257.                                 {% endif %}
  258.                             </div>
  259.                         </div>
  260.                     </div>
  261.                     <div class="col col-auto">
  262.                         <div class="mb-4">
  263.                             {{ include('@ElementsDemiFrontend/Accommodation/includes/serviceprovider-logo.html.twig', {
  264.                                 "logo": accommodation.getImages([constant('Elements\\Demi\\Deskline\\Constant\\DocumentInterface::DOCUMENT_TYPE_SERVICE_PROVIDER_LOGO')])|first
  265.                             }) }}
  266.                         </div>
  267.                         <div>
  268.                             {% if accommodation.getRatingSystem()=="TrustYou" %}
  269.                                 {% set normalizedRating = demi_ratingGetNormalized(accommodation, maxRatingValue, maxRatingNormalized) %}
  270.                                 {% if normalizedRating is not empty %}
  271.                                     {{ include('@ElementsDemiFrontend/Accommodation/includes/rating-md.html.twig', {
  272.                                         "score": normalizedRating,
  273.                                         "text": accommodation.getRatingScoreDescription(),
  274.                                         "styleModifier": "mb-1",
  275.                                         "showReviewCount": true,
  276.                                         "ratingCount": accommodation.getRatingCountDirect(),
  277.                                         "isTextWhite" : false
  278.                                     }) }}
  279.                                 {% endif %}
  280.                             {% endif %}
  281.                         </div>
  282.                     </div>
  283.                     <div class="col col-auto">
  285.                         <div class="row">
  286.                             <div class="col col-auto d-xl-none d-md-block">
  287.                                 <div class="ml-3" aria-live="polite">
  288.                                     <div class="js-room-list__loading js-corridor__search-info-loading--compact" hidden>
  289.                                         <div class="text-center py-3">
  290.                                             {{ include('@ElementsDemiFrontend/Includes/elements/spinner/loading-spinner.html.twig') }}
  291.                                         </div>
  292.                                     </div>
  294.                                     <div class="js-room-list__content js-corridor__search-info-content--compact" data-list="searchInfoCompact">
  295.                                         {{ include('@ElementsDemiFrontend/Accommodation/searchInfoBoxCompact.desktop.html.twig', {
  296.                                             "accommodationResultSet": accommodationResultSet is defined ? accommodatonReslutSet : null,
  297.                                             "productResultSet": productResultSet is defined ? productResultSet : null,
  298.                                             "accommodation": accommodation,
  299.                                         }) }}
  300.                                     </div>
  301.                                 </div>
  302.                             </div>
  303.                         </div>
  306.                     </div>
  307.                 </div>
  308.                 <script data-cookieconsent="ignore">
  309.                     _config.paramTabs = true;
  310.                     _config.loadAccoImages = true;
  311.                 </script>
  313.                 <div class="mt-3">
  314.                     <ul class="nav nav-border-tabs" role="tablist">
  315.                         <li class="nav-item">
  316.                             <a class="nav-link js-param-tab{{ activeTab == anchors['details'] ? ' active' : '' }} js-tracking js-tracking--click"
  317.                                href="{{ anchors['details'] }}"
  318.                                data-toggle="tab"
  319.                                role="tab"
  320.                                aria-expanded="{{ activeTab == anchors['details'] ? 'true' : 'false' }}"
  321.                                data-tracking-category="button"
  322.                                data-tracking-action="package-details"
  323.                                data-tracking-label="{{ accommodation.getName()|escape }}">
  324.                                 {{ "demi.detail.package.tab.package"|trans }} & {{ "demi.detail.package.tab.acco"|trans }}
  325.                             </a>
  326.                         </li>
  327.                         {% if hasRatingWidget %}
  328.                             <li class="nav-item">
  329.                                 <a class="nav-link js-param-tab{{ activeTab == anchors['rating'] ? ' active' : '' }} js-tracking js-tracking--click"
  330.                                    href="{{ anchors['rating'] }}"
  331.                                    data-toggle="tab"
  332.                                    role="tab"
  333.                                    aria-expanded="{{ activeTab == anchors['rating'] ? 'true' : 'false' }}"
  334.                                    data-tracking-category="button"
  335.                                    data-tracking-action="rating"
  336.                                    data-tracking-label="{{ accommodation.getName()|escape }}">
  337.                                     {{ "demi.detail.tab.ratings"|trans }}
  338.                                 </a>
  339.                             </li>
  340.                         {% endif %}
  341.                         <li class="nav-item">
  342.                             <a class="nav-link js-param-tab js-acco-images__tab{{ activeTab == anchors['pictures'] ? ' active' : '' }} js-tracking js-tracking--click"
  343.                                href="{{ anchors['pictures'] }}"
  344.                                data-toggle="tab"
  345.                                role="tab"
  346.                                aria-expanded="{{ activeTab == anchors['pictures'] ? 'true' : 'false' }}"
  347.                                data-tracking-category="button"
  348.                                data-tracking-action="picture"
  349.                                data-tracking-label="{{ accommodation.getName()|escape }}">
  350.                                 {% if videoCount == 0 %}
  351.                                     {{ "demi.detail.tab.photos"|trans }}
  352.                                 {% else %}
  353.                                     {{ "demi.detail.tab.photos-videos"|trans }}
  354.                                 {% endif %}
  355.                             </a>
  356.                         </li>
  357.                         <li class="nav-item">
  358.                             <a class="nav-link js-param-tab{{ activeTab == anchors['booking'] ? ' active' : '' }} js-tracking js-tracking--click"
  359.                                href="{{ anchors['booking'] }}"
  360.                                data-toggle="tab"
  361.                                role="tab"
  362.                                aria-expanded="{{ activeTab == anchors['booking'] ? 'true' : 'false' }}"
  363.                                data-tracking-category="button"
  364.                                data-tracking-action="{{ "demi.detail.package.tab.availability"|trans }}"
  365.                                data-tracking-label="package-booking">
  366.                                 {{ "demi.detail.package.tab.availability"|trans }}
  367.                             </a>
  368.                         </li>
  369.                     </ul>
  370.                 </div>
  372.                 <div class="pb-4 pt-2">
  373.                     <div class="tab-content">
  375.                         <div class="tab-pane pt-2{{ activeTab == anchors['details'] ? ' active' : '' }}" id="details" role="tabpanel">
  377.                             {{ include("@ElementsDemiFrontend/Accommodation/includes/package-details.desktop.html.twig",{
  378.                                 'housePackageMaster': housePackageMaster,
  379.                                 'accommodation': accommodation
  380.                             }) }}
  382.                             {{ include("@ElementsDemiFrontend/Accommodation/includes/acco-details.desktop.html.twig" ,{
  383.                                 'package': true,
  384.                                 'address': address,
  385.                                 'photoCount': photoCount,
  386.                                 'availabilityIsChecked': availabilityIsChecked,
  387.                                 'fromDate': fromDate
  388.                             }) }}
  390.                         </div>
  392.                         {% if hasRatingWidget %}
  393.                             <div class="tab-pane pt-2{{ activeTab == anchors['rating'] ? ' active' : '' }}" id="ratings" role="tabpanel">
  394.                                 {{ include("@ElementsDemiFrontend/Accommodation/includes/acco-ratings.desktop.html.twig", {'hasRatingWidget': hasRatingWidget, 'package' : true}) }}
  395.                             </div>
  396.                         {% endif %}
  398.                         <div class="tab-pane pt-2{{ activeTab == anchors['pictures'] ? ' active' : '' }}" id="pictures" role="tabpanel">
  400.                             {{ include("@ElementsDemiFrontend/Accommodation/includes/acco-pictures.desktop.html.twig", {
  401.                                 'photoCount': photoCount,
  402.                                 'videoCount': videoCount,
  403.                                 'panoCount': panoCount,
  404.                                 'impressionsLinks': impressionLinks,
  405.                                 'fromDate': fromDate,
  406.                                 'imageList': imageList,
  407.                                 'accoId': accommodation.getId(),
  408.                                 'housePackageMasterId': housePackageMaster.getId(),
  409.                                 'package' : true
  410.                             }) }}
  412.                         </div>
  414.                         <div class="tab-pane pt-2{{ activeTab == anchors['booking'] ? ' active' : '' }}" id="booking" role="tabpanel">
  415.                             {{ include('@ElementsDemiFrontend/Accommodation/includes/acco-rooms.html.twig', {
  416.                                 'package': true,
  417.                                 'availabilityIsChecked': availabilityIsChecked,
  418.                                 'housePackageMaster': housePackageMaster,
  419.                                 'productResultSet': housePackageResultSet,
  420.                                 'tvbPackage' : packages is defined ? packages : null,
  421.                                 'resultSetPresent' : availabilityIsChecked,
  422.                                 'accommodationResultSet' : accommodationResultSet is defined ? accommodatonReslutSet : null,
  423.                             }) }}
  425.                         </div>
  427.                     </div>
  429.                 </div>
  430.             </div>
  432.             {{ include("@ElementsDemiFrontend/Accommodation/includes/acco-sidebar.desktop.html.twig",{
  433.                 'accommodationResultSet': housePackageResultSet,
  434.                 'productResultSet': housePackageResultSet,
  435.                 'isPackage': true,
  436.             }) }}
  438.         </div>
  439.     </div>
  440. </main>
  442.     {% if not demi_core_configuration("getDisableEnquiry",[]) and accommodation.getAddress() is not empty and accommodation.getAddress().getEmail() is not empty %}
  444.         {{ include('@ElementsDemiFrontend/Includes/overlays/inquiry-overlay.html.twig', {
  445.         'accommodation': accommodation,
  446.         'searchParams': searchParam,
  447.         'user': user
  448.     }) }}
  449.     {% endif %}
  451.     {% if demi_core_configuration('getWarningOnMultipleAccoProducts',[]) %}
  452.         {{ include('@ElementsDemiFrontend/Includes/modals/warningOnMultipleAccoProductsModal.html.twig', {'cartUrl': step1Url}) }}
  453.     {% endif %}
  456. {% endblock %}