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.                                 ["laengenfeld", "Längenfeld"],
  42.                                 ["hochsoelden", "Hochsölden"],
  43.                                 ["laengenfeldzentrum", "Längenfeld-Zentrum"]
  44.                             ],
  45.                             "width":250,
  46.                             "reload" : true
  47.                         }) }}
  49.                     <br /><br /><br /><br />
  50.                          
  51.                 </section>
  52.             {% endif %}
  55.     </div>
  56.     {{ include('includes/backend-fuss.html.twig') }}
  58. {% else %}
  60.     {% set abstand_top_class = (checkMultiselect(pimcore_multiselect("artikel"),'abstand-top') == true)? ' abstand-top' : '' %}
  61.     {% set abstand_bottom_class = (checkMultiselect(pimcore_multiselect("artikel"),'abstand-bottom') == true)? ' abstand-bottom' : '' %}
  62.     {% set abstandClasses = abstand_top_class ~ abstand_bottom_class %}
  63.     {% set selfId = document.getId() %}
  65.         <style>
  66.             [data-theme=homes] .skd-themeable-checkavailability .skd-calendars .skd-calendars-available:not(.skd-calendars-other-month),
  67.             [data-theme=homes] .skd-themeable-checkavailability .skd-calendars .skd-calendars-only-arrival,
  68.             [data-theme=homes] .skd-themeable-checkavailability .skd-calendars .skd-calendars-only-departure {
  69.                 background-color: #bc9f60 !important
  70.             }
  71.             
  72.             [data-theme=homes][data-page=hochsoelden] .skd-themeable-checkavailability .skd-calendars .skd-calendars-available:not(.skd-calendars-other-month),
  73.             [data-theme=homes][data-page=hochsoelden] .skd-themeable-checkavailability .skd-calendars .skd-calendars-only-arrival,
  74.             [data-theme=homes][data-page=hochsoelden] .skd-themeable-checkavailability .skd-calendars .skd-calendars-only-departure {
  75.                 background-color: #CC065E !important
  76.             }
  77.             
  78.             [data-theme=homes] .skd-themeable-checkavailability .skd-calendars .skd-calendars-month td .skd-was-selected-before,
  79.             [data-theme=homes][data-page=hochsoelden] .skd-themeable-checkavailability .skd-calendars .skd-calendars-month td .skd-was-selected-before{
  80.                 background-color: #eee !important;
  81.                 border: none !important
  82.             }
  83.             
  84.             [data-theme=homes] .skd-calendars-month td .skd-calendars-departure:after,
  85.             [data-theme=homes] .skd-calendars-month td .skd-calendars-highlight-departure:after,
  86.             [data-theme=homes] .skd-themeable-checkavailability .skd-calendars .skd-calendars-only-departure:after {
  87.                 border-color: #bc9f60 #bc9f60 #bc9f60 transparent !important;
  88.             }
  89.             
  90.             [data-theme=homes][data-page=hochsoelden] .skd-calendars-month td .skd-calendars-departure:after,
  91.             [data-theme=homes][data-page=hochsoelden] .skd-calendars-month td .skd-calendars-highlight-departure:after,
  92.             [data-theme=homes][data-page=hochsoelden] .skd-themeable-checkavailability .skd-calendars .skd-calendars-only-departure:after {
  93.                 border-color: #CC065E #CC065E #CC065E transparent !important;
  94.             }
  95.             
  96.             [data-theme=homes] .skd-themeable-checkavailability .skd-calendars .skd-calendars-arrival:after {
  97.                 border-color: transparent transparent transparent #bc9f60 !important
  98.             }
  99.             
  100.             [data-theme=homes][data-page=hochsoelden] .skd-themeable-checkavailability .skd-calendars .skd-calendars-arrival:after {
  101.                 border-color: transparent transparent transparent #CC065E !important
  102.             }
  103.         
  104.             [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 {
  105.                 color: #bc9f60!important;
  106.             }
  107.         
  108.             [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 {
  109.                 color: #CC065E!important;
  110.             }
  111.             
  112.             [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 {
  113.                 background-color:#bc9f60;
  114.             }
  116.             [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 {
  117.                 background-color:#CC065E;
  118.             }
  119.             
  120.             [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 {
  121.                 color: #ffffff!important;
  122.                 background-color: #bc9f60!important;
  123.             }
  124.             
  125.             [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 {
  126.                 color: #ffffff !important;
  127.                 background-color: #bc9f60 !important;
  128.             }
  130.             [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 {
  131.                 color: #ffffff !important;
  132.                 background-color: #CC065E !important;
  133.             }
  134.             
  135.             [data-theme=homes] .skd-floating-room-box .skd-circle {
  136.                 color: #ffffff !important;
  137.                 background-color: #bc9f60 !important;
  138.             }
  140.             [data-theme=homes][data-page=hochsoelden] .skd-floating-room-box .skd-circle {
  141.                 color: #ffffff !important;
  142.                 background-color: #CC065E !important;
  143.             }
  144.             
  145.             [data-theme=homes] .skd-check-availability-widget .skd-contentContainer .skd-search-box .skd-occupancy .skd-add-room {
  146.                 color: #bc9f60 !important;
  147.             }
  149.             [data-theme=homes][data-page=hochsoelden] .skd-check-availability-widget .skd-contentContainer .skd-search-box .skd-occupancy .skd-add-room {
  150.                 color: #CC065E !important;
  151.             }
  152.             
  153.             [data-theme=homes] .skd-add-room.skd-add-room.skd-add-room.skd-add-room.skd-add-room {
  154.                 color: #bc9f60 !important;
  155.             }
  157.             [data-theme=homes][data-page=hochsoelden] .skd-add-room.skd-add-room.skd-add-room.skd-add-room.skd-add-room {
  158.                 color: #CC065E !important;
  159.             }
  160.             
  161.             [data-theme=homes] .skd-check-availability-widget .skd-contentContainer .skd-search-box .skd-occupancy .skd-add-room .skd-plus-sign{
  162.                 color: #bc9f60!important;
  163.             }
  165.             [data-theme=homes][data-page=hochsoelden] .skd-check-availability-widget .skd-contentContainer .skd-search-box .skd-occupancy .skd-add-room .skd-plus-sign{
  166.                 color: #CC065E!important;
  167.             }
  169.             [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{
  170.                 color: #bc9f60!important;
  171.             }
  173.             [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{
  174.                 color: #CC065E!important;
  175.             }
  176.             
  177.             [data-theme=homes] .skd-price-wrapper.skd-price-wrapper.skd-price-wrapper {
  178.                 color: #bc9f60!important;
  179.             }
  181.             [data-theme=homes][data-page=hochsoelden] .skd-price-wrapper.skd-price-wrapper.skd-price-wrapper {
  182.                 color: #CC065E!important;
  183.             }
  184.             
  185.             [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 {
  186.                 background-color: #bc9f60!important;
  187.             }
  189.             [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 {
  190.                 background-color: #CC065E!important;
  191.             }
  192.             
  193.             [data-theme=homes] .skd-alternatives-calendar-container .skd-occupancy-icons.skd-occupancy-icons.skd-occupancy-icons {
  194.                 color: #bc9f60!important;
  195.             }
  197.             [data-theme=homes][data-page=hochsoelden] .skd-alternatives-calendar-container .skd-occupancy-icons.skd-occupancy-icons.skd-occupancy-icons {
  198.                 color: #CC065E!important;
  199.             }
  200.             
  201.             [data-theme=homes] h3 {
  202.                 color: #bc9f60!important;
  203.             }
  204.             [data-theme=homes] room-title .skd-occupancy-icons {
  205.                 color: #bc9f60;
  206.             }
  208.             [data-theme=homes][data-page=hochsoelden] h3 {
  209.                 color: #CC065E!important;
  210.             }
  211.             [data-theme=homes][data-page=hochsoelden] room-title .skd-occupancy-icons {
  212.                 color: #CC065E;
  213.             }
  214.             
  215.             [data-theme=homes] .skd-package-title .skd-occupancy-icons, .skd-room-title .skd-occupancy-icons {
  216.                 color: #bc9f60;
  217.             }
  219.             [data-theme=homes][data-page=hochsoelden] .skd-package-title .skd-occupancy-icons, .skd-room-title .skd-occupancy-icons {
  220.                 color: #CC065E;
  221.             }
  222.             
  223.             [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 {
  224.                 border-top: 2px solid #97804e!important;
  225.                 border-bottom: 2px solid #97804e!important;
  226.             }
  228.             [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 {
  229.                 border-top: 2px solid #8A0840!important;
  230.                 border-bottom: 2px solid #8A0840!important;
  231.             }
  232.             
  233.             [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 {
  234.                 border-top: 2px solid #97804e!important;
  235.                 border-bottom: 2px solid #97804e!important;
  236.             }
  238.             [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 {
  239.                 border-top: 2px solid #8A0840!important;
  240.                 border-bottom: 2px solid #8A0840!important;
  241.             }
  242.             
  243.             [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 {
  244.                 border-right: 2px #97804e!important;
  245.             }
  248.             [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 {
  249.                 border-right: 2px #8A0840!important;
  250.             }
  251.             
  252.             [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 {
  253.                 border-bottom: 2px solid #97804e!important;
  254.             }
  256.             [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 {
  257.                 border-bottom: 2px solid #8A0840!important;
  258.             }
  259.             
  260.             [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 {
  261.                 border-bottom: 2px solid #97804e!important;
  262.             }
  264.             [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 {
  265.                 border-bottom: 2px solid #8A0840!important;
  266.             }
  267.             
  268.             [data-theme=homes] .skd-alternatives-calendar-container .skd-legend .skd-customer-preference-legend {
  269.                 border: 1px solid #97804e!important;
  270.             }
  272.             [data-theme=homes][data-page=hochsoelden] .skd-alternatives-calendar-container .skd-legend .skd-customer-preference-legend {
  273.                 border: 1px solid #8A0840!important;
  274.             }
  275.             
  276.             [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 {
  277.                 border-left: 3px solid #97804e!important;
  278.             }
  280.             [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 {
  281.                 border-left: 3px solid #8A0840!important;
  282.             }
  284.             .skd-calendars-month td span {
  285.                 color: #000000!important;
  286.             }
  288.             li.skd-widget-active a strong {
  289.                 color:#ffffff;
  290.             }
  291.             
  292.             [data-theme=homes] .skd-calendars-month td .skd-calendars-departure:after, .skd-calendars-month td .skd-calendars-highlight-departure:after {
  293.                 border-color: #97804e #97804e #97804e transparent!important;
  294.             }
  296.             [data-theme=homes][data-page=hochsoelden] .skd-calendars-month td .skd-calendars-departure:after, .skd-calendars-month td .skd-calendars-highlight-departure:after {
  297.                 border-color: #8A0840 #8A0840 #8A0840 transparent!important;
  298.             }
  299.             
  300.             [data-theme=homes][data-page=hochsoelden] .skd-calendars-month td .skd-was-selected-before {
  301.                 border: 1px solid #97804e!important;
  302.             }
  304.             [data-theme=homes][data-page=hochsoelden] .skd-calendars-month td .skd-was-selected-before {
  305.                 border: 1px solid #8A0840!important;
  306.             }
  307.             .skd-themeable-checkavailability .skd-additional-controls .skd-widget-dropdown-menu li a:hover {
  308.                 background-color: #c8c8c8 !important;
  309.             }
  310.             
  311.             [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 {
  312.                 color: #bc9f60!important;
  313.             }
  314.             
  315.             [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 {
  316.                 color: #CC065E!important;
  317.             }
  318.             
  319.             [data-theme=homes] .skd-offer-list-widget .skd-rooms-fullimage-price {
  320.                color: #bc9f60!important;
  321.            }
  322.             [data-theme=homes] .skd-offer-list-widget .skd-rooms-fullimage-price a {
  323.                 color: #bc9f60!important;
  324.             }
  326.            [data-theme=homes][data-page=hochsoelden] .skd-offer-list-widget .skd-rooms-fullimage-price {
  327.                color: #CC065E!important;
  328.            }
  329.             [data-theme=homes][data-page=hochsoelden] .skd-offer-list-widget .skd-rooms-fullimage-price a {
  330.                 color: #CC065E!important;
  331.             }
  332.             
  333.             [data-theme=homes] .skd-themeable-offerlist .skd-alternatives-offer .skd-alternative-offers-cal-container .skd-alternative-calendar .skd-date-available {
  334.                 background-color: #d4b467!important;
  335.             }
  336.             
  337.             [data-theme=homes][data-page=hochsoelden] .skd-themeable-offerlist .skd-alternatives-offer .skd-alternative-offers-cal-container .skd-alternative-calendar .skd-date-available {
  338.                 background-color: #f82975!important;
  339.             }
  340.             
  341.             [data-theme=homes] .skd-themeable .skd-legend .skd-item.skd-available {
  342.                 background-color: #d4b467!important;
  343.             }
  344.             
  345.             [data-theme=homes][data-page=hochsoelden] .skd-themeable .skd-legend .skd-item.skd-available {
  346.                 background-color: #f82975!important;
  347.             }
  348.             
  349.             [data-theme=homes] .skd-themeable .skd-legend .skd-only-departure {
  350.                 background-color: #d4b467!important;
  351.             }
  352.             
  353.             [data-theme=homes][data-page=hochsoelden] .skd-themeable .skd-legend .skd-only-departure {
  354.                 background-color: #f82975!important;
  355.             }
  356.             
  357.             [data-theme=homes] .skd-themeable .skd-legend .skd-only-arrival {
  358.                 background-color: #d4b467!important;
  359.             }
  360.             
  361.             [data-theme=homes][data-page=hochsoelden] .skd-themeable .skd-legend .skd-only-arrival {
  362.                 background-color: #f82975!important;
  363.             }
  365.         </style>
  370.     <div class="constrainer-maxsize edgepadding {{ abstandClasses }}">
  372.         {# <h2 class="font-thin texttitle">{{ 'seekda_headline'|trans }}</h2>
  374.         <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">
  375.             <div style="width:100%; min-height:100px; text-align:center;">
  376.                 <img src="https://static.seekda.net/assets/images/skd_spinner.gif" />
  377.             </div>
  378.         </div>
  380.         <div style="background-color: #F1F1F1;padding:10px;margin-top:15px;border:1px solid #dddddd;">
  381.             <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">
  382.                 <div style="width:100%; min-height:100px; text-align:center;">
  383.                     <img src="https://static.seekda.net/assets/images/skd_spinner.gif" />
  384.                 </div>
  385.             </div>
  386.         </div> #}
  388.         <div data-kbe-searchbar="BOOKINGWIDGET"></div>
  389.         <div data-kbe-rates="BOOKINGWIDGET"></div>
  391.     </div>
  393.     <script>
  394.             {# var s   = document.createElement('script');
  395.             s.type  = 'text/javascript';
  396.             s.src   = "https://cloud.seekda.com/w/w-dynamic-shop/hotel:{{ seekda_hotelId }}/{{ seekda_apiKey }}.js";
  397.             var x   = document.querySelector('head');
  398.             x.appendChild(s);
  400.                 s.onload = function () {
  401.                     if(window.location.hash) {
  402.                         window.setTimeout(function () {
  403.                             var element = document.querySelector(window.location.hash);
  404.                             element.scrollIntoView();
  405.                         }, 1000);
  406.                     }
  408.                 }; #}
  410.             !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");
  412.             const lang = {{ lg | json_encode | raw }};
  413.             const hotelid = {{ seekda_hotelid | json_encode | raw }}
  414.             
  415.             __KBE.settings({
  416.                 "id": "BOOKINGWIDGET",
  417.                 "propertyCode": hotelid,   
  418.                 "language": lang
  419.             });
  420.             __KBE.searchbar({
  421.                 "showLanguageSelector": false,
  422.                 "id": "BOOKINGWIDGET",
  423.                 "isConnected": true
  424.             });
  425.             __KBE.rates({
  426.                 "id": "BOOKINGWIDGET",
  427.                 "layout": 1,
  428.                 "loadingBlocks": 3,
  429.                 "showDescription": true,
  430.                 "showSpecs": true
  431.             });
  432.     </script>
  435. {% endif %}