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

Open in your IDE?
  1. {# @var \Pimcore\Templating\GlobalVariables app #}
  2. {# @var accommodation \Elements\Demi\Model\AccommodationServiceProvider #}
  3. {# @var productResultSet \Elements\Demi\Accommodation\Search\ResultSet\Accommodation #}
  4. {# @var housePackageResultSet \Elements\Demi\Accommodation\Search\ResultSet\HousePackageMaster #}
  5. {# @var searchParam = \Elements\Demi\Accommodation\Search\Parameter #}
  6. {# @var housePackageMaster \Elements\Demi\Model\HousePackageMaster #}
  7. {# @var sortedMarketingGroups #}
  8. {# @var sortedFacilities #}
  9. {# @var impressionLinks #}
  10. {# @var \Elements\Bundle\DemiFrontendBundle\Templating\Helper\Seo seoHelper #}
  11. {# @var string countingClicksUriJs #}
  13. {% if not availabilityIsChecked %}
  14.     {% set fromDate = null %}
  15. {% else %}
  16.     {% set fromDate = demi_getSearchFrom() %}
  17. {% endif %}
  19. {% if not editmode %}
  20.     {% do elements_head_title().setTitle( demi_seoTitleForHousePackage(accommodation,housePackageMaster,null), true ) %}
  21.     {% do elements_head_meta().setDescription( demi_seoDescriptionForHousePackage(accommodation,housePackageMaster,null,fromDate),true )  %}
  22. {% endif %}
  24. {% set canonicalUrl = demi_demiUrl({
  25.     'accommodation': accommodation,
  26.     'package': housePackageMaster
  27. },'demi_acco_detail_package_page',true) %}
  28. {% do elements_canonical().checkAllParams(false).setDomain(canonicalUrl)|raw %}
  30. {%  do demi_paymentGetDefaultCurrency(accommodation) %}
  32. {% set maxRatingValue = demi_core_configuration('getMaxRatingValue',[]) ?: 5 %}
  33. {% set maxRatingNormalized = demi_core_configuration('getMaxRatingNormalized',[]) ?: 5 %}
  34. {% set hasRatingWidget = demi_ratingGetHasRatingWidgetTrustYou(accommodation) %}
  36. {% set accoUrlPlain = demi_demiUrl({
  37.     'accommodation': accommodation
  38. },'demi_acco_detail_page',true) %}
  40. {% set accoUrl = accoUrlPlain %}
  41. {% if "?" in accoUrl %}
  42.     {% set accoUrl = accoUrl ~ "&activeTab=%23packages" %}
  43. {% else  %}
  44.     {% set accoUrl = accoUrl ~ "?activeTab=%23packages" %}
  45. {% endif %}
  47. {% set ajaxUrl = demi_demiUrl({
  48.     'accommodation': accommodation,
  49.     'package': housePackageMaster
  50. },'demi_acco_package_ajax') %}
  52. {% if  '?' in ajaxUrl %}
  53.     {% set parts = ajaxUrl|split('?') %}
  54.     {% set ajaxUrl = parts[0] %}
  55. {% endif %}
  57. {% set liveDetailProductsUrl = ajaxUrl ~ "?ajaxRequestType=getLiveDetailProducts" %}
  58. {% set corridorMatrixUrl = ajaxUrl ~ "?ajaxRequestType=getCorridorMatrix" %}
  59. {% set productUrl = ajaxUrl ~ "?ajaxRequestType=getProductByIdAndMealcode" %}
  60. {% set paymentInformationUrl = ajaxUrl ~ "?ajaxRequestType=getProductByIdAndMealcode" %}
  62. {% set address = accommodation.getAddress() %}
  64. {% set anchors = {
  65.     'details': '#details',
  66.     'booking': '#booking',
  67.     'accommodation': '#accommodation'
  68. } %}
  71. {% if activeTab is not defined or activeTab not in anchors %}
  72.     {% set activeTab = '#details' %}
  73. {% else %}
  74.     {% do jsConfig('_initialState').add({'activeTab': activeTab}) %}
  75. {% endif %}
  77. {% set step1Url = demi_demiUrl({
  78.     'path': demi_core_configuration('getCheckoutPath',[]).getFullPath(),
  79.     'controller': 'cart',
  80.     'action': 'step1'
  81. },'demi_checkout',true) %}
  84. {% set imagesTypes = demi_getAccoImagesTypesAsArray(housePackageMaster) %}
  85. {% set imageList = housePackageMaster.getImages(null, fromDate, true) %}
  86. {% set imageList = imageList|merge(accommodation.getImages(imagesTypes, fromDate, true)) %}
  87. {% set photoCount = imageList|length %}
  88. {% set videoCount = impressionLinks["video"]|length %}
  89. {% set panoCount = impressionLinks["pano"]|length %}
  91. {% if imageList is defined and imageList|length > 0 and imageList[0] is not empty  %}
  92.     {% do elements_opengraph().addImage(imageList[0].getFullPath()) %}
  93. {% endif %}
  95. {% if showJsonLd %}
  97.     {% set jsonLdData = demi_getProductJsonLdData(accommodation, housePackageResultSet, housePackageMaster, fromDate, []) %}
  99.     {% do jsonLd().add("accommodation", jsonLdData) %}
  101.     {# TODO @msteyrer breadcrumb helper bundle not in use atm
  102.     {% do breadcrumbHelper().set({
  103.         'parentId': document.getId(),
  104.         'url': accoUrlPlain,
  105.         'label': accommodation.getName()
  106.     }) %}
  108.     {% do breadcrumbHelper().append({
  109.         'parentId': document.getId(),
  110.         'url': canonicalUrl,
  111.         'label': housePackageMaster.getName()
  112.     }) %}
  114.      {{ include('@ElementsDemiFrontend/Navigation/breadcrumb.html.twig') }} #}
  116. {% endif %}
  119. {% extends '@ElementsDemiFrontend/Layout/layout.html.twig' %}
  120. {% block content %}
  123.     {{  include("@ElementsDemiFrontend/Includes/canonicalOverride.html.twig", {
  124.         "object": accommodation,
  125.         "package": housePackageMaster
  126.     }) }}
  129.     <script type="text/javascript" data-cookieconsent="ignore">
  130.         _config.viewType = "package";
  131.         _config.historyController = true;
  132.         _config.roomSelection = true;
  133.         _config.searchData = true;
  134.         _config.detailResultUrl = '{{ liveDetailProductsUrl|raw }}';
  135.         _config.corridorSearchUrl = '{{ corridorMatrixUrl|raw }}';
  136.         _config.detailPaymentInfoUrl = '{{ paymentInformationUrl|raw }}';
  137.         _config.detailProductUrl = '{{ productUrl|raw }}';
  138.         _config.addToCartUrl = '{{ step1Url|raw }}';
  139.         _config.cartWarningOnMultipleAccoProducts = {{  demi_core_configuration('getWarningOnMultipleAccoProducts',[]) ? 'true': 'false' }};
  140.         _config.cartInfoUrl = '{{ demi_checkoutUrl('cart','hasAccoInCart')|raw }}';
  141.         _config.roomList = true;
  142.         _config.hpmId = "{{ housePackageMaster.getId() }}";
  143.         _config.trackingCountingClicksUrl='{{ countingClicksUriJs|raw }}';
  144.         _config.productData = {
  145.             id: {{ accommodation.getId() }},
  146.             name: "{{ demi_impressionName(accommodation) }}",
  147.             category: "{{ demi_impressionCategory(accommodation, housePackageMaster, searchParam) }}",
  148.             brand: "{{ demi_impressionBrand(accommodation) }}"
  149.         };
  150.         _config.acommodationMapHideBusinesses = {{ demi_core_configuration('getMapHideBusinesses',[]) ? 'true' : 'false' }};
  152.         {% set mealtypeId = searchParam.getMealTypeId()   %}
  153.         {% if mealtypeId is not empty and mealtypeId[0] is not empty %}
  154.         _config.urlParams = _config.urlParams || [];
  155.         _config.urlParams.push( { name : "mealtype", value : "{{ mealtypeId[0] }}"} );
  156.         {% endif %}
  157.         {% if searchParam.getBookOnly() %}
  158.         _config.urlParams = _config.urlParams || [];
  159.         _config.urlParams.push( { name : "bookonly", value : "on"} );
  160.         {% endif %}
  162.     </script>
  164.     {{ include('@ElementsDemiFrontend/Includes/tags/detail-package.html.twig',
  165.         {
  166.             'isMobile': false,
  167.             'object': accommodation,
  168.             'searchParam': searchParam,
  169.             'accoResultSet': accommodationResultSet is defined ? accommodationResultSet : null ,
  170.             'productResultSet': productResultSet is defined ? productResultSet : null,
  171.             'packages': packages is defined ? packages : null,
  172.             'sortedMarketingGroups': sortedMarketingGroups,
  173.             'sortedFacilities': sortedFacilities,
  174.             'sortedHealthMeasures':sortedHealthMeasures,
  175.             'photoCount': photoCount,
  176.             'videoCount': videoCount,
  177.             'panoCount': panoCount,
  178.             'housePackageResultSet': housePackageResultSet,
  179.             'housePackageMaster': housePackageMaster
  180.         }
  181.     ) }}
  184. <main id="main" role="main">
  185.     <div>
  186.         <div class="js-search-data__show-if-submitted" {{ availabilityIsChecked ? '' : 'hidden' }}>
  187.             {{ include('@ElementsDemiFrontend/Includes/ribbon.html.twig',{'searchParam': searchParam,'showBackButton': true, 'withFlag': false}) }}
  188.         </div>
  189.         <div class="js-search-data__hide-if-submitted" {{ availabilityIsChecked ? 'hidden' : '' }}>
  190.             {{ include('@ElementsDemiFrontend/Includes/ribbon-price.html.twig',{'resultSet': housePackageResultSet , 'accommodation': accommodation}) }}
  191.         </div>
  192.     </div>
  195.     <div class="container">
  196.         {% if accommodation.getIsTesthotel() %}<div class="demi-test-object-notice mb-3 text-danger"><strong>Testbetrieb</strong> nur für Debug/aktive Pimcore User sichtbar</div>{% endif %}
  197.         <h1 class="h2 text-primary">{{ housePackageMaster.getName() }}</h1>
  198.         <h2 class="h4">
  199.             <a href="{{ accoUrlPlain }}"
  200.                class="js-tracking--click-piwik"
  201.                data-tracking-category="Package detail"
  202.                data-tracking-action="accomoation click">
  203.                 {{ demi_getAccoNameWithStars(accommodation) }}
  204.             </a>
  205.         </h2>
  207.         <div class="row row--gutter-width-20 mb-2">
  208.             <div class="col col-auto">
  209.                 {{ accommodation.getCategoryNames(2) }}
  210.             </div>
  211.             <div class="col">
  212.                 <div class="media text-muted">
  213.                     {% if address is not empty and address.getTown() is not empty  %}
  214.                             <div class="demi-icon demi-icon-marker mr-1 icon-in-text" title="{{ 'demi.detail.town'|trans }}" aria-label="{{ 'demi.detail.town'|trans }}"></div>
  215.                             <div class="media-body">
  216.                                 {{ address.getTown() }}
  217.                             </div>
  218.                     {% endif %}
  219.                 </div>
  220.             </div>
  221.         </div>
  223.         <div class="row row--gutter-width-20 mb-2">
  224.             <div class="col">
  225.                 {% if accommodation.getRatingSystem()=="TrustYou" %}
  226.                     {% set normalizedRating = demi_ratingGetNormalized(accommodation, maxRatingValue, maxRatingNormalized) %}
  227.                     {% if normalizedRating is not empty %}
  228.                         {{ include('@ElementsDemiFrontend/Accommodation/includes/rating-md.html.twig', {
  229.                             "score": normalizedRating,
  230.                             "text": accommodation.getRatingScoreDescription(),
  231.                             "styleModifier": "mb-1",
  232.                             "showReviewCount": true,
  233.                             "ratingCount": accommodation.getRatingCountDirect()
  234.                         }) }}
  235.                     {% endif %}
  236.                 {% endif %}
  238.             </div>
  239.             <div class="col col-auto">
  240.                 {{ include('@ElementsDemiFrontend/Accommodation/includes/serviceprovider-logo.html.twig', {
  241.                     "logo": accommodation.getImages([constant('Elements\\Demi\\Deskline\\Constant\\DocumentInterface::DOCUMENT_TYPE_SERVICE_PROVIDER_LOGO')])|first
  242.                 }) }}
  243.             </div>
  244.         </div>
  245.     </div>
  247.     <figure class="figure my-3">
  248.         {% set imgSrc =  housePackageMaster.getFirstImage(imagesTypes,fromDate)  %}
  249.         {% set imgSrc = imgSrc is not null ? imgSrc : accommodation.getFirstImage(imagesTypes,fromDate) %}
  251.         {% if imgSrc is not null %}
  252.             {{ imgSrc.getThumbnail('demi-mobile-header-img').getHTML({'imgAttributes': {'class': 'img-full-width' }})|raw}}
  253.         {% endif %}
  256.         {% if photoCount > 1 %}
  257.             <div class="figure__item figure__item--right figure__item--bottom m-3">
  258.                 <button class="btn btn-primary js-overlay__toggle js-tracking--click-piwik"
  259.                         data-target="#{{ accommodation.getId() }}-imgs-overlay"
  260.                         data-tracking-category="Gallery"
  261.                         data-tracking-action="open">
  262.                     {% set galleryString = photoCount > 1 ? 'demi.detail.images-gallery-button'|trans : 'demi.detail.image-gallery-button'|trans %}
  263.                     {% set galleryString = galleryString|replace({'[AMOUNT_IMAGES]': photoCount}) %}
  264.                     {% do elements_opengraph().setImages(elements_opengraph().getImages|merge( [app.request.getHost() ~ (imageList|first)])) %}
  265.                     {{ galleryString }}
  266.                 </button>
  267.             </div>
  268.        {% endif %}
  269.     </figure>
  271.     <div class="container" aria-live="polite">
  272.         <div class="js-room-list__loading js-corridor__search-info-loading" hidden>
  273.             <div class="text-center py-3">
  274.                 {{ include('@ElementsDemiFrontend/Includes/elements/spinner/loading-spinner.html.twig') }}
  275.             </div>
  276.         </div>
  278.         <div class="js-room-list__content js-corridor__search-info-content" id="searchInfo" data-list="searchInfo">
  279.             {{ include('@ElementsDemiFrontend/Accommodation/searchInfoBox.mobile.html.twig', {
  280.                 "accommodationResultSet": housePackageResultSet,
  281.                 "isPackage": true
  282.             }) }}
  283.         </div>
  284.     </div>
  286.     <script type="text/javascript" data-cookieconsent="ignore">
  287.         _config.paramTabs = true;
  288.     </script>
  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['details'] ? ' active' : '' }} js-tracking js-tracking--click"
  295.                    href="{{ anchors['details'] }}"
  296.                    data-toggle="tab"
  297.                    role="tab"
  298.                    aria-expanded="{{ activeTab == anchors['details'] ? 'true' : 'false' }}"
  299.                    data-tracking-category="button"
  300.                    data-tracking-action="detail"
  301.                    data-tracking-label="{{ accommodation.getName()|escape }}">
  302.                     {{ 'demi.detail.package.tab.package'|trans }}
  303.                 </a>
  304.             </li>
  305.             <li class="nav-item">
  306.                 <a class="nav-link js-param-tab{{ activeTab == anchors['booking'] ? ' active' : '' }} js-tracking js-tracking--click"
  307.                    href="{{ anchors['booking'] }}"
  308.                    data-toggle="tab"
  309.                    role="tab"
  310.                    aria-expanded="{{ activeTab == anchors['booking'] ? 'true' : 'false' }}"
  311.                    data-tracking-category="button"
  312.                    data-tracking-action="package-booking"
  313.                    data-tracking-label="{{ accommodation.getName()|escape }}">
  314.                     {{ 'demi.detail.package.tab.availability'|trans }}
  315.                 </a>
  316.             </li>
  317.             <li class="nav-item">
  318.                 <a class="nav-link js-param-tab{{ activeTab == anchors['accommodation'] ? ' active' : '' }} js-tracking js-tracking--click"
  319.                    href="{{ anchors['accommodation'] }}"
  320.                    data-toggle="tab"
  321.                    role="tab"
  322.                    aria-expanded="{{ activeTab == anchors['accommodation'] ? 'true' : 'false' }}"
  323.                    data-tracking-category="button"
  324.                    data-tracking-action="package-accommodation"
  325.                    data-tracking-label="{{ accommodation.getName()|escape }}">
  326.                     {{ 'demi.detail.package.tab.acco'|trans }}
  327.                 </a>
  328.             </li>
  329.         </ul>
  330.     </div>
  333.     <div class="bg-light-gray pb-4 pt-2">
  334.         <div class="tab-content">
  336.             <div class="tab-pane pt-2{{ activeTab == anchors['details'] ? ' active' : '' }} " id="details" role="tabpanel">
  337.                 {{ include("@ElementsDemiFrontend/Accommodation/includes/package-details.mobile.html.twig" , {
  338.                     'housePackageMaster': housePackageMaster,
  339.                     'accommodation': accommodation
  340.                 }) }}
  341.             </div>
  343.             <div class="tab-pane pt-2{{ activeTab == anchors['booking'] ? ' active' : '' }} " id="booking" role="tabpanel">
  344.                 {{ include("@ElementsDemiFrontend/Accommodation/includes/acco-rooms.html.twig" , {
  345.                     'package': true,
  346.                     'availabilityChecked': availabilityIsChecked,
  347.                     'housePackageMaster': housePackageMaster,
  348.                     'productResultSet': housePackageResultSet|first,
  349.                     'tvbPackage': null
  350.                 }) }}
  351.             </div>
  354.             <div class="tab-pane pt-2{{ activeTab == anchors['accommodation'] ? ' active' : '' }} " id="accommodation" role="tabpanel">
  355.                 {{ include("@ElementsDemiFrontend/Accommodation/includes/acco-details.mobile.html.twig", {
  356.                     'package': true,
  357.                     'address': address,
  358.                     'photoCount': photoCount,
  359.                     'availabilityIsChecked':  availabilityIsChecked,
  360.                     'fromDate': fromDate
  361.                 }) }}
  362.             </div>
  364.             <div class="mt-4 text-center">
  365.                 {{ include("@ElementsDemiFrontend/Accommodation/includes/enquiry-button.html.twig", {
  366.                     "text": "demi.detail.package.enquiry-button"|trans,
  367.                     "trackingCategory": "Package detail",
  368.                     "trackingAction": "click enquiry"
  369.                 }) }}
  370.             </div>
  372.             <div class="container mt-4">
  373.                 <a href="{{ accoUrl }}"
  374.                    class="btn btn-default-dark btn-block btn-lg js-tracking--click-piwik"
  375.                    data-tracking-category="Package detail"
  376.                    data-tracking-action="all packages click">
  377.                     {{ 'demi.detail.package.show-all-offers-of-acco'|trans }}
  378.                 </a>
  379.             </div>
  380.         </div>
  381.     </div>
  382. </main>
  384.     {% set contactSnippet = demi_core_configuration('getContactSnippet',[])%}
  385.     {% if(contactSnippet is not empty) %}
  386.         {{ pimcore_inc(contactSnippet) }}
  387.     {% endif %}
  389.     {{ include('@ElementsDemiFrontend/Includes/overlays/search.html.twig', {
  390.         'filterSnippet': pimcore_relation('filterSnippet').getData(),
  391.         'searchParam': searchParam,
  392.         'noDate': noDate is defined ? noDate : (searchParam.getDateFrom() is null ) ,
  393.         'isSearch': true,
  394.         'isPackageSearch': true
  395.     }) }}
  397.     {{ include('@ElementsDemiFrontend/Includes/overlays/img-gallery.html.twig', {
  398.         'accommodation': accommodation,
  399.         'housePackageMaster': housePackageMaster,
  400.         'imagesTypes': imagesTypes
  401.     }) }}
  403.     {% if demi_core_configuration("getDisableEnquiry",[])!=true and accommodation.getAddress() is not empty and accommodation.getAddress().getEmail() is not empty %}
  404.         {{  include('@ElementsDemiFrontend/Includes/overlays/inquiry-overlay.html.twig', {
  405.             'accommodation': accommodation,
  406.             'housePackageMaster': housePackageMaster,
  407.             'searchParams': searchParam,
  408.             'user': user
  409.         }) }}
  410.     {% endif %}
  413.     {% if demi_core_configuration('getWarningOnMultipleAccoProducts',[]) %}
  414.         {{ include('@ElementsDemiFrontend/Includes/modals/warningOnMultipleAccoProductsModal.html.twig', {'cartUrl': step1Url}) }}
  415.     {% endif %}
  417. {% endblock %}