src/Elements/Bundle/DemiFrontendBundle/Resources/views/Includes/teaser/room-details.html.twig line 1

Open in your IDE?
  1. {#
  2. /**
  3.  * @var \Pimcore\Templating\PhpEngine this
  4.  * @var \Pimcore\Templating\PhpEngine view
  5.  * @var \Pimcore\Templating\GlobalVariables app
  6.  */
  7. #}
  9. {% set package = package is defined ? package : null %}
  11. <div id="detail-{{ id }}" class="collapse" aria-expanded="false" data-parent="#room-row-collapse-parent-{{ id }}">
  12.     {% if pimcore_device().isPhone() %}
  13.         <hr class="m-0">
  14.     {% endif %}
  16.     <div class="{{ pimcore_device().isPhone() ? 'card-body' : 'room-selection-box border-top-0' }}">
  18.         <div class="{{ pimcore_device().isPhone() ? '' : 'row' }}">
  19.             <div class="{{ pimcore_device().isPhone() ? '' : 'col-6' }}">
  20.                 {% if not pimcore_device().isPhone() %}
  21.                     <h4 class="text-primary">{{ "demi.detail.room-details" | trans }}</h4>
  22.                 {% endif %}
  24.                 {% set service = accommodationProduct.getService() %}
  25.                 {% if availabilityIsChecked or pimcore_device().isPhone() and (moreRoomRows is not defined or moreRoomRows is null) %}
  26.                     {{ include("@ElementsDemiFrontend/Includes/teaser/room-details-table.html.twig", {
  27.                         "accommodationProduct" : accommodationProduct,
  28.                         'service' : service
  29.                     }) }}
  32.                 {% endif %}
  34.                 {% set productText = accommodationProduct.getDescription(null, app.request.getLocale(), dateFrom) %}
  35.                 {% if productText is empty %}
  36.                     {% set productText = accommodationProduct.getDescription(null, demi_core_configuration("getFallbackLanguage", {}), dateFrom) %}
  37.                 {% endif %}
  38.                 {% set serviceText = service ? service.getDescription(null, app.request.getLocale(), dateFrom) : null %}
  39.                 {% if serviceText is empty %}
  40.                     {% set serviceText = service ? service.getDescription(null, demi_core_configuration("getFallbackLanguage", {}), dateFrom) : null %}
  41.                 {% endif %}
  44.                 {% set facilities = demi_prepareFacilityArrayFromService(service) %}
  46.                 <div class="wysiwyg mt-2">
  47.                     <p>{{ serviceText|raw }}</p>
  48.                     <p>{{ productText|raw }}</p>
  49.                 </div>
  52.                 {% for groupname, facilitynames in facilities %}
  55.                     <div class="wysiwyg">
  56.                         <h5 class="text-primary mt-3">{{ groupname }}</h5>
  57.                         <p>{{ facilitynames | join(", ") }}</p>
  58.                     </div>
  59.                 {% endfor %}
  61.             </div>
  64.             {% if pimcore_device().isPhone() and images | length > 1 %}
  65.                 {% set galleryString = 'demi.detail.room.image-gallery-button' | trans %}
  66.                 {% set galleryString =  galleryString | replace({'[AMOUNT_IMAGES]': images | length}) %}
  67.                 <div class="mt-2">
  68.                     <button type="button" class="btn btn-primary js-overlay__toggle js-tracking--click-piwik"
  69.                             data-target="#{{ id }}-imgs-overlay"
  70.                             data-tracking-category="Gallery"
  71.                             data-tracking-action="open">
  72.                         {{ galleryString }}
  73.                     </button>
  74.                 </div>
  75.             {% else %}
  76.                 {% set galleryString = 'demi.detail.images-gallery-button' | trans %}
  77.                 {% set galleryString = galleryString | replace({'[AMOUNT_IMAGES]': ''}) %}
  78.                 {% set lightboxTopBarUrl = url('demi_lightbox_topbar_content', {
  79.                     'path' : document.getFullPath() | trim('/' , 'left')
  80.                 }) %}
  81.                 <div class="col-6" {{ images | length is same as 1 ? 'hidden' : '' }}>
  82.                     <h4 class="text-primary">{{ galleryString }}</h4>
  83.                     <div class="row row--gutter-width-1 row--vertical-gutter-1 js-lightbox-group" id="{{ id }}-lightbox"
  84.                          data-lightbox-topbar-wrapper="#lightboxTopBar"
  85.                          data-lightbox-topbar-content-url="{{ lightboxTopBarUrl }}?id={{ accommodation.getId() }}{{ accommodationProduct.getPackageMaster() ? '&pid=' ~ accommodationProduct.getPackageMaster().getId() : '' }}{{ package is instanceof ("\\Elements\\Demi\\Model\\Package") ? '&tid=' ~ package.getId() : '' }}">
  86.                         {% for image in images %}
  87.                             <div class="col-6">
  88.                             {% if image %}
  89.                                 <a href="{{ image.getThumbnail('demi-desktop-gallery-overlay') }}"
  90.                                    aria-label="{{ "demi.detail.open-gallery" | trans }}"
  91.                                    class="embed-responsive embed-responsive-3by2 js-lightbox-group__item"
  92.                                    data-lightbox-thumb="{{ image.getThumbnail('demi-desktop-gallery-small') }}"
  93.                                    data-sub-html="{{ demi_getNameAndCopyrightForImage(image) }}">
  94.                                     <img class="embed-responsive-item js-lazy-img js-lazy-img--img"
  95.                                          data-src="{{ image.getThumbnail('demi-desktop-room-details') }}"
  96.                                          alt="{{ image.getMetadata('alt') }}" title="{{ image.getMetadata('title') }}">
  97.                                     <div class="btn-show-gallery btn-no-styling"
  98.                                          title="{{ "demi.detail.open-gallery" | trans }}">
  99.                                         <span class="demi-icon demi-icon-search btn-show-gallery__icon"
  100.                                               aria-hidden="true"></span>
  101.                                     </div>
  102.                                 </a>
  103.                             {% endif %}
  104.                             </div>
  105.                         {% endfor %}
  106.                     </div>
  107.                 </div>
  108.             {% endif %}
  109.         </div>
  110.     </div>
  111. </div>