templates/module/Seekdahomesregionen/__seekdahomes.html.twig line 1

Open in your IDE?
  1. {% set lg = document.getProperty('language') %}
  2. {% if editmode %}
  4.     {{ include('includes/backend-kopf.html.twig') }}
  6.     {% set tabContentArray = {1: 'Startseite', 2: 'Konfiguration Seekda'} %}
  7.     {% set tab = 1 %}
  9.     <div id="content">        
  10.             {% if tabContentArray is defined and tab in tabContentArray|keys %}
  11.                 {{ admin_tabs(tab, tabContentArray) | raw }}
  12.             
  13.                 <section class="tabContent">
  14.                     <p class="hl">Optionale Einstellung:</p>
  15.                     {% set element = 'artikel' %}
  16.                     <div id="{{ element }} ">
  17.                         {{ pimcore_multiselect(element, {
  18.                                 'width': 200,
  19.                                 'height': 100,
  20.                                 'store': [
  21.                                     ['abstand-top', 'Abstand nach oben'],
  22.                                     ['abstand-bottom', 'Abstand nach unten']
  23.                                 ]
  24.                             }) }}
  25.                     </div>
  27.                 </section>
  28.             {% endif %} 
  30.              {% if tabContentArray is defined and 2 in tabContentArray|keys %}
  31.                 {{ admin_tabs(2, tabContentArray) | raw }}
  33.                 <section class="tabContent">
  34.                     <p class="hl">Bitte Kategorie wählen:</p>
  35.                     {% if pimcore_select('seekda').isEmpty() %}
  36.                         {% do pimcore_select('seekda').setDataFromResource('') %}
  37.                     {% endif %}
  38.                     {{ pimcore_select("seekda", {
  39.                             "store": [
  40.                                 ["soelden", "Sölden"],
  41.                                 ["soelden-hotel", "Sölden-Hotel"],
  42.                                 ["laengenfeldzentrum", "Längenfeld-Zentrum"]
  43.                             ],
  44.                             "width":250,
  45.                             "reload" : true
  46.                         }) }}
  48.                     <br /><br /><br /><br />
  49.                          
  50.                 </section>
  51.             {% endif %}
  54.     </div>
  55.     {{ include('includes/backend-fuss.html.twig') }}
  57. {% else %}
  59.     {% set abstand_top_class = (checkMultiselect(pimcore_multiselect("artikel"),'abstand-top') == true)? ' abstand-top' : '' %}
  60.     {% set abstand_bottom_class = (checkMultiselect(pimcore_multiselect("artikel"),'abstand-bottom') == true)? ' abstand-bottom' : '' %}
  61.     {% set abstandClasses = abstand_top_class ~ abstand_bottom_class %}
  62.     {% set selfId = document.getId() %}
  64.         <style>
  65.             [data-theme=homes] .skd-themeable-checkavailability .skd-calendars .skd-calendars-available:not(.skd-calendars-other-month),
  66.             [data-theme=homes] .skd-themeable-checkavailability .skd-calendars .skd-calendars-only-arrival,
  67.             [data-theme=homes] .skd-themeable-checkavailability .skd-calendars .skd-calendars-only-departure {
  68.                 background-color: #bc9f60 !important
  69.             }
  70.             
  71.             [data-theme=homes][data-page=hochsoelden] .skd-themeable-checkavailability .skd-calendars .skd-calendars-available:not(.skd-calendars-other-month),
  72.             [data-theme=homes][data-page=hochsoelden] .skd-themeable-checkavailability .skd-calendars .skd-calendars-only-arrival,
  73.             [data-theme=homes][data-page=hochsoelden] .skd-themeable-checkavailability .skd-calendars .skd-calendars-only-departure {
  74.                 background-color: #CC065E !important
  75.             }
  76.             
  77.             [data-theme=homes] .skd-themeable-checkavailability .skd-calendars .skd-calendars-month td .skd-was-selected-before,
  78.             [data-theme=homes][data-page=hochsoelden] .skd-themeable-checkavailability .skd-calendars .skd-calendars-month td .skd-was-selected-before{
  79.                 background-color: #eee !important;
  80.                 border: none !important
  81.             }
  82.             
  83.             [data-theme=homes] .skd-calendars-month td .skd-calendars-departure:after,
  84.             [data-theme=homes] .skd-calendars-month td .skd-calendars-highlight-departure:after,
  85.             [data-theme=homes] .skd-themeable-checkavailability .skd-calendars .skd-calendars-only-departure:after {
  86.                 border-color: #bc9f60 #bc9f60 #bc9f60 transparent !important;
  87.             }
  88.             
  89.             [data-theme=homes][data-page=hochsoelden] .skd-calendars-month td .skd-calendars-departure:after,
  90.             [data-theme=homes][data-page=hochsoelden] .skd-calendars-month td .skd-calendars-highlight-departure:after,
  91.             [data-theme=homes][data-page=hochsoelden] .skd-themeable-checkavailability .skd-calendars .skd-calendars-only-departure:after {
  92.                 border-color: #CC065E #CC065E #CC065E transparent !important;
  93.             }
  94.             
  95.             [data-theme=homes] .skd-themeable-checkavailability .skd-calendars .skd-calendars-arrival:after {
  96.                 border-color: transparent transparent transparent #bc9f60 !important
  97.             }
  98.             
  99.             [data-theme=homes][data-page=hochsoelden] .skd-themeable-checkavailability .skd-calendars .skd-calendars-arrival:after {
  100.                 border-color: transparent transparent transparent #CC065E !important
  101.             }
  102.         
  103.             [data-theme=homes] .skd-check-availability-widget .skd-contentContainer .skd-search-box .skd-occupancy .skd-room-box-container .skd-room-box .skd-room-nr .skd-circle {
  104.                 color: #bc9f60!important;
  105.             }
  106.         
  107.             [data-theme=homes][data-page=hochsoelden] .skd-check-availability-widget .skd-contentContainer .skd-search-box .skd-occupancy .skd-room-box-container .skd-room-box .skd-room-nr .skd-circle {
  108.                 color: #CC065E!important;
  109.             }
  110.             
  111.             [data-theme=homes] .skd-check-availability-widget .skd-contentContainer .skd-search-box .skd-occupancy .skd-room-box-container .skd-room-box .skd-room-nr .skd-label {
  112.                 background-color:#bc9f60;
  113.             }
  115.             [data-theme=homes][data-page=hochsoelden] .skd-check-availability-widget .skd-contentContainer .skd-search-box .skd-occupancy .skd-room-box-container .skd-room-box .skd-room-nr .skd-label {
  116.                 background-color:#CC065E;
  117.             }
  118.             
  119.             [data-theme=homes] .skd-circle.skd-circle.skd-circle.skd-circle.skd-circle.skd-circle.skd-circle.skd-circle.skd-circle.skd-circle.skd-circle.skd-circle.skd-circle.skd-circle.skd-circle.skd-circle.skd-circle.skd-circle.skd-circle.skd-circle.skd-circle.skd-circle {
  120.                 color: #ffffff!important;
  121.                 background-color: #bc9f60!important;
  122.             }
  123.             
  124.             [data-theme=homes] .skd-circle.skd-circle.skd-circle.skd-circle.skd-circle.skd-circle.skd-circle.skd-circle.skd-circle.skd-circle.skd-circle.skd-circle.skd-circle.skd-circle.skd-circle.skd-circle.skd-circle.skd-circle.skd-circle.skd-circle.skd-circle.skd-circle {
  125.                 color: #ffffff !important;
  126.                 background-color: #bc9f60 !important;
  127.             }
  129.             [data-theme=homes][data-page=hochsoelden] .skd-circle.skd-circle.skd-circle.skd-circle.skd-circle.skd-circle.skd-circle.skd-circle.skd-circle.skd-circle.skd-circle.skd-circle.skd-circle.skd-circle.skd-circle.skd-circle.skd-circle.skd-circle.skd-circle.skd-circle.skd-circle.skd-circle {
  130.                 color: #ffffff !important;
  131.                 background-color: #CC065E !important;
  132.             }
  133.             
  134.             [data-theme=homes] .skd-floating-room-box .skd-circle {
  135.                 color: #ffffff !important;
  136.                 background-color: #bc9f60 !important;
  137.             }
  139.             [data-theme=homes][data-page=hochsoelden] .skd-floating-room-box .skd-circle {
  140.                 color: #ffffff !important;
  141.                 background-color: #CC065E !important;
  142.             }
  143.             
  144.             [data-theme=homes] .skd-check-availability-widget .skd-contentContainer .skd-search-box .skd-occupancy .skd-add-room {
  145.                 color: #bc9f60 !important;
  146.             }
  148.             [data-theme=homes][data-page=hochsoelden] .skd-check-availability-widget .skd-contentContainer .skd-search-box .skd-occupancy .skd-add-room {
  149.                 color: #CC065E !important;
  150.             }
  151.             
  152.             [data-theme=homes] .skd-add-room.skd-add-room.skd-add-room.skd-add-room.skd-add-room {
  153.                 color: #bc9f60 !important;
  154.             }
  156.             [data-theme=homes][data-page=hochsoelden] .skd-add-room.skd-add-room.skd-add-room.skd-add-room.skd-add-room {
  157.                 color: #CC065E !important;
  158.             }
  159.             
  160.             [data-theme=homes] .skd-check-availability-widget .skd-contentContainer .skd-search-box .skd-occupancy .skd-add-room .skd-plus-sign{
  161.                 color: #bc9f60!important;
  162.             }
  164.             [data-theme=homes][data-page=hochsoelden] .skd-check-availability-widget .skd-contentContainer .skd-search-box .skd-occupancy .skd-add-room .skd-plus-sign{
  165.                 color: #CC065E!important;
  166.             }
  168.             [data-theme=homes] .skd-plus-sign.skd-plus-sign.skd-plus-sign.skd-plus-sign.skd-plus-sign.skd-plus-sign.skd-plus-sign.skd-plus-sign{
  169.                 color: #bc9f60!important;
  170.             }
  172.             [data-theme=homes][data-page=hochsoelden] .skd-plus-sign.skd-plus-sign.skd-plus-sign.skd-plus-sign.skd-plus-sign.skd-plus-sign.skd-plus-sign.skd-plus-sign{
  173.                 color: #CC065E!important;
  174.             }
  175.             
  176.             [data-theme=homes] .skd-price-wrapper.skd-price-wrapper.skd-price-wrapper {
  177.                 color: #bc9f60!important;
  178.             }
  180.             [data-theme=homes][data-page=hochsoelden] .skd-price-wrapper.skd-price-wrapper.skd-price-wrapper {
  181.                 color: #CC065E!important;
  182.             }
  183.             
  184.             [data-theme=homes] .skd-check-availability-widget .skd-contentContainer .skd-search-box .skd-occupancy .skd-room-box-container .skd-room-box .skd-room-nr .skd-circle {
  185.                 background-color: #bc9f60!important;
  186.             }
  188.             [data-theme=homes][data-page=hochsoelden] .skd-check-availability-widget .skd-contentContainer .skd-search-box .skd-occupancy .skd-room-box-container .skd-room-box .skd-room-nr .skd-circle {
  189.                 background-color: #CC065E!important;
  190.             }
  191.             
  192.             [data-theme=homes] .skd-alternatives-calendar-container .skd-occupancy-icons.skd-occupancy-icons.skd-occupancy-icons {
  193.                 color: #bc9f60!important;
  194.             }
  196.             [data-theme=homes][data-page=hochsoelden] .skd-alternatives-calendar-container .skd-occupancy-icons.skd-occupancy-icons.skd-occupancy-icons {
  197.                 color: #CC065E!important;
  198.             }
  199.             
  200.             [data-theme=homes] h3 {
  201.                 color: #bc9f60!important;
  202.             }
  203.             [data-theme=homes] room-title .skd-occupancy-icons {
  204.                 color: #bc9f60;
  205.             }
  207.             [data-theme=homes][data-page=hochsoelden] h3 {
  208.                 color: #CC065E!important;
  209.             }
  210.             [data-theme=homes][data-page=hochsoelden] room-title .skd-occupancy-icons {
  211.                 color: #CC065E;
  212.             }
  213.             
  214.             [data-theme=homes] .skd-package-title .skd-occupancy-icons, .skd-room-title .skd-occupancy-icons {
  215.                 color: #bc9f60;
  216.             }
  218.             [data-theme=homes][data-page=hochsoelden] .skd-package-title .skd-occupancy-icons, .skd-room-title .skd-occupancy-icons {
  219.                 color: #CC065E;
  220.             }
  221.             
  222.             [data-theme=homes] .skd-alternatives-offer .skd-alternative-offers-cal-container .skd-alternative-calendar .skd-user-preference-date, .skd-alternatives-offer .skd-alternative-offers-cal-container .skd-calendar-legend .skd-user-preference-date {
  223.                 border-top: 2px solid #97804e!important;
  224.                 border-bottom: 2px solid #97804e!important;
  225.             }
  227.             [data-theme=homes][data-page=hochsoelden] .skd-alternatives-offer .skd-alternative-offers-cal-container .skd-alternative-calendar .skd-user-preference-date, .skd-alternatives-offer .skd-alternative-offers-cal-container .skd-calendar-legend .skd-user-preference-date {
  228.                 border-top: 2px solid #8A0840!important;
  229.                 border-bottom: 2px solid #8A0840!important;
  230.             }
  231.             
  232.             [data-theme=homes] .skd-user-preference-date.skd-user-preference-date.skd-user-preference-date.skd-user-preference-date.skd-user-preference-date.skd-user-preference-date.skd-user-preference-date.skd-user-preference-date.skd-user-preference-date.skd-user-preference-date {
  233.                 border-top: 2px solid #97804e!important;
  234.                 border-bottom: 2px solid #97804e!important;
  235.             }
  237.             [data-theme=homes][data-page=hochsoelden] .skd-user-preference-date.skd-user-preference-date.skd-user-preference-date.skd-user-preference-date.skd-user-preference-date.skd-user-preference-date.skd-user-preference-date.skd-user-preference-date.skd-user-preference-date.skd-user-preference-date {
  238.                 border-top: 2px solid #8A0840!important;
  239.                 border-bottom: 2px solid #8A0840!important;
  240.             }
  241.             
  242.             [data-theme=homes] .skd-alternatives-offer .skd-alternative-offers-cal-container .skd-alternative-calendar .skd-user-preference-end, .skd-alternatives-offer .skd-alternative-offers-cal-container .skd-calendar-legend .skd-user-preference-end.skd-user-preference-end.skd-user-preference-end.skd-user-preference-end.skd-user-preference-end.skd-user-preference-end.skd-user-preference-end.skd-user-preference-end.skd-user-preference-end {
  243.                 border-right: 2px #97804e!important;
  244.             }
  247.             [data-theme=homes][data-page=hochsoelden] .skd-alternatives-offer .skd-alternative-offers-cal-container .skd-alternative-calendar .skd-user-preference-end, .skd-alternatives-offer .skd-alternative-offers-cal-container .skd-calendar-legend .skd-user-preference-end.skd-user-preference-end.skd-user-preference-end.skd-user-preference-end.skd-user-preference-end.skd-user-preference-end.skd-user-preference-end.skd-user-preference-end.skd-user-preference-end {
  248.                 border-right: 2px #8A0840!important;
  249.             }
  250.             
  251.             [data-theme=homes] .skd-alternatives-offer .skd-alternative-offers-cal-container .skd-alternative-calendar .skd-above-user-preference, .skd-alternatives-offer .skd-alternative-offers-cal-container .skd-calendar-legend .skd-above-user-preference {
  252.                 border-bottom: 2px solid #97804e!important;
  253.             }
  255.             [data-theme=homes][data-page=hochsoelden] .skd-alternatives-offer .skd-alternative-offers-cal-container .skd-alternative-calendar .skd-above-user-preference, .skd-alternatives-offer .skd-alternative-offers-cal-container .skd-calendar-legend .skd-above-user-preference {
  256.                 border-bottom: 2px solid #8A0840!important;
  257.             }
  258.             
  259.             [data-theme=homes] skd-alternatives-offer .skd-alternative-offers-cal-container .skd-alternative-calendar .skd-above-user-preference, .skd-alternatives-offer .skd-alternative-offers-cal-container .skd-calendar-legend .skd-above-user-preference {
  260.                 border-bottom: 2px solid #97804e!important;
  261.             }
  263.             [data-theme=homes][data-page=hochsoelden] skd-alternatives-offer .skd-alternative-offers-cal-container .skd-alternative-calendar .skd-above-user-preference, .skd-alternatives-offer .skd-alternative-offers-cal-container .skd-calendar-legend .skd-above-user-preference {
  264.                 border-bottom: 2px solid #8A0840!important;
  265.             }
  266.             
  267.             [data-theme=homes] .skd-alternatives-calendar-container .skd-legend .skd-customer-preference-legend {
  268.                 border: 1px solid #97804e!important;
  269.             }
  271.             [data-theme=homes][data-page=hochsoelden] .skd-alternatives-calendar-container .skd-legend .skd-customer-preference-legend {
  272.                 border: 1px solid #8A0840!important;
  273.             }
  274.             
  275.             [data-theme=homes] .skd-alternatives-offer .skd-alternative-offers-cal-container .skd-alternative-calendar .skd-user-preference-start, .skd-alternatives-offer .skd-alternative-offers-cal-container .skd-calendar-legend .skd-user-preference-start {
  276.                 border-left: 3px solid #97804e!important;
  277.             }
  279.             [data-theme=homes][data-page=hochsoelden] .skd-alternatives-offer .skd-alternative-offers-cal-container .skd-alternative-calendar .skd-user-preference-start, .skd-alternatives-offer .skd-alternative-offers-cal-container .skd-calendar-legend .skd-user-preference-start {
  280.                 border-left: 3px solid #8A0840!important;
  281.             }
  283.             .skd-calendars-month td span {
  284.                 color: #000000!important;
  285.             }
  287.             li.skd-widget-active a strong {
  288.                 color:#ffffff;
  289.             }
  290.             
  291.             [data-theme=homes] .skd-calendars-month td .skd-calendars-departure:after, .skd-calendars-month td .skd-calendars-highlight-departure:after {
  292.                 border-color: #97804e #97804e #97804e transparent!important;
  293.             }
  295.             [data-theme=homes][data-page=hochsoelden] .skd-calendars-month td .skd-calendars-departure:after, .skd-calendars-month td .skd-calendars-highlight-departure:after {
  296.                 border-color: #8A0840 #8A0840 #8A0840 transparent!important;
  297.             }
  298.             
  299.             [data-theme=homes][data-page=hochsoelden] .skd-calendars-month td .skd-was-selected-before {
  300.                 border: 1px solid #97804e!important;
  301.             }
  303.             [data-theme=homes][data-page=hochsoelden] .skd-calendars-month td .skd-was-selected-before {
  304.                 border: 1px solid #8A0840!important;
  305.             }
  306.             .skd-themeable-checkavailability .skd-additional-controls .skd-widget-dropdown-menu li a:hover {
  307.                 background-color: #c8c8c8 !important;
  308.             }
  309.             
  310.             [data-theme=homes] .skd-check-availability-widget .skd-contentContainer .skd-search-box .skd-occupancy .skd-room-box-container .skd-room-box .skd-room-overview .skd-invitation {
  311.                 color: #bc9f60!important;
  312.             }
  313.             
  314.             [data-theme=homes][data-page=hochsoelden] .skd-check-availability-widget .skd-contentContainer .skd-search-box .skd-occupancy .skd-room-box-container .skd-room-box .skd-room-overview .skd-invitation {
  315.                 color: #CC065E!important;
  316.             }
  317.             
  318.             [data-theme=homes] .skd-offer-list-widget .skd-rooms-fullimage-price {
  319.                color: #bc9f60!important;
  320.            }
  321.             [data-theme=homes] .skd-offer-list-widget .skd-rooms-fullimage-price a {
  322.                 color: #bc9f60!important;
  323.             }
  325.            [data-theme=homes][data-page=hochsoelden] .skd-offer-list-widget .skd-rooms-fullimage-price {
  326.                color: #CC065E!important;
  327.            }
  328.             [data-theme=homes][data-page=hochsoelden] .skd-offer-list-widget .skd-rooms-fullimage-price a {
  329.                 color: #CC065E!important;
  330.             }
  331.             
  332.             [data-theme=homes] .skd-themeable-offerlist .skd-alternatives-offer .skd-alternative-offers-cal-container .skd-alternative-calendar .skd-date-available {
  333.                 background-color: #d4b467!important;
  334.             }
  335.             
  336.             [data-theme=homes][data-page=hochsoelden] .skd-themeable-offerlist .skd-alternatives-offer .skd-alternative-offers-cal-container .skd-alternative-calendar .skd-date-available {
  337.                 background-color: #f82975!important;
  338.             }
  339.             
  340.             [data-theme=homes] .skd-themeable .skd-legend .skd-item.skd-available {
  341.                 background-color: #d4b467!important;
  342.             }
  343.             
  344.             [data-theme=homes][data-page=hochsoelden] .skd-themeable .skd-legend .skd-item.skd-available {
  345.                 background-color: #f82975!important;
  346.             }
  347.             
  348.             [data-theme=homes] .skd-themeable .skd-legend .skd-only-departure {
  349.                 background-color: #d4b467!important;
  350.             }
  351.             
  352.             [data-theme=homes][data-page=hochsoelden] .skd-themeable .skd-legend .skd-only-departure {
  353.                 background-color: #f82975!important;
  354.             }
  355.             
  356.             [data-theme=homes] .skd-themeable .skd-legend .skd-only-arrival {
  357.                 background-color: #d4b467!important;
  358.             }
  359.             
  360.             [data-theme=homes][data-page=hochsoelden] .skd-themeable .skd-legend .skd-only-arrival {
  361.                 background-color: #f82975!important;
  362.             }
  364.         </style>
  369.     <div class="constrainer-maxsize edgepadding {{ abstandClasses }}">
  371.         {# <h2 class="font-thin texttitle">{{ 'seekda_headline'|trans }}</h2>
  373.         <div class="skd-widget" data-skd-widget="check-availability" data-skd-language-code="{{ document.getProperty('language') }}" data-skd-show-language="true" data-skd-send-to-groups="A" data-skd-listen-to-groups="B" data-skd-display-mode="inline" data-skd-show-currency="true" data-skd-is-themeable="true" skd-auto-search="false" data-skd-auto-scroll="false"  data-skd-display-mode="inline">
  374.             <div style="width:100%; min-height:100px; text-align:center;">
  375.                 <img src="https://static.seekda.net/assets/images/skd_spinner.gif" />
  376.             </div>
  377.         </div>
  379.         <div style="background-color: #F1F1F1;padding:10px;margin-top:15px;border:1px solid #dddddd;">
  380.             <div class="skd-widget" data-skd-widget="offer-list" data-skd-language-code="{{ document.getProperty('language') }}" data-skd-listen-to-groups="A" data-skd-send-to-groups="B" data-skd-list-mode="new" skd-auto-search="false" data-skd-auto-scroll="false" data-skd-is-themeable="true">
  381.                 <div style="width:100%; min-height:100px; text-align:center;">
  382.                     <img src="https://static.seekda.net/assets/images/skd_spinner.gif" />
  383.                 </div>
  384.             </div>
  385.         </div> #}
  387. {% set seekda = document.getProperty('SEEKDA_ELEMENTS') %}
  388. {% set seekda = seekda|lower|trim %}
  390. {% if seekda in ['all', 'search'] %}
  391.     <div data-kbe-searchbar="BOOKINGWIDGET"></div>
  392. {% endif %}
  394. {% if seekda in ['all', 'rates'] %}
  395.     <div data-kbe-rates="BOOKINGWIDGET"></div>
  396. {% endif %}
  398.     </div>
  400.     <script>
  401.             {# var s   = document.createElement('script');
  402.             s.type  = 'text/javascript';
  403.             s.src   = "https://cloud.seekda.com/w/w-dynamic-shop/hotel:{{ seekda_hotelId }}/{{ seekda_apiKey }}.js";
  404.             var x   = document.querySelector('head');
  405.             x.appendChild(s);
  407.                 s.onload = function () {
  408.                     if(window.location.hash) {
  409.                         window.setTimeout(function () {
  410.                             var element = document.querySelector(window.location.hash);
  411.                             element.scrollIntoView();
  412.                         }, 1000);
  413.                     }
  415.                 }; #}
  417.             !function(t,e,n,s){t["kbe-widgets"]=s,t[s]=t[s]||new Proxy({q:[]},{get:(e,n)=>n in e?e[n]:function(e){t[s].q.push([n,e])}});const o=e.createElement(n),r=e.getElementsByTagName(n)[0];o.id=s,o.src="https://widget-bf.seekda.com/loader.js",o.async=1,r.parentNode.insertBefore(o,r)}(window,document,"script","__KBE");
  419.             const lang = {{ lg | json_encode | raw }};
  420.             const hotelid = {{ seekda_hotelid | json_encode | raw }}
  421.             
  422.             __KBE.settings({
  423.                 "id": "BOOKINGWIDGET",
  424.                 "propertyCode": hotelid,   
  425.                 "language": lang
  426.             });
  427.             __KBE.searchbar({
  428.                 "showLanguageSelector": false,
  429.                 "id": "BOOKINGWIDGET",
  430.                 "isConnected": true
  431.             });
  432.             __KBE.rates({
  433.                 "id": "BOOKINGWIDGET",
  434.                 "layout": 1,
  435.                 "loadingBlocks": 3,
  436.                 "showDescription": true,
  437.                 "showSpecs": true
  438.             });
  439.     </script>
  442. {% endif %}