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

Open in your IDE?
  1. {% do jsConfig().add('inputStates', true) %}
  2. {% do jsConfig().add('datepicker', true) %}
  3. {% do jsConfig().add('numberSpinner', true) %}
  5. {% set language = app.request.locale %}
  6. {% set viewdata = demi_additionalPrepareDateForDetailFile(offeritem, language, document) %}
  7. {% do demi_paymentSetDefaultCurrency(viewdata.provider) %}
  8. {% set currency = demi_paymentGetCurrency() %}
  10. {% set metaTitle = offeritem.metaTitle %}
  11. {% if metaTitle is empty %}
  12.     {% set metaTitle = offeritem.name %}
  13.     {% set metaTitle = metaTitle ~ (viewdata.provider.getTown() ? ( ' ' ~ 'demi.seo.in'|trans ~ " " ~ viewdata.provider.getTown().getName() ~ ' ') : '') %}
  14. {% endif %}
  16. {% if not editmode %}
  17.     {% do elements_head_title().setTitle(metaTitle, true) %}
  18.     {% do elements_head_meta(chooseDescription(offeritem.metaDescription, offeritem.getDescription(constant('Elements\\Demi\\Deskline\\Constant\\DescriptionInterface::DESCRIPTION_SERVICE_DESCRIPTION'))|striptags), true )  %}
  19. {% endif %}
  20. {% set breadcrumbUrl = app.request.pathInfo %}
  22. {% do elements_canonical().checkAllParams(false).setDomain(viewdata.canonicalUrl)|raw %}
  24. {% if not viewdata.canonicalUrl is same as(app.request.pathInfo) %}
  25.     {% do elements_robots().setNoIndex(true) %}
  26. {% endif %}
  28. {% set fromDate = fromDate|default(carbon().now) %}
  29. {% set images = offeritem.getImages(null, fromDate) %}
  30. {% if viewdata.photoCount > 0 %}
  31.     {% do elements_opengraph().setImages([hostUrl() ~ images[0]]|merge(elements_opengraph().getImages())) %}
  32. {% endif %}
  34. {% set  generalDocuments = [] %}
  35. {% for doc in offeritem.getDocuments() %}
  36.     {% if doc is not instanceof("\\Pimcore\\Model\\DataObject\\DemiDocumentImage") %}
  37.         {% set generalDocuments = generalDocuments|merge([doc]) %}
  38.     {% endif %}
  39. {% endfor %}
  41. {% extends '@ElementsDemiFrontend/Layout/layout.html.twig' %}
  43. {% block content %}
  44. {#    TODO @msteyrer breadcrumb helper bundle not in use atm#}
  45. {#    {% do breadcrumbHelper().set({#}
  46. {#        'parentId': document.id,#}
  47. {#        'url': breadcrumbUrl,#}
  48. {#        'label': offeritem.name(language)|default('')#}
  49. {#    }) %}#}
  50. {#    {{ include('@ElementsDemiFrontend/Navigation/breadcrumb.html.twig') }}#}
  52.     {% do jsonLd().add("AdditionalService", demi_additionalJsonlDData(offeritem, viewdata.fromToRanges, {locale: language})) %}
  53. {#    {% do jsConfig().add('tracking', true) %}#}
  54. {#    {% do jsConfig().add('activityList', true) %}#}
  56. {#    {% do jsConfig('_config').add('initialTracking', [{#}
  57. {#        type:  'detailView',#}
  58. {#        data: {#}
  59. {#            id: viewdata.provider.id,#}
  60. {#            name: demi_impressionName(viewdata.provider),#}
  61. {#            category: demi_impressionCategory(viewdata.provider, null, null, null, offeritem),#}
  62. {#            brand: demi_impressionBrand(viewdata.provider),#}
  63. {#            price: demi_getFirstPrice(offeritem),#}
  64. {#        }#}
  65. {#    }]) %}#}
  66. {#    {{ dump(jsConfig()) }}#}
  67. {#    {% do jsConfig().add('ajaxModal', true) %}#}
  68.     {% do jsConfig().add({
  69.         tracking: true,
  70.         activityList: true,
  71.         initialTracking: [{
  72.             type:  'detailView',
  73.             data: {
  74.                 id: viewdata.provider.id,
  75.                 name: demi_impressionName(viewdata.provider),
  76.                 category: demi_impressionCategory(viewdata.provider, null, null, null, offeritem),
  77.                 brand: demi_impressionBrand(viewdata.provider),
  78.                 price: demi_additionalGetFirstPrice(offeritem),
  79.             }
  80.         }],
  81.         ajaxModal: true,
  82.         ajaxOverlay: true,
  83.         offerOverlay: true,
  84.         additionalOffersJson: {},
  85.         overlay: true
  86.     }) %}
  88.     {{ include("@ElementsDemiFrontend/Includes/canonicalOverride.html.twig", {
  89.         object: offeritem
  90.     }) }}
  92.     {% if not activeTab|default('') in viewdata.anchors %}
  93.         {% set activeTab = '#details' %}
  94.     {% else %}
  95.         {% do jsConfig('_initialState').add('activeTab', activeTab|default('')) %}
  96.     {% endif %}
  98. <main id="main" role="main" class="js-affix__container">
  101.     <div class="ribbon row row--gutter-width-1 d-md-none">
  102.         <div class="col col-auto d-flex flex-column">
  103.             <button type="button" onclick="history.back()"
  104.                     class="ribbon__item py-3 btn-no-styling px-3 flex-auto flex-row">
  105.                 <span class="demi-icon demi-icon-chevron-left f17" aria-label="{{ 'demi.back'|trans }}"
  106.                       title="{{ 'demi.back'|trans }}"></span>
  107.             </button>
  108.         </div>
  110.         <div class="col">
  111.             <div class="ribbon__item py-3 font-medium h-100">
  112.                 <div class="row  row--gutter-width-10 align-items-baseline">
  113.                     <a href="#" onclick="history.back()">{{ 'demi.back'|trans }}</a>
  114.                 </div>
  115.             </div>
  116.         </div>
  117.     </div>
  118.     {{ include('@ElementsDemiFrontend/Includes/modals/warningOnMultipleAccoProductsModal.html.twig', {
  119.         cartUrl: viewdata.cartUrl,
  120.     }) }}
  121.     <div hidden>
  122.         {{ include('@ElementsDemiFrontend/Accommodation/lightboxTopbar.html.twig') }}
  123.     </div>
  125.     {% if viewdata.photoCount >= 1 %}
  126.         {% do jsConfig().add('lightbox', true) %}
  127.         {% if pimcore_device().isDesktop() %}
  128.             {{ include('@ElementsDemiFrontend/AdditionalService/includes/additionalservice-header-multi-image.desktop.html.twig', {
  129.                 photoCount: viewdata.photoCount,
  130.                 imageList: viewdata.detailSlides
  131.             }) }}
  132.         {% endif %}
  133.         {% if not pimcore_device().isDesktop() %}
  134.             <figure class="figure">
  135.                 {% if offeritem.getFirstImage(null, fromDate) %}
  136.                     {{ offeritem.getFirstImage(null, fromDate).thumbnail('demi-mobile-header-img').html({
  137.                         class: 'img-full-width'
  138.                     })|raw }}
  139.                 {% endif %}
  140.                 {% if viewdata.photoCount > 1 %}
  141.                     <div class="figure__item figure__item--right figure__item--bottom m-3">
  142.                         <button class="btn btn-primary js-overlay__toggle js-tracking--click-piwik"
  143.                                 data-target="#{{ offeritem.id }}-imgs-overlay"
  144.                                 data-tracking-category="Gallery"
  145.                                 data-tracking-action="open">
  146.                             {% set galleryString = (viewdata.photoCount > 1 ? 'demi.detail.images-gallery-button'|trans : 'demi.detail.image-gallery-button'|trans)|replace({'[AMOUNT_IMAGES]': viewdata.photoCount}) %}
  147.                             {{ galleryString }}
  148.                         </button>
  149.                     </div>
  150.                 {% endif %}
  151.             </figure>
  152.         {% endif %}
  153.     {% endif %}
  155.     {{ include('@ElementsDemiFrontend/Includes/elements/breadcrumb.html.twig') }}
  157.     <div class="container container--additional-service-detail pt-4 pt-md-5">
  158.         <div class="row mb-md-3">
  159.             <div class="col">
  160.                 {{ include('@ElementsDemiFrontend/AdditionalService/detail/intro.html.twig', {
  161.                     detailHeadline: offeritem.name(language),
  162.                 }) }}
  163.                 {% if viewdata.serviceTown|default(null) %}
  164.                     <div class="media text-muted mb-md-0 mb-3">
  165.                         <div class="demi-icon demi-icon-marker mr-1 icon-in-text"
  166.                              title="{{ 'demi.detail.town'|trans }}"
  167.                              aria-label="{{ 'demi.detail.town'|trans }}"></div>
  168.                         <div class="media-body">
  169.                             {{ viewdata.serviceTown }}
  170.                         </div>
  171.                     </div>
  172.                 {% endif %}
  174.             </div>
  176.             <div class="col col-auto">
  177.                 <div>
  178.                     {% set logos = viewdata.provider.getImages([constant('\\Elements\\Demi\\Deskline\\Constant\\DocumentInterface::DOCUMENT_TYPE_SERVICE_PROVIDER_LOGO')]) %}
  179.                     {% if not logos is empty %}
  180.                         {{ include('@ElementsDemiFrontend/Accommodation/includes/serviceprovider-logo.html.twig', {
  181.                             logo: logos[0]
  182.                         }) }}
  183.                     {% endif %}
  184.                 </div>
  185.             </div>
  186.         </div>
  188.         <div class="row">
  189.             <div class="col-xl-9 col-md-8 col-12 order-2 order-md-1">
  190.                 <script data-cookieconsent="ignore">
  191.                     _config.paramTabs = true;
  192.                     _config.loadAccoImages = true;
  193.                 </script>
  194.                 <div class="mt-md-3">
  195.                     <ul class="nav nav-border-tabs d-none d-md-flex" role="tablist">
  196.                         <li class="nav-item">
  197.                             <a class="nav-link js-param-tab {{ activeTab|default('') == viewdata.anchors['details'] ? ' active' : '' }} js-tracking js-tracking--click"
  198.                                href="{{ viewdata.anchors['details'] }}"
  199.                                data-toggle="tab"
  200.                                role="tab"
  201.                                aria-expanded="{{ activeTab|default('') == viewdata.anchors['details'] ? 'true' : 'false' }}"
  202.                                data-tracking-category="button"
  203.                                data-tracking-action="additionalservice-details"
  204.                                data-tracking-label="{{ offeritem.name|escape('html') }}">
  205.                                 {{ "demi.additionalservice.detail.tab.description"|trans }}
  206.                             </a>
  207.                         </li>
  208.                         {% if viewdata.photoCount > 3 %}
  209.                             <li class="nav-item">
  210.                                 <a class="nav-link js-param-tab js-acco-images__tab {{ activeTab|default('') == viewdata.anchors['pictures'] ? ' active' : '' }} js-tracking js-tracking--click"
  211.                                    href="{{ viewdata.anchors['pictures'] }}"
  212.                                    data-toggle="tab"
  213.                                    role="tab"
  214.                                    aria-expanded="{{ activeTab|default('') == viewdata.anchors['pictures'] ? 'true' : 'false' }}"
  215.                                    data-tracking-category="button"
  216.                                    data-tracking-action="additionalservice-pictures"
  217.                                    data-tracking-label="{{ offeritem.name|escape('html') }}">
  218.                                     {% if viewdata.videoCount|default(0) == 0 %}
  219.                                         {{ "demi.detail.tab.photos"|trans }}
  220.                                     {% else %}
  221.                                         {{ "demi.detail.tab.photos-videos"|trans }}
  222.                                     {% endif %}
  223.                                 </a>
  224.                             </li>
  225.                         {% endif %}
  226.                     </ul>
  227.                 </div>
  229.                 <div class="pt-md-2">
  230.                     <div class="tab-content">
  231.                         <div class="tab-pane pt-md-2{{ activeTab == viewdata.anchors['details'] ? ' active' : '' }}"
  232.                              id="details" role="tabpanel">
  233.                             {% set infoTemplateName = viewdata.descriptionTypes|length + viewdata.localDescriptions|length > 4 ? "serviceInfoCollapse" : "serviceInfo" %}
  234.                             {{ include('@ElementsDemiFrontend/AdditionalService/detail/' ~ infoTemplateName ~'.html.twig', {
  235.                                 detailHeadline: 'demi.additionalservice.detail.service-headline-description'|trans,
  236.                                 detailText: viewdata.serviceDescription|default(''),
  237.                                 moreDescriptions: viewdata.descriptionTypes,
  238.                                 localDescriptions: viewdata.localDescriptions,
  239.                                 offerItem: offeritem
  240.                             }) }}
  242.                             {% if not viewdata.providerDescription is empty %}
  243.                                 {{ include('@ElementsDemiFrontend/AdditionalService/detail/serviceproviderInfo.html.twig', {
  244.                                     detailHeadline: 'demi.additionalservice.detail.serviceprovider-headline-description'|trans,
  245.                                     detailText: viewdata.providerDescription,
  246.                                 }) }}
  247.                             {% endif %}
  249.                             {% if not viewdata.datesAndTimes is empty and (not viewdata.datesAndTimes.dates is empty or not viewdata.datesAndTimes.times is empty) %}
  250.                                 {{ include('@ElementsDemiFrontend/AdditionalService/detail/date.html.twig', {
  251.                                     detailDate: viewdata.datesAndTimes.dates|join("<br>"),
  252.                                     detailTime: viewdata.datesAndTimes.times
  253.                                 }) }}
  254.                             {% endif %}
  256.                             {{ include('@ElementsDemiFrontend/AdditionalService/detail/contact.html.twig', {
  257.                                 service: offeritem,
  258.                                 addressOwner: addressOwner|default(null),
  259.                                 addressObject: addressObject|default(null)
  260.                             }) }}
  262.                             {% if not viewdata.linkArray is empty %}
  263.                                 {{ include('@ElementsDemiFrontend/AdditionalService/detail/links.html.twig', {
  264.                                     detailHeadline: templateData|default(null) ? templateData.detailLinkHeader : '',
  265.                                     detailLinks: viewdata.linkArray,
  266.                                 }) }}
  267.                             {% endif %}
  269.                             {% if generalDocuments is not empty %}
  270.                                 {{ include('@ElementsDemiFrontend/AdditionalService/includes/documents.html.twig', {
  271.                                     'detailDocuments' : generalDocuments
  272.                                 }) }}
  273.                             {% endif %}
  276.                         </div>
  277.                         {% if viewdata.photoCount > 3 %}
  278.                             <div class="tab-pane pt-md-2{{ activeTab == viewdata.anchors.pictures ? ' active' : '' }}" id="pictures" role="tabpanel">
  279.                                 {{ include('@ElementsDemiFrontend/Accommodation/includes/acco-pictures.desktop.html.twig', {
  280.                                     additionalService: true,
  281.                                     photoCount: viewdata.photoCount,
  282.                                     fromDate: fromDate,
  283.                                     imageList: viewdata.detailSlides,
  284.                                     package: null
  285.                                 }) }}
  286.                             </div>
  287.                         {% endif %}
  288.                     </div>
  289.                 </div>
  290.             </div>
  292.             <script>_config.affix = true;</script>
  293. {#            DEMI ADJUSTMENTS: styling #}
  294.             <div class="col-12 col-md-4 col-xl-3 order-1 order-md-2">
  295.                 <div class="js-affix__placeholder">
  296.                     <div class="card bordered additional-offer-card" data-affix-offset="149">
  297.                         <div class="card-body additional-offer-card__body p-md-4 p-2">
  298.                             <div>
  299.                                 <div class="container" id="vacancysearch">
  300.                                     <div class="py-2">
  301.                                         <div class="js-ajax-form js-additional-services">
  302.                                             <div aria-live="polite">
  303.                                                 {% if viewdata.latest.gte(carbon().now) %}
  304.                                                     {{ include('@ElementsDemiFrontend/AdditionalService/detail/vacancysearch.html.twig', {
  305.                                                         detailHeadline: 'demi.additionalservice.detail.datepicker-notice'|trans,
  306.                                                         dateFromLabel: 'demi.additionalservice.detail.from'|trans,
  307.                                                         dateToLabel: 'demi.additionalservice.detail.to'|trans,
  308.                                                         detailEarliest: viewdata.earliest,
  309.                                                         detailLatest: viewdata.latest,
  310.                                                     }) }}
  311.                                 
  312.                                                 {% else %}
  313.                                                     {{ include('@ElementsDemiFrontend/AdditionalService/detail/serviceover.html.twig', {
  314.                                                         detailHeadline: 'demi.additionalservice.detail.offer-over'|trans
  315.                                                     }) }}
  316.                                                 {% endif %}
  317.                                             </div>
  318.                                         </div>
  319.                                     </div>
  320.                                 </div>
  321.                             </div>
  322.                         </div>
  323.                     </div>
  324.                 </div>
  325.             </div>
  326.         </div>
  327.     </div>
  331.     <div class="container container--additional-service-related">
  332.         <div class="pt-2">
  333.             {% if false and relatedItems and relatedItems|length %}
  334.                 {{ include('@ElementsDemiFrontend/AdditionalService/detail/relatedItems.html.twig', {
  335.                     detailRelatedItems: relatedItems,
  336.                     detailHeadline: 'demi.additionalservice.detail.headline-relatedservices'|trans
  337.                 }) }}
  338.             {% endif %}
  339.             {% if not offeritem.getDemiExtension() is empty %}
  340.                 {{ include('@ElementsDemiFrontend/AdditionalService/detail/demiExtension.html.twig', {
  341.                     detailExtension: offeritem.getDemiExtension(),
  342.                 }) }}
  343.             {% endif %}
  344.         </div>
  345.     </div>
  346. </main>
  347. {{ include('@ElementsDemiFrontend/Includes/overlays/img-gallery.html.twig', {
  348.     additionalService: offeritem,
  349.     tvbPackage: null,
  350.     destinationPackage: null,
  351.     imagesTypes: []
  352. }) }}
  354. {% if pimcore_device().isPhone() %}
  355.     {{ include('@ElementsDemiFrontend/Includes/overlays/date.html.twig', {
  356.         'date': carbon().now()
  357.     }) }}
  358. {% endif %}
  360. {% endblock %}