//if( !window['jcClWidgetBase'] ){
//открытие по тэгу
if( typeof jcClWidgetBaseOk === 'undefined'){
var jcClWidgetBase = function (param) {
this.hash = param.hash;
this.wid = param.wid;
this.host = param.host;
this.type = '';
this.content = '';
this.button = '';
this.cssfile = this.host+'/widget/widget.css?v='+param.vercss;
this.parentid = 0; //родительская сделка
this.customer = {};
this.init(param);
this.referrer = '';
this.setstat();
this.onopenform = '';
this.oncloseform = '';
this.progressDiv = false;
this.progress = false;
if(!jcClWidgetBase.mapWidgets[this.wid])
jcClWidgetBase.mapWidgets[this.wid] = this;
}
jcClWidgetBase.prototype = {
init: function(param) {
var thisObj = this;
this.maindiv = document.createElement('div');
this.maindiv.id='cl_widget_'+this.hash;
this.maindiv.innerHTML = '<link href="'+this.cssfile+'" type="text/css" rel="stylesheet" />';
this.img = document.createElement('img');
this.img.id='cl_widget_'+this.hash+'_img';
this.img.className = 'clwidget_img';
this.maindiv.appendChild(this.img);
this.btn = document.createElement('div');
this.btn.id = 'cl_widget_button_'+this.hash;
this.btn.className = 'clwidget-btn';
this.btn.onclick = function(e) {
thisObj.openform();
}
this.maindiv.appendChild(this.btn);
this.container = document.createElement('div');
this.container.id='cl_widget_content_'+this.hash;
this.container.className='clwidget-content';
this.container.style.display = 'none';
this.maindiv.appendChild(this.container);
this.modal = document.createElement('div');
this.modal.id='cl_widget_overlay_'+this.hash;
this.modal.className='clwidget-overlay';
this.modal.onclick = function(e) {
thisObj.closeform();
}
this.maindiv.appendChild(this.modal)
document.body.appendChild(this.maindiv);
this.modal.style.zIndex = 9990;
this.container.style.zIndex = 9999;
jcClWidgetBase.mapWidgets[ this.wid ] = this;
this.parentid = 0;
this.customer = { id:0, fname:'', mname:'', lname:'', phone:'', email:'', city:''};
}, //init
openform: function() {
this.modal.style.display='block';
this.modal.style.opacity = 0.7;
this.container.style.display='block';
if(this.onopenform)
this.onopenform();
},
closeform: function() {
this.modal.style.display='none';
this.modal.style.opacity = 0;
this.container.style.display='none';
if(this.oncloseform)
this.oncloseform();
},
getcookie: function(name) {
var reg = new RegExp('('+name+'=)([^;]*)','i');
var matches = document.cookie.match(reg);
return matches ? decodeURIComponent(matches[2]) : false;
},
setcookie: function(name,val,options) {
var str=name+'='+val+';path=/;';
if(options && options.expires)
str+='expires='+options.expires;
document.cookie = str;
},
deletecookie: function(name) {
this.setcookie(name, "", {expires: -1})
},
setstat: function() {
this.referrer = this.getcookie('clwd_ref');
if(this.referrer == false) {
this.referrer = document.referrer;
var date = new Date;
date.setDate(date.getDate() + 7);
this.setcookie('clwd_ref',document.referrer,{expires : date.toUTCString()});
}
},
toYandex: function(target) {
//Yandex metrika
var yaID=0;
if (typeof Ya !== "undefined")
if(Ya && Ya._metrika && Ya._metrika.getCounters && Ya._metrika.getCounters().length && Ya._metrika.getCounters()[0].id) {
yaID = Ya._metrika.getCounters()[0].id+'';
if(eval('yaCounter'+yaID)) {
var yaCNT = eval('yaCounter'+yaID);
yaCNT.reachGoal(target);
}
}
},
toGoogle: function(target) {
//Google Analytics
if (typeof _gaq !== "undefined")
if(_gaq && _gaq.push)
_gaq.push(['_trackEvent', 'CloffWidget', target]);
//Universal Analytics
else if (typeof ga !== "undefined")
if(ga)
ga('send', 'event', 'CloffWidget', target);
},
callscript: function(url,data,fcallback) {
var t = new Date().getTime();
var str = url+'?_t='+t+'&_w='+this.wid+'&_h='+this.hash+'&_r='+encodeURIComponent(this.referrer);
if(data)
str+='&'+data;
this.img.onload = function() {
var nstatus = parseInt(this.naturalHeight,10);
if(fcallback)
fcallback(nstatus);
}
this.img.src = str;
},
getparams: function(){
var t = new Date().getTime();
return ('_t='+t+'&_w='+this.wid+'&_h='+this.hash+'&_r='+encodeURIComponent(this.referrer));
},
//отправка запроса CORS
callajax: function(url, data, fcallback, isprogress, errfunc) {
var t = new Date().getTime();
var thisObj = this;
var xmlHttp = new XMLHttpRequest();
xmlHttp.withCredentials = true;
if(data){
xmlHttp.open( (data?'POST':'GET'), url, true);
xmlHttp.setRequestHeader("Method", "POST " + url + " HTTP/1.1");
xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
data += ('&_t='+t+'&_w='+this.wid+'&_h='+this.hash+'&_r='+encodeURIComponent(this.referrer));
}
else {
url += ( ( (url.indexOf('?')<=0) ? '?' : '&')+'_t='+t+'&_w='+this.wid+'&_h='+this.hash+'&_r='+encodeURIComponent(this.referrer));
xmlHttp.open( (data?'POST':'GET'), url, true);
}
xmlHttp.onreadystatechange = function(){
var param = false;
//console.log('xmlHttp.readyState',xmlHttp.readyState, 'isprogress', isprogress);
if(isprogress){
//console.log('xmlHttp.readyState if(isprogress){ ',(25*xmlHttp.readyState));
thisObj.setProgress(25*xmlHttp.readyState);
}
if(xmlHttp.readyState == 4){
if(isprogress){ thisObj.hideProgress(); }
if(xmlHttp.status !=200 ) {
if(errfunc)
errfunc();
if( xmlHttp.status != 0 ){
alert('ERROR: request error.\nResponce status:'+xmlHttp.status);
return false;
}
else{
xmlHttp.abort();
return false;
}
}
var resp = xmlHttp.responseText;
try {
param = eval(resp)[0];
} catch (e) {
console.log('Ошибка обработки ответа:', resp);
console.error(e);
if(errfunc)
errfunc();
return false;
};
if(fcallback) fcallback(param);
}
};
if(isprogress){ this.showProgress(); }
xmlHttp.send(data);
var n = 0;
var prog = function(){
n++;
thisObj.setProgress(4*n);
if(n<20)
window.setTimeout( prog, 100);
};
prog();
},
setProgress: function(v){
this.progress.value = v;
},
showProgress: function(){
if(!this.progressDiv){
this.progressDiv = document.createElement("DIV");
this.progressDiv.className = 'clwidget-progress-overlay';
this.progressDiv.style.display = 'none';
this.progress = document.createElement("PROGRESS");
this.progress.className = 'clwidget-progress';
this.progress.max = 100;
this.progressDiv.appendChild(this.progress);
document.body.appendChild(this.progressDiv);
}
//получим zIndex
this.progress.value = 0;
this.progressDiv.style.zIndex = ( this.zIndex ? parseInt(this.zIndex,10)+10000: (this.container?parseInt(this.container.style.zIndex,10):0)+5);
this.progressDiv.style.display = 'block';
},
hideProgress: function(){
this.progressDiv.style.display = 'none';
}, //hideProgress
setParent: function(pid){
this.parentid = pid;
}, //setParent
setCustomer: function(oc){
this.customer = Object.assign({}, oc);
}, //setCustomer
}
jcClWidgetBase.mapWidgets = {};
jcClWidgetBase.getWidget = function(wid){
return ( jcClWidgetBase.mapWidgets[wid] ? jcClWidgetBase.mapWidgets[wid]: false );
};
jcClWidgetBase.onHASH = function(e){
console.log('HASH333', location.hash);
if(location.hash.substr(0,6)==='#CLWDG'){
let wid = parseInt(location.hash.substr(6),10);
if(wid){
let wgd = jcClWidgetBase.getWidget(wid);
if(wgd)
wgd.openform();
}
}
}
window.addEventListener('DOMContentLoaded', (event) => {
window.addEventListener("hashchange"
, function(e) {
jcClWidgetBase.onHASH(e);
}
, false);
console.log('OK DOMContentLoaded', jcClWidgetBase.mapWidgets);
//ну и проверим а вдруг сразу?
if( location.hash && location.hash.length)
setTimeout( function(){ jcClWidgetBase.onHASH(); },800);
});
console.log('SET DOMContentLoaded', jcClWidgetBase.mapWidgets);
var jcClWidgetBaseOk = 1;
} //END if jcClWidgetBaseOk;
//} //if( !window['jcClWidgetBase'] ){
/*
.LINE {max-width: 1010px;}
.BLOCK_1 {max-width: 880px;}
.BLOCK_2 {max-width: 560px;}
.COLUMN_1 {max-width: 346px;}
.COLUMN_2 {max-width: 226px;
*/
function jcClWidgetBooking183b11c57899a01e5d25871bcc36123a(param) {
jcClWidgetBase.apply(this, arguments);
this.type = 'hour';
var thisObj = this;
this.content = param.content;
this.onopenform = function() { };
this.oncloseform = function() {
thisObj.resetAll();
};
this.host = param.host;
this.dtStart = false;
this.dtEnd = false;
this.curVar = false;
this.arrService = [];
this.arrOption = [];
this.mapAdd = {};
this.total;
this.bedType = 1;
this.chBedType = false;
this.bookingID = 0;
this.cntAdt = 2;
this.cntChild = 0;
this.cntInfants = 0;
this.descr = '';
this.prepay = 0;
this.staticForm = param.staticForm;
this.hash = '183b11c57899a01e5d25871bcc36123a';
this.varDescr = false;
this.initChilds = false;
this.tariffId = '';
this.addPrice = 0; //сумма услуг и опций
this.sortByHousing = 0; //сортировать по корпусам
this.sizes = [
{w:1200, cl: 'BLOCK_1'},
{w:880, cl: 'BLOCK_1'},
{w:560, cl: 'BLOCK_2'},
{w:390, cl: 'COLUMN_1'},
{w:226, cl: 'COLUMN_2'},
];
this.childmax = cl_hotel4322.childmax;
this.infantmax = cl_hotel4322.infantmax;
this.cityrq = cl_hotel4322.cityrq;
this.selbed = cl_hotel4322.selbed;
this.cntGuests = 4;
this.frm = false;
this.ispromo = 0;
this.promocode = 0;
this.cntday = 1;
this.SUTKI = 24*3600*1000;
this.bookend = ( cl_hotel4322&&cl_hotel4322.bookend ? cl_hotel4322.bookend: '');
this.bookstart = ( cl_hotel4322&&cl_hotel4322.bookstart ? cl_hotel4322.bookstart: '');
this.money = cl_hotel4322&&cl_hotel4322.money;
this.ssid = this.getcookie('cl_ssid');
if(!this.ssid) this.ssid = '';
this.addEvent = function(elem, type, handler){
if (elem.addEventListener){elem.addEventListener(type, handler, false)}
else { elem.attachEvent("on"+type, handler)}
};
this.removeEvent = function(elem, type, handler){
if (elem.removeEventListener){elem.removeEventListener(type, handler, false)}
else { elem.detachEvent("on"+type, handler)}
};
this.alert = function(msg){
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_wnd_alert_msg').innerHTML = msg;
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_wnd_alert').style.display = 'block';
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_wnd_alert').classList.remove('hide');
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_wnd_alert_close_x').onclick =
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_wnd_alert_close').onclick = function(){
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_wnd_alert').classList.add('hide');
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_wnd_alert').style.display = 'none'
};
};
//пересадим наши окна в боди
document.body.appendChild( document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_wnd_alert').parentNode.removeChild(document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_wnd_alert')) );
document.body.appendChild( document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_step2').parentNode.removeChild(document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_step2')) );
document.body.appendChild( document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_step3').parentNode.removeChild(document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_step3')) );
document.body.appendChild( document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_step4').parentNode.removeChild(document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_step4')) );
document.body.appendChild( document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_step5').parentNode.removeChild(document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_step5')) );
document.body.appendChild( document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_gallery').parentNode.removeChild(document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_gallery')) );
//работа с куками
this.setCookie = function(cname, cvalue, exdays) {
var d = new Date();
d.setTime(d.getTime() + (exdays*24*60*60*1000));
var expires = "expires="+ d.toUTCString();
document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
};
this.getCookie = function(cname) {
var name = cname + "=";
var decodedCookie = decodeURIComponent(document.cookie);
var ca = decodedCookie.split(';');
for(var i = 0; i <ca.length; i++) {
var c = ca[i];
while (c.charAt(0) == ' ') {
c = c.substring(1);
}
if (c.indexOf(name) == 0) {
return c.substring(name.length, c.length);
}
}
return "";
};//END работа с куками
this.arrVars = [];
this.arrTypes = {};
this.freeVars = function() {
return;
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_step2_list').innerHTML = '<li></li>';
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_dt_legend').innerHTML = '';
this.cntday = Math.ceil((this.dtEnd.dt1-this.dtStart.dt1)/this.SUTKI);
this.jscClassRemove(document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_step1'),'showBookingList');
thisObj.jscClassRemove(document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_wnd_alert'), 'showBookingList');
}
// Добавить класс
this.jscClassAdd = function(obj,cl) {
if(!obj)
return;
if(obj.className === undefined)
console.error("Wrong object for class add", obj, cl);
if(obj.className.length==0) {
obj.className = cl;
return;
}
var arrItems=obj.className.split(" ");
var res = "";
var i, j;
var isFind;
var arrNew = cl.split(" ");
for(i=0; i<arrNew.length; i++){
isFind = 0;
for(j=0; j<arrItems.length; j++)
if(arrNew[i]==arrItems[j]){
isFind = 1;
break;
}
if(isFind)
continue;
obj.className += " " + arrNew[i];
}
} // eof jscClassAdd()
// Удалить класс
this.jscClassRemove = function(obj,cl){
if(!obj)
return;
if(obj.className === undefined)
console.error("Wrong object for class remove", obj, cl);
if(obj.className.length==0)
return;
var arrItems=obj.className.split(" ");
var arrDel=cl.split(" ");
var i,j;
var isFind;
var cl_new = "";
for(i=0; i<arrItems.length; i++){
isFind = 0;
for(j=0; j<arrDel.length; j++)
if(arrItems[i]==arrDel[j]) {
isFind = 1;
break;
}
if(isFind)
continue;
cl_new += " " + arrItems[i];
}
obj.className = cl_new.substr(1);
} // eof jscClassRemove()
this.checkEMail = function(str) {
var emailPattern = /^[a-zA-Z0-9._\+]+[a-zA-Z0-9\.\-]+@[a-zA-Z0-9.\-]+\.[a-zA-Z]{2,}$/;
return emailPattern.test(str);
};
//если форма уберём кнопку
this.btn.style.display = 'none';
this.formContainer = document.body;
this.formScreen = document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_step1');
this.wrapper = document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_wrapper');
this.addEvent(window, 'resize', function(e){
thisObj.resize();
});
if(!this.selbed){
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_bedtype').parentNode.style.display = 'none';
}
pURL = '/personalinfo.html';
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_agree_link').onclick = function(){
window.open(pURL);
}
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_close1').onclick =
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_close2').onclick =
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_close3').onclick =
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_close4').onclick =
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_close5').onclick = function(){
thisObj.closeform();
}
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_button').onclick = function(){
thisObj.loadVars();
}
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_next3_button').onclick = function(){
thisObj.toStep4();
}
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_order_form').onsubmit = function(){
thisObj.send();
return false;
}
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_step2_back').onclick = function(){
thisObj.closeform();
thisObj.openform();
}
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_back3_button').onclick = function(){
thisObj.toStep2();
}
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_back4_button').onclick = function(){
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_step4').style.display = 'none';
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_step2').style.display = 'block';
}
if(!cl_hotel4322.islc){
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_lc_button').style.display = 'none';
}
//проинициализируем даты
var ds = new Date() ;
var hds = new Date(this.bookstart);
if(ds<hds){ ds = hds; }
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_dtstart').value = wDate.dt2german( ds );
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_dtend').value = wDate.dt2german( new Date(ds.getTime()+(24*3600*1000*cl_hotel4322.mind)) );
/*
this.dtEnd = new wDate(
{ input: document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_dtend')
, button: document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_dtend_button')
, dtstart: document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_dtstart')
, class: 'cl_wdt_183b11c57899a01e5d25871bcc36123a'
, onchange: function(){ thisObj.dtOnChange(); }
}
);
this.dtStart = new wDate(
{ input: document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_dtstart')
, button: document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_dtstart_button')
, dtend: document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_dtend')
, endobj: this.dtEnd
, class: 'cl_wdt_183b11c57899a01e5d25871bcc36123a'
, onchange: function(){ thisObj.dtOnChange(); }
}
);
*/
//END проинициализируем даты
/*
//кровать
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_bedtype').onchange = function(e){
if(e.target.checked){
document.getElementById(e.target.id+'_icon').setAttribute("xlink:href", "#bed_double");
}
else{
document.getElementById(e.target.id+'_icon').setAttribute("xlink:href", "#bed_two");
}
};
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_bedtype').checked = false;
//END кровать
//гости
if( (cl_hotel4322.maxadt>4) || (cl_hotel4322.maxchd>4) ){
//много через SELECT
var contAdt = document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_adults_cont').parentNode;
var contChd = document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_childs_cont').parentNode;
contAdt.innerHTML = '<select class="clh_widget_input"></select>';
contChd.innerHTML = '<select class="clh_widget_input"></select>';
this.cntA = contAdt.firstChild;
sAdt = '';
for(var a=1; a<=cl_hotel4322.maxadt; a++)
sAdt += ('<option value="'+a+'">'+a+'</option>');
this.cntA.innerHTML = sAdt;
this.cntA.onchange = function(obj){ thisObj.freeVars(); }
this.cntC = contChd.firstChild;
sChd = '';
for(a=0; a<=cl_hotel4322.maxchd; a++)
sChd += ('<option value="'+a+'">'+a+'</option>');
this.cntC.innerHTML = sChd;
//спрячем количества
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_adults_span').style.display = 'none';
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_childs_span').style.display = 'none';
}
else{
//мало "человечки"
this.cntA = new clMans({
input: document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_adults')
, elem : document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_adults_span')
, del : document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_adults_del')
, add : document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_adults_add')
, container : document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_adults_cont')
, classOn : 'clh_widget_svg_icon'
, classOff : 'clh_widget_svg_icon clh_widget_inactive'
, cnt : this.cntAdt
, min: 1
, max: cl_hotel4322.maxadt
, widget : this
, onChange: function(obj){ thisObj.freeVars(); }
});
this.cntC = new clMans({
input: document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_childs')
, elem : document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_childs_span')
, del : document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_childs_del')
, add : document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_childs_add')
, container : document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_childs_cont')
, classOn : 'clh_widget_svg_icon'
, classOff : 'clh_widget_svg_icon clh_widget_inactive'
, cnt : (this.cntChild+this.cntInfants)
, min: 0
, max: cl_hotel4322.maxchd
, widget : this
, onChange: function(){ thisObj.cntC.onchange(); }
});
}
this.cntC.onchange = function(){
console.log('thisObj.cntC.onchange');
thisObj.changeChild();
};
//дети 89025070899
var sChildAges = '<option value="-1"></option>';
for(var ca=0; ca<=cl_hotel4322.childmax; ca++)
sChildAges += ('<option value="'+ca+'">'+ca+'</option>');
for(var c=1; c<5; c++){
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_sel_'+c).innerHTML = sChildAges;
}
//ENDдети
//END гости 88153350515
*/
this.toGermanString = function(t) {
return ('0'+t.getDate()).substr(-2)+'.'+('0'+(1+t.getMonth())).substr(-2)+'.'+t.getFullYear();
};
this.toJapanString = function(t) {
return t.getFullYear()+'-'+('0'+(1+t.getMonth())).substr(-2)+'-'+('0'+t.getDate()).substr(-2);
};
var errPhone = 'Номер надо вводить в формате:\n8XXXXXXXXXX - для России и либо 810 и любое количество цифр для международных номеров\n';
/* САША ЭТО НИХУЯ НЕ РАБОТАЕТ А ПАТТЕРНОМ НЕРАБОТАЕТ СОВСЕМ */
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_phone').addEventListener("change", function (event) {
//проверка параметров
var phone = this.value;
phone = phone.replace(/\+7/gi,'8').replace(/[^+\d]/g,''); //ВОТ так работать будет
console.log('phone:',phone);
var errMsg = '';
if( !phone.length ) {
errMsg += 'Введите телефон! \n';
}
else{
var phonePattern = /^\d+$/;
if( (!phonePattern.test(phone)) ){
errMsg = errPhone;
}
else{
if( phone.substr(0,1)!='8' ){
errMsg = errPhone;
}
else
if( (phone.substr(0,3)!='810') )
if(phone.length!=11){ errMsg = errPhone; }
}
}
this.setCustomValidity(errMsg);
});
//document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_phone').setCustomValidity('Введите телефон!');
this.booking_init();
//hour
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_div_start').style.display = 'none';
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_div_hstart').style.display = '';
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_div_end').style.display = 'none';
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_div_time').style.display = '';
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_div_bed').style.display = 'none';
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_div_adult').style.display = 'none';
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_div_person').style.display = '';
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_div_child').style.display = 'none';
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_step1_legend').style.display = 'none';
//проинициализируем даты
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_dth').value = wDate.dt2german( ds );
this.dtHour = new wDate(
{ input: document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_dth')
, button: document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_dth_button')
, nolegend:true
, class: 'cl_wdt_183b11c57899a01e5d25871bcc36123a CL_WDT_HOUR'
, onchange: function(){
thisObj.tmHour.reset();
thisObj.disableOccupancy();
}
, ondrawmonth: function(m,y) {
if(!cl_hotel4322.hdayoccupancy)
return true;
var day = new Date(y, m, 0);
var day2 = new Date(y, m+1, 0);
if(!thisObj.occupancy[day.toGermanStr()]) {
day = new Date(y, m-1, 1);
if(day < new Date())
day = new Date();
thisObj.showMonthProgress('both');
thisObj.loadOccupancy(day.toGermanStr(),true);
} else {
thisObj.disableOccupancy(new Date(y, m-1, 1).toGermanStr());
if (!thisObj.occupancy[day2.toGermanStr()]) {
day2 = new Date(y, m, 1);
thisObj.showMonthProgress('right');
thisObj.loadOccupancy(day2.toGermanStr(),true);
}
}
}
}
);
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_person_minus').onclick =
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_person_plus').onclick = function() {
var fld = document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_person');
if(this.id=='cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_person_minus')
fld.value = parseInt(fld.value,10) - 1;
else
fld.value = parseInt(fld.value,10) + 1;
if(parseInt(fld.value,10) <= 1) {
fld.value = 1;
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_person_minus').classList.add('clh_widget_inactive');
} else {
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_person_minus').classList.remove('clh_widget_inactive');
}
//
if(parseInt(fld.value,10) > cl_hotel4322.hmaxpers) {
fld.value = cl_hotel4322.hmaxpers;
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_person_plus').classList.add('clh_widget_inactive');
} else
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_person_plus').classList.remove('clh_widget_inactive');
}
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_person').onchange = function() {
if(parseInt(this.value,10) <= 1) {
this.value = 1;
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_person_minus').classList.add('clh_widget_inactive');
} else {
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_person_minus').classList.remove('clh_widget_inactive');
}
if(parseInt(this.value,10) > cl_hotel4322.hmaxpers) {
this.value = cl_hotel4322.hmaxpers;
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_person_plus').classList.add('clh_widget_inactive');
} else
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_person_plus').classList.remove('clh_widget_inactive');
}
this.occupancy = {};
this.tmHour = new wTime( {input: document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_time'),
button: document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_time_button'),
step: parseInt(cl_hotel4322.interval,10) ,
pass: parseInt(cl_hotel4322.intpass,10),
selonlyone: parseInt(cl_hotel4322.intone,10),
starttime: parseInt(cl_hotel4322.tmstart,10),
endtime: parseInt(cl_hotel4322.tmend,10),
class: 'cl_wdt_183b11c57899a01e5d25871bcc36123a',
beforeshow: function() {
if(!thisObj.occupancy[thisObj.dtHour.getDate().toGermanStr()])
thisObj.loadOccupancy(thisObj.dtHour.getDate().toGermanStr());
else
thisObj.disableOccupancy();
},
minint: parseInt(cl_hotel4322.minint,10),
autopaint: true
});
this.dtHour.onchange();
this.tmSelect = new wTime( {input: document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_time_select'),
button: false,
step: parseInt(cl_hotel4322.interval,10),
showlegend: true,
class: 'cl_wdt_183b11c57899a01e5d25871bcc36123a',
statusfree: 1,
statusdis: 2,
statusbusy: 3,
statusselect: 4,
oncommit: function() {
var dtstart = new Date;
dtstart.setHours(0,0,0);
dtstart.setMinutes(thisObj.tmSelect.start);
var dtend = new Date;
dtend.setHours(0,0,0);
dtend.setMinutes(thisObj.tmSelect.end);
thisObj.tmHour.setInterval(dtstart,dtend);
thisObj.loadVars(true);
}
});
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_step2_promo').style.display = 'none';
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_step2_promo_button').onclick = function(e){};
//services
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_service_label').style.display = 'none';
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_service_list').style.display = 'none';
//
this.multyselect = (cl_hotel4322.rentmulty > 1);
this.selVars = {};
//скрыть брендирование
if(cl_hotel4322.antibrand == 1) {
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_rights').style.display = 'none';
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_rights2').style.display = 'none';
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_rights3').style.display = 'none';
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_rights4').style.display = 'none';
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_rights5').style.display = 'none';
}
this.bstop = 0;
}
jcClWidgetBooking183b11c57899a01e5d25871bcc36123a.prototype = Object.create(jcClWidgetBase.prototype);
jcClWidgetBooking183b11c57899a01e5d25871bcc36123a.opencnt = 0;
jcClWidgetBooking183b11c57899a01e5d25871bcc36123a.openform = function( ID_CONTAINER, e ){
if(window.clW_183b11c57899a01e5d25871bcc36123a){
jcClWidgetBooking183b11c57899a01e5d25871bcc36123a.opencnt = 0;
clW_183b11c57899a01e5d25871bcc36123a.openform( ID_CONTAINER, e );
}
else{
setTimeout( function(){
if(jcClWidgetBooking183b11c57899a01e5d25871bcc36123a.opencnt<10){
jcClWidgetBooking183b11c57899a01e5d25871bcc36123a.opencnt++;
jcClWidgetBooking183b11c57899a01e5d25871bcc36123a.openform( ID_CONTAINER, e );
}
},500);
}
};
jcClWidgetBooking183b11c57899a01e5d25871bcc36123a.zIndex = 99998;
jcClWidgetBooking183b11c57899a01e5d25871bcc36123a.jscCntRus = function (cnt, one, two, five) {
var last = Math.abs(cnt%10);
var res = five;
if( ( (cnt%100)<10 || (cnt%100)>20) ){
switch(last){
case 1 :
res = one;
break;
case 2 :
case 3 :
case 4 :
res = two;
break;
}
}
return res;
} // eof jscCntRus()
jcClWidgetBooking183b11c57899a01e5d25871bcc36123a.maxZIndex = function() {
return Array.from(document.querySelectorAll('body *'))
.map(a => parseFloat(window.getComputedStyle(a).zIndex))
.filter(a => !isNaN(a))
.sort()
.pop();
}
jcClWidgetBooking183b11c57899a01e5d25871bcc36123a.prototype.openform = function( ID_CONTAINER, e ){
if(ID_CONTAINER && document.getElementById(ID_CONTAINER) ){
this.add_class = '';
this.formContainer = document.getElementById(ID_CONTAINER);
this.formContainer.innerHTML = '';
}
else{
this.jscClassAdd( this.firstScreen, 'clh_window' );
this.formContainer = this.wrapper;
//посмотреим вдруг нужен
if(e && e.target){
var el = e.target;
var xIndex = 99998;
var cl = '';
var cnt = 0;
var x = 0;
while( el.parentNode ){
el = el.parentNode;
if(el.tagName=='BODY'){
break;
}
else{
x = parseInt((getComputedStyle ? getComputedStyle(el, null) : el.currentStyle).zIndex,10);
if( x && x>0 ) xIndex += x;
}
cnt++;
if(cnt>10000) break;
}
jcClWidgetBooking183b11c57899a01e5d25871bcc36123a.zIndex = xIndex;
}
}
jcClWidgetBooking183b11c57899a01e5d25871bcc36123a.zIndex = jcClWidgetBooking183b11c57899a01e5d25871bcc36123a.maxZIndex()+1;
this.formContainer.appendChild( this.formScreen.parentNode.removeChild(this.formScreen) );
document.body.appendChild( this.wrapper.parentNode.removeChild(this.wrapper));
this.formScreen.style.display = 'block';
if(this.staticForm){
//убираем крестик
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_close1').style.display = 'none';
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_step2_back').style.display = 'none';
}
else{
//модальность
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_close1').style.display = 'block';
this.wrapper.style.display = 'block';
}
this.container.style.zIndex = Math.max(99998, jcClWidgetBooking183b11c57899a01e5d25871bcc36123a.zIndex);
if(!document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_styleZ')){
var s = document.createElement('STYLE');
s.id = 'cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_styleZ';
document.body.appendChild(s);
}
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_styleZ').innerHTML = '#cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_step1,'
+'#cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_step2,'
+'#cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_step3,'
+'#cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_step4,'
+'#cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_step5, '
+'#cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_wnd_alert, '
+'#cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_gallery, '
+'.cl_wdt_183b11c57899a01e5d25871bcc36123a.cl_calendar, .clh_widget_wrapper { --z-index: '+this.container.style.zIndex+'; }';
this.resize();
//this.dtOnChange();
if(cl_hotel4322.islc){
window.setTimeout(function(){
//console.log('window.cloff_myaccount_widget',window.cloff_myaccount_widget);
if(window.cloff_myaccount_widget){
cloff_myaccount_widget.initLinks();
}
else{
if(document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_lc_button'))
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_lc_button').style.display = 'none';
}
},600);
}
};
jcClWidgetBooking183b11c57899a01e5d25871bcc36123a.prototype.booking_init = function(){
//проверим если возврат с оплаты прорисуем итог и почистим кукисе
var bookingID = parseInt( this.getCookie('bookingID'), 10);
if(bookingID>0){
this.bookingID = bookingID;
this.descr = this.getCookie('bookingDescr');
this.setCookie('bookingID', 0, 1/24/3600);
this.setCookie('bookingDescr', '', 1/24/3600);
this.toStep5();
}
};
/*
jcClWidgetBooking183b11c57899a01e5d25871bcc36123a.prototype.dtOnChange = function(){
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_step1_legend').innerHTML = this.getLegend();
};
//сложим легенду
jcClWidgetBooking183b11c57899a01e5d25871bcc36123a.prototype.getLegend = function(){
return this.dtEnd.getLegend( this.dtStart.dt1, this.dtEnd.dt1, true);
}
*/
//полную легенду
jcClWidgetBooking183b11c57899a01e5d25871bcc36123a.prototype.getLegendFull = function(){
var pers = parseInt(document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_person').value,10);
var dtobj = this.tmHour.getInterval(this.dtHour.getDate())
return pers + ((pers>1 && pers<5)?' человека, ':' человек, ')
+ (this.tmHour.afterPM()
?' c ' + dtobj.start + ' по ' + dtobj.end
:this.dtHour.getDate().toGermanStr() + ' c ' + this.tmHour.getTimeStart() + ' по ' + this.tmHour.getTimeEnd()
)
+ (this.curVar?(this.multyselect?', количество: ':', объект: ')+this.curVar.NAME:'');
/*
var ssN = '';
var roomAmt = 0;
if(this.curVar){
if(this.curVar.nums==1){
ssN = 'Номер:'+this.curVar.arrRooms[0].name+' за '+this.curVar.arrRooms[0].amount+this.money.code;
roomAmt += this.curVar.arrRooms[0].amount;
}
else{
ssN = 'Номера:'
for(var k=0; k<this.curVar.arrRooms.length; k++){
ssN += (' '+this.curVar.arrRooms[k].name+' ('+(this.curVar.arrRooms[k].cnt>1 ? this.curVar.arrRooms[k].cnt+' по ':'')+this.curVar.arrRooms[k].amount+this.money.code+')');
roomAmt += this.curVar.arrRooms[k].amount;
}
}
}
if(roomAmt!=this.curVar.amount){
ssN += ' стоимость по выбранному тарифу '+this.curVar.amount;
}
var adt = this.cntA.value;
var ch = this.cntC.value;
var ssVar = adt+' взрослых'+(ch>0?' '+ch+' '+jcClWidgetBooking183b11c57899a01e5d25871bcc36123a.jscCntRus(ch, 'ребёнок', 'ребёнка', 'детей')+' ':'');
if(this.addPrice)
ssN = (ssN+' дополнительно услуги: '+this.addPrice+this.money.code);
return( ssVar+' c '+this.dtStart.dt1.toGermanStr()+' по '+this.dtEnd.dt1.toGermanStr()+'. '+ssN);
*/
};
//END getLegendFull
jcClWidgetBooking183b11c57899a01e5d25871bcc36123a.prototype.setLegend2 = function(){
var cnt = 0;
var sm = 0;
var pers = 0;
for(var v in this.selVars) {
if(!this.selVars.hasOwnProperty(v))
continue;
sm+=this.selVars[v].price;
cnt++;
pers+=this.selVars[v].occupancy;
}
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_step2_legend2').innerHTML = cnt+' объект(-а) на сумму '+sm+' р.';
return {'pers':pers,'cnt':cnt};
}
//загрузка вариантов
jcClWidgetBooking183b11c57899a01e5d25871bcc36123a.prototype.loadVars = function(select){
var thisObj = this;
//формируем данные
var dtobj = this.tmHour.getInterval(this.dtHour.getDate());
if(!dtobj) {
this.alert('Выберите интервал времени.');
return false;
}
var msg = '';
if(this.bookend != '') {
var bookend = new Date( Date.parse(this.bookend) );
if(bookend < this.dtHour.getDate()){
msg += ( msg==''?'':'<br>');
msg += 'Бронирование доступно только до '+this.toGermanString(bookend);
}
}
var hds = new Date( Date.parse(this.bookstart) );
if(hds > this.dtHour.getDate()){
msg += ( msg==''?'':'<br>');
msg += 'Бронирование доступно только с '+this.toGermanString(hds);
}
//Если ошибка выводим и выходим!
if(msg!=''){
this.alert(msg);
return;
}
var spost = 'dtfrom=' + dtobj.start +
'&dtto='+ dtobj.end +
'&person='+document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_person').value;
//отправляем на сервер
var rs = 'start';
if(this.multyselect)
rs = 'startmulty';
this.callajax( thisObj.host+'/widget/rent.'+rs+'.rs.php?aj=1', spost, function(param){
console.log('183b11c57899a01e5d25871bcc36123a', param);
if(parseInt(param.errcode,10)>0){
if(param.errmsg){
thisObj.alert(param.errmsg);
return;
}
}
//есть ли варианты
if(param.arrvariant.length==0){
thisObj.alert('Нет подходящих вариантов на указанные даты');
return;
}
if(param.full)
thisObj.alert('В указанный период нет свободных мест. <br> В списке приведены все доступные на указанный день объекты и их свободные и занятые периоды.<br>'+
'Попробуйте выбрать другой период, проверив расписание доступности объекта под кнопкой "Подобрать время". ')
thisObj.arrVars = param.arrvariant;
thisObj.arrOption = param.arroption;
thisObj.mapAdd['option']= {};
for(k in thisObj.arrOption){
thisObj.mapAdd['option'][thisObj.arrOption[k].id] = thisObj.arrOption[k];
}
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_step2_list').innerHTML = '';
for(var i=0;i<thisObj.arrVars.length;i++) {
if(select && (thisObj.arrVars[i].ID != thisObj.curVar.ID))
continue;
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_step2_list').appendChild( thisObj.getVarItem(thisObj.arrVars[i], !!param.full) );
}
//
if(cl_hotel4322.hviewbusy == 1) {
for(var i=0;i<param.arrbusy.length;i++)
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_step2_list').appendChild( thisObj.getVarItem(param.arrbusy[i], false, true) );
}
thisObj.closeform();
thisObj.curVar = false;
thisObj.selVars = {};
thisObj.setLegend2();
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_step2_legend').innerHTML = thisObj.getLegendFull();
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_step2').style.display = 'block';
}, true);
};
//END loadVars
//Открываем окно с вариантами заселения
jcClWidgetBooking183b11c57899a01e5d25871bcc36123a.prototype.toStep2 = function(){
this.closeform();
var thisObj = this;
/*
//рисуем варианты
//console.log('thisObj.arrVars', this.arrVars);
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_step2_list').innerHTML = '';
for(var k=0; k<this.arrVars.length; k++){
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_step2_list').appendChild( this.getVarItem(this.arrVars[k]) );
}
//END рисуем варианты
//легенду
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_step2_legend').innerHTML = this.getLegendFull(1);
if(this.ispromo){
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_step2_promo').style.display = 'flex';
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_step2_promo_button').onclick = function(e){
thisObj.loadVars();
};
}
else{
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_step2_promo').style.display = 'none';
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_step2_promo_button').onclick = function(e){};
}
*/
//Открываем окно
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_step2').style.display = 'block';
};
//END toStep2
//Открываем окно с услугами и опциями
jcClWidgetBooking183b11c57899a01e5d25871bcc36123a.prototype.toStep3 = function(){
this.closeform();
var cnt = 0;
/*
//заполняем сервисы
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_service_list').innerHTML = '';
for(var s=0; s<this.arrService.length; s++){
if(this.arrService[s].maxcnt>0){
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_service_list').appendChild( this.getServiceItem(this.arrService[s]) );
cnt++;
}
}
*/
if(!this.arrOption.length){
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_option_label').style.display = 'none';
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_option_list').style.display = 'none';
}
else{
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_option_label').style.display = 'flex';
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_option_list').style.display = 'flex';
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_option_list').innerHTML = '';
for(var o=0; o<this.arrOption.length; o++){
if(this.arrOption[o].maxcnt>0){
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_option_list').appendChild( this.getSrvOptItem(this.arrOption[o], 'option') );
cnt++;
}
}
}
//пересчитаем цену
this.reCalc();
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_next3_button').innerHTML = (this.curVar.isOverbooking ? cl_hotel4322.btoverbooking: cl_hotel4322.btbooking);
//вкладки на втором экране
var thisObj = this;
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_service_label').onclick = function(e){
thisObj.jscClassRemove(document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_option_label'), 'clh_service_list_header_active');
thisObj.jscClassAdd(document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_service_label'), 'clh_service_list_header_active');
thisObj.jscClassAdd(document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_option_list'), 'clh_mob_hide');
thisObj.jscClassRemove(document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_service_list'), 'clh_mob_hide');
}
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_option_label').onclick = function(e){
thisObj.jscClassAdd(document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_option_label'), 'clh_service_list_header_active');
thisObj.jscClassRemove(document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_service_label'), 'clh_service_list_header_active');
thisObj.jscClassRemove(document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_option_list'), 'clh_mob_hide');
thisObj.jscClassAdd(document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_service_list'), 'clh_mob_hide');
}
//Открываем окно
if( cnt>0 )
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_step3').style.display = 'block';
else
this.toStep4();
};
//END toStep2
//Форма ввода данных
jcClWidgetBooking183b11c57899a01e5d25871bcc36123a.prototype.toStep4 = function(){
this.closeform();
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_step4_legend').innerHTML = this.getLegendFull();
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_total4').innerHTML = this.total+' '+this.money.code;
//this.total = this.curVar.amount;
var thisObj = this;
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_next4_button').innerHTML = cl_hotel4322.btbooking;
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_next4_button').onclick = function(){ return true; };
var old_element = document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_next4_button');
var new_element = old_element.cloneNode(true);
old_element.parentNode.replaceChild(new_element, old_element);
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_order_form').onsubmit = function(){
thisObj.send();
return false;
}
if(this.customer && this.customer.id){
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_name1').value = this.customer.fname;
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_name2').value = this.customer.lname;
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_name3').value = this.customer.mname;
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_email').value = this.customer.email;
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_city').value = this.customer.city;
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_phone').value = this.customer.phone;
}
//Открываем окно
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_step4').style.display = 'block';
};
//END toStep4
//Форма ввода данных
jcClWidgetBooking183b11c57899a01e5d25871bcc36123a.prototype.toStep5 = function(){
this.closeform();
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_step5_bookingid').innerHTML = this.bookingID;
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_step5_booking_descr').innerHTML = this.descr;
//Открываем окно
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_step5').style.display = 'block';
};
//END toStep4
//отправка формы - создание брони и переход к оплате/итогам
jcClWidgetBooking183b11c57899a01e5d25871bcc36123a.prototype.send = function() {
var errMsg = '';
var thisObj = this;
var err = 'Номер надо вводить в формате:\n8XXXXXXXXXX - для России и либо 810 и любое количество цифр для международных номеров\n';
var trim = function(s){ return s.replace(/^\s+|\s+$/g, ""); };
//проверяем
var phone = trim(document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_phone').value);
phone = phone.replace(/\+7/gi,'8').replace(/[^+\d]/g,'');
var fname = trim(document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_name1').value);
var lname = trim(document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_name2').value);
var mname = trim(document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_name3').value);
var email = trim(document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_email').value);
var city = trim(document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_city').value);
var comment = trim(document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_comment').value);
var name = lname+fname;
//проверка параметров
if( !phone.length ) {
errMsg += 'Введите телефон!<br>\n';
}
else{
var phonePattern = /^\d+$/;
if( (!phonePattern.test(phone)) ){
errMsg += err;
}
else{
if( phone.substr(0,1)!='8' ){
errMsg += err;
}
else
if( (phone.substr(0,3)!='810') )
if(phone.length!=11){ errMsg += err;}
}
}
if(!email.length){
errMsg += 'Введите EMail!<br>\n';
}
else{
if(!this.checkEMail(email)){
errMsg += 'EMail введён некорректно!!<br>\n';
}
}
if( name.length==0 ){
errMsg += 'Введите имя/фамилию!<br>\n';
}
if( this.cityrq && city.length==0 ){
errMsg += 'Введите город!<br>\n';
}
if(errMsg != ''){
this.alert(errMsg);
return false;
}
var options = [];
var sOption = '';
for(var o=0; o<this.arrOption.length; o++){
var op = this.arrOption[o];
//if(!op.id) continue;
//if(op.maxcnt<=0) continue;
if(document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_option_'+op.id+'_chb').checked == 1) {
var cnt = parseInt(document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_option_'+op.id+'_count').value, 10);
options.push({id: op.id,
cnt: cnt,
price: op.price*100,
amount: op.amount*100});
sOption += ('<li>'+op.name+(cnt>1?' x '+cnt:'')+' = <span>'+op.amount+thisObj.money.code+'</span></li>');
}
}
this.descr = '<p><b>Детали бронирования:</b> <span>'+this.getLegendFull()+'</span></p>';
this.descr += (sOption!=''?'<br>Дополнительно:'+sOption:'');
this.descr += '<p class="clh_large_txt"><b>Сумма: <span id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_total5">'+this.total+' '+this.money.code+'</span></b></p>';
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_step5_booking_descr').innerHTML = this.descr;
let customer_id = 0;
if(this.customer)
customer_id = this.customer.id;
var dtobj = this.tmHour.getInterval(this.dtHour.getDate());
var sds = this.descr;
var spost = 'fname='+fname
+'&lname='+lname
+'&phone='+phone
+'&email='+email
+'&city='+city
+'&customerid='+customer_id
+'&parentid='+this.parentid
+'&comment='+comment
+'&amount='+(this.total*100)
+'&price='+(this.curVar.amount*100)
+'&objid='+this.curVar.ID
+'&options='+JSON.stringify(options)
+'&tariffid='+this.curVar.objTariff.OFFERID
+'&cntperson='+document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_person').value
+'&dtstart='+dtobj.start //this.dtHour.getDate().toGermanStr()+' '+this.tmHour.getTimeStart()
+'&dtend='+dtobj.end //this.dtHour.getDate().toGermanStr()+' '+this.tmHour.getTimeEnd();
if(this.multyselect)
spost += '&multy=1'+'&prices='+this.curVar.price;
this.toYandex('cloffHotel_booking');
this.toGoogle('cloffHotel_booking');
this.callajax( this.host+'/widget/rent.save.rs.php?aj=1', spost, function(param){
if(param.errcode){
thisObj.alert(param.errmsg);
return false;
}
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_step5_bookingid').innerHTML = param.bookingID;
thisObj.bookingID = param.bookingID;
thisObj.toStep5();
thisObj.bookingID = 0;
//если была оплата!
if( cl_hotel4322.ispay ){
if(param.payURL){
//если не сработает перевод - то вручную!
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_step5_pay').style.display = '';
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_step5_pay_lnk').href = param.payURL;
//сохраним в кукисе данные букина
thisObj.setCookie('bookingID', param.bookingID, 1);
thisObj.setCookie('bookingDescr', sds, 1);
document.location.href = param.payURL;
if(thisObj.isvkwidget || window.isvkwidget || isvkwidget) {
var str = param.payURL;
var arr = str.split('?');
document.getElementById('CLOFF_HOTEL_WIDGET_URL').action = arr[0];
var params = arr[1].split('&');
var frm = document.getElementById('CLOFF_HOTEL_WIDGET_URL');
for(var i=0;i<params.length;i++) {
var val = params[i].split('=');
var inp = document.createElement('input')
inp.name = val[0];
inp.value = val[1];
frm.appendChild(inp);
}
document.getElementById('CLOFF_HOTEL_WIDGET_URL').submit();
}
return;
}
}
}, true);
}
// END send
//пересчёт стоимости заказа
jcClWidgetBooking183b11c57899a01e5d25871bcc36123a.prototype.reCalc = function(){
var cnt = 1;
this.total = this.curVar.amount;
var cntPerson = parseInt(document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_person').value, 10);
var aopt = 0;
for(var o in this.arrOption){
var op = this.arrOption[o];
if(!op.id) continue;
//if(!op.maxcnt) continue;
cnt = parseInt(document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_option_'+op.id+'_count').value, 10);
if(document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_option_'+op.id+'_chb').checked) {
if(op.ispersonal) {
op.amount = cnt * op.price * cntPerson;
} else {
op.amount = cnt * op.price;
}
aopt += op.amount;
}
}
this.total += aopt;
this.addPrice += aopt;
/*
//считаем размер предоплаты если надо
this.prepay = 0;
if( cl_hotel4322 && cl_hotel4322.ispay ){
if(cl_hotel4322.prepaytype == 1){
//фиксированная сумма
//смотрим нет ли чего в типе номера
for(var r=0; r<this.curVar.arrRooms.length; r++){
var roompay = cl_hotel4322.prepayval;
if( this.arrTypes[ this.curVar.arrRooms[r].typeid].val>=0 ){
roompay = this.arrTypes[ this.curVar.arrRooms[r].typeid].val;
}
this.prepay += (roompay * this.curVar.arrRooms[r].cnt);
}
}
else if(cl_hotel4322.prepaytype == 3){
//стоимость дней проживания
//если в типах прописаны "исключения" то берём максимум
var ppdays = cl_hotel4322.prepayval;
for(var r=0; r<this.curVar.arrRooms.length; r++){
if( this.arrTypes[ this.curVar.arrRooms[r].typeid].val>=0 && this.arrTypes[ this.curVar.arrRooms[r].typeid].val>ppdays ){
ppdays = this.arrTypes[ this.curVar.arrRooms[r].typeid].val;
}
}
//делим сумму проживания на количество ночей
this.prepay = (this.curVar.amount/Math.max(1, this.cntday))*ppdays;
}
else{
//процент
for(var r=0; r<this.curVar.arrRooms.length; r++){
var roompercent = cl_hotel4322.prepayval/100;
if( this.arrTypes[ this.curVar.arrRooms[r].typeid].val>=0 ){
roompercent = this.arrTypes[ this.curVar.arrRooms[r].typeid].val/100;
}
this.prepay += (this.curVar.arrRooms[r].amount * roompercent * this.curVar.arrRooms[r].cnt);
}
//и для опций/сервисов
this.prepay += (cl_hotel4322.prepayval/100 * (aopt+asrv));
}
//document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_paysum').innerHTML = this.prepay;
}
*/
//легенда
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_step3_legend').innerHTML =
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_step4_legend').innerHTML = this.getLegendFull();
//document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_total5').innerHTML =
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_total4').innerHTML =
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_total3').innerHTML = this.total+' '+this.money.code;
};
//END reCalc
/*
//прорисовка услуг/опций
jcClWidgetBooking183b11c57899a01e5d25871bcc36123a.prototype.getServiceItem = function(s){
return this.getSrvOptItem(s, 'service');
};
jcClWidgetBooking183b11c57899a01e5d25871bcc36123a.prototype.getOptionItem = function(s){
return this.getSrvOptItem(s, 'option');
};
*/
jcClWidgetBooking183b11c57899a01e5d25871bcc36123a.prototype.getSrvOptItem = function(so, name){
var vSEl = document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_service_tpl').cloneNode(true);
var res = /SRVID/gi;
var re = /SONAME/gi;
var thisObj = this;
vSEl.id = 'cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_'+name+'_'+so.id;
vSEl.innerHTML = vSEl.innerHTML.replace(res, so.id).replace(re, name);
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_tpl_place').appendChild(vSEl);
document.getElementById(vSEl.id+'_chb').isrequired = so.isrequired;
document.getElementById(vSEl.id+'_chb').onclick = function(){
if(this.isrequired) {
this.checked = true;
thisObj.mapAdd[name][so.id].checked = this.checked;
return false;
}
thisObj.mapAdd[name][so.id].checked = this.checked;
thisObj.reCalc();
};
document.getElementById(vSEl.id+'_name').innerHTML = so.name;
document.getElementById(vSEl.id+'_amount').innerHTML = so.price+' '+this.money.code;
if(so.ispersonal == 1)
document.getElementById(vSEl.id+'_amount').innerHTML += '/чел.';
document.getElementById(vSEl.id+'_count').value = ( thisObj.mapAdd[name][so.id].cht ? thisObj.mapAdd[name][so.id].cht: 1);
document.getElementById(vSEl.id+'_count').onchange = function(){
thisObj.mapAdd[name][so.id].cht = this.value;
thisObj.reCalc();
};
/*
document.getElementById(vSEl.id+'_count').max = so.maxcnt;
if(so.maxcnt == 1){
document.getElementById(vSEl.id+'_count').disabled = true;;
this.jscClassAdd(document.getElementById(vSEl.id+'_count'), 'clh_widget_inactive');
}
if(so.isrequired){
document.getElementById(vSEl.id+'_chb').checked = 1;
document.getElementById(vSEl.id+'_chb').readOnly = true;
this.mapAdd[name][so.id].checked = this.checked;
}
*/
document.getElementById(vSEl.id+'_chb').parentNode.title = so.descr;
//если было помечено пометим снова
if(this.mapAdd[name][so.id].checked){
document.getElementById(vSEl.id+'_chb').checked = 1;
}
return vSEl;
}
//END getSrvOptItem
//прорисовка варианта заселения
jcClWidgetBooking183b11c57899a01e5d25871bcc36123a.prototype.getVarItem = function(v,full,busy){
var thisObj = this;
var re = /VARID/gi;
var rer = /ROOMID/gi;
var ret = /TARIFFID/gi;
var man = document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_var_man_tpl');
if(v.isPromoCode) this.ispromo = 1;
//клонируем шаблон
var vEl = document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_VAR_TPL').cloneNode(true);
vEl.id = 'cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_var_'+v.ID;
vEl.innerHTML = vEl.innerHTML.replace(re, v.ID);
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_VAR_TPL').parentNode.appendChild(vEl);
//заполним комнаты
var vElRoom = document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_room_tpl').cloneNode(true);
vElRoom.id = 'cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_var_'+v.ID+'_obj';
vElRoom.innerHTML = vElRoom.innerHTML.replace(re, v.ID).replace(rer, v.ID);
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_var_'+v.ID+'_rooms').appendChild(vElRoom);
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_var_'+v.ID+'_room_'+v.ID+'_info').innerHTML = v.NAME;
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_var_'+v.ID+'_room_'+v.ID+'_amount').innerHTML = -1;
//человечки
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_var_'+v.ID+'_room_'+v.ID+'_bads').innerHTML = (parseInt(v.OCCUPANCY,10)+parseInt(v.ADVOCCUPANCY,10))+' чел';
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_var_'+v.ID+'_room_'+v.ID+'_bads').title = 'Максимальная вместимость';
if(busy) {
var tmto = '';
if(v.BTO != ' ')
tmto = ' до '+v.BTO;
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_var_'+v.ID+'_tariffs').innerHTML = 'занято'+tmto;
return vEl.parentNode.removeChild(vEl);
}
if(!full)
//заполним тарифы
for(var t=(v.offers.length-1); t>=0; t--){
var tar = v.offers[t];
var vElTariff = document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_tariff_tpl').cloneNode(true);
vElTariff.id = 'cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_var_'+v.ID+'_tariff_'+tar.OFFERID;
vElTariff.innerHTML = vElTariff.innerHTML.replace(re, v.ID).replace(ret, tar.OFFERID);
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_var_'+v.ID+'_tariffs').appendChild(vElTariff);
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_var_'+v.ID+'_tariff_'+tar.OFFERID+'_name').innerHTML = tar.NAME;
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_var_'+v.ID+'_tariff_'+tar.OFFERID+'_total').innerHTML = (tar.PRICE/100)+' '+this.money.code;
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_var_'+v.ID+'_tariff_'+tar.OFFERID+'_button').innerHTML = ( (v.isOverbooking)? cl_hotel4322.btoverbooking : cl_hotel4322.btbooking);
if(this.multyselect) {
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_var_'+v.ID+'_tariff_'+tar.OFFERID+'_button').innerHTML = 'Выбрать';
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_step2_sum').classList.remove('hide');
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_step2_book').onclick = function() {
var sm = 0; var cnt = 0;
var ids = '';
var ofs = '';
var prices = '';
var pers = 0;
for(var v in thisObj.selVars) {
if(!thisObj.selVars.hasOwnProperty(v))
continue;
sm+=thisObj.selVars[v].price;
cnt++;
if(ids!='') ids+=';';
if(ofs!='') ofs+=';';
if(prices!='') prices+=';';
ids+=v;
ofs+=thisObj.selVars[v].offer;
prices+=thisObj.selVars[v].price*100;
pers+=thisObj.selVars[v].occupancy;
}
if(!cnt) {
thisObj.alert('Выберите объекты для бронирования.');
return false;
}
if(pers<document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_person').value) {
thisObj.alert('Вы выбрали меньше объектов, чем требуется для размещения всех персон.');
return false;
}
thisObj.curVar = {'amount':sm, 'NAME': cnt+' шт.',ID:ids,'objTariff':{'OFFERID':ofs},'price':prices };
thisObj.toStep3();
};
}
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_var_'+v.ID+'_tariff_'+tar.OFFERID+'_button').onclick = (function (x,y) {
return function() {
if(thisObj.multyselect) {
if(document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_var_'+y.ID+'_tariff_'+x.OFFERID+'_button').classList.contains('clh_btn_select')) {
delete(thisObj.selVars[y.ID]);
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_var_'+y.ID+'_tariff_'+x.OFFERID+'_button').classList.remove('clh_btn_select');
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_var_'+y.ID+'_tariff_'+x.OFFERID+'_button').innerHTML = 'Выбрать';
} else {
for(var i=0;i<y.offers.length;i++) {
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_var_'+y.ID+'_tariff_'+y.offers[i].OFFERID+'_button').classList.remove('clh_btn_select');
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_var_'+y.ID+'_tariff_'+y.offers[i].OFFERID+'_button').innerHTML = 'Выбрать';
}
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_var_'+y.ID+'_tariff_'+x.OFFERID+'_button').classList.add('clh_btn_select');
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_var_'+y.ID+'_tariff_'+x.OFFERID+'_button').innerHTML = 'Удалить';
thisObj.selVars[y.ID] = {'offer':x.OFFERID,'price':x.PRICE/100,'occupancy':parseInt(y.OCCUPANCY,10)+parseInt(y.ADVOCCUPANCY,10)};
}
var selobj = thisObj.setLegend2();
if((selobj.pers > document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_person').value) && (selobj.cnt>1))
thisObj.alert('Вы выбрали больше объектов, чем требуется для размещения всех персон.');
} else {
thisObj.curVar = y;
thisObj.curVar.amount = x.PRICE/100; //пропишем стоимость из выбранного тарифа
thisObj.tariffId = x.OFFERID;
thisObj.curVar.objTariff = x;
//пересчитаем цену
thisObj.toStep3();
}
}
})(tar, v);
}//заполним тарифы
else {
var vElTariff = document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_tariff_tpl').cloneNode(true);
vElTariff.id = 'cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_var_'+v.ID+'_full';
vElTariff.innerHTML = vElTariff.innerHTML.replace(re, v.ID).replace(ret, 0);
vElTariff.querySelector('.clh_room_sum').style.display = 'none';
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_var_'+v.ID+'_tariffs').appendChild(vElTariff);
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_var_'+v.ID+'_tariff_0_name').innerHTML = '';
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_var_'+v.ID+'_tariff_0_total').innerHTML = '';
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_var_'+v.ID+'_tariff_0_button').innerHTML = 'Подобрать время';
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_var_'+v.ID+'_tariff_0_button').onclick = (function (y) {
return function() {
thisObj.curVar = y;
thisObj.curVar.amount = 0; //пропишем стоимость из выбранного тарифа
thisObj.tariffId = -1;
thisObj.tmSelect.button = this;
thisObj.tmSelect.init(y.blocks);
thisObj.tmSelect.show();
}
})(v);
}
return vEl.parentNode.removeChild(vEl);
};
//END getVarItem
/*
//Проигрыватель галлереи
jcClWidgetBooking183b11c57899a01e5d25871bcc36123a.prototype.playGallery = function(arrImgs, room_descr){
var cur = document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_gallery_photo_current');
cur.innerHTML = '';
var sto = document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_gallery_photo_storage');
sto.innerHTML = '';
var src = '';
for(var k in arrImgs){
var el = document.createElement('DIV');
if(!arrImgs[k].storageid){
arrImgs.splice(k,1);
continue;
}
el.className = 'clh_gallery_pic';
src =''+this.host+'/getimg.php?f='+arrImgs[k].storageid+'&p='+arrImgs[k].md;
el.style.backgroundImage = 'url(\''+src+'\')';
sto.appendChild(el);
if(!room_descr)
room_descr = arrImgs[k].descr;
}
if( room_descr && room_descr.length>1){
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_gallery_photo_description').style.display = 'flex';
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_gallery_photo_description').innerHTML = room_descr;
}
else{
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_gallery_photo_description').style.display = 'none';
}
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_gallery').style.display = 'flex';
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_gallery_photo_close').onclick = function(){
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_gallery').style.display = 'none';
};
var jfNextImg = function(){
var ci = cur.firstChild;
if(ci){
cur.removeChild(cur.firstChild);
sto.insertBefore(ci,sto.lastChild.nextSibling);
}
cur.appendChild(sto.removeChild(sto.firstChild));
}
var jfPrevImg = function(){
var ci = cur.firstChild;
if(ci){
cur.removeChild(cur.firstChild);
sto.insertBefore(ci,sto.firstChild);
}
cur.appendChild(sto.removeChild(sto.lastChild));
}
jfNextImg();
if(arrImgs.length>1){
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_gallery_photo_next').style.visibility = 'visible';
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_gallery_photo_prev').style.visibility = 'visible';
}
else{
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_gallery_photo_next').style.visibility = 'hidden';
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_gallery_photo_prev').style.visibility = 'hidden';
}
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_gallery_photo_next').onclick = function(){
jfNextImg();
};
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_gallery_photo_prev').onclick = function(){
jfPrevImg();
};
}
//END playGallery
//дети
jcClWidgetBooking183b11c57899a01e5d25871bcc36123a.prototype.changeChild = function(){
var cnt = this.cntC.value;
if(cnt>0){
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_childs_line').style.display = 'flex';
}
else{
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_childs_line').style.display = 'none';
}
var chd;
for(var c=1; c<5; c++){
chd = document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_sel_'+c);
if(c<=cnt){
chd.disabled = false;
this.jscClassRemove(chd,'clh_widget_inactive');
}
else{
chd.disabled = true;
this.jscClassAdd(chd,'clh_widget_inactive');
}
}
};
*/
//закрытие формы
jcClWidgetBooking183b11c57899a01e5d25871bcc36123a.prototype.closeform = function(){
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_step2').style.display = 'none';
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_step3').style.display = 'none';
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_step4').style.display = 'none';
document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_step5').style.display = 'none';
if(this.staticForm) return; //статическую форму не закрыть!
this.formScreen.style.display = 'none';
this.wrapper.style.display = 'none';
}
//END closeform
//если форма - то надо при ресайзе "подкручивать" класс
jcClWidgetBooking183b11c57899a01e5d25871bcc36123a.prototype.resize = function(){
var contW = this.formContainer.clientWidth;
var className = 'LINE';
for(var k in this.sizes){
if( this.sizes[k].w>=contW ){
className = this.sizes[k].cl;
}
}
if(!this.staticForm){
className += ' clh_window'
}
else{
this.jscClassAdd(this.formContainer, 'CL_WDT_HOUR');
}
this.formScreen.className = '.CL_WDT_HOUR clh_widget '+className;
};
//грузим полную занятость временных интервалов за несколько дней
jcClWidgetBooking183b11c57899a01e5d25871bcc36123a.prototype.loadOccupancy = function(dt) {
var thisObj = this;
var spost = 'dtfrom=' + dt +
'&tmfrom=' + this.tmHour.tmstart +
'&tmto=' + this.tmHour.tmend +
'&interval=' + this.tmHour.step+
'&pass='+ parseInt(cl_hotel4322.intpass,10);
//отправляем на сервер
//month && this.showMonthProgress();
this.callajax( thisObj.host+'/widget/rent.occupancy.rs.php?aj=1', spost, function(param){
for(var i=0;i<param.occupancy.length;i++) {
if(!thisObj.occupancy[param.occupancy[i].substr(0,10)])
thisObj.occupancy[param.occupancy[i].substr(0,10)] = [];
thisObj.occupancy[param.occupancy[i].substr(0,10)].push(param.occupancy[i].substr(11,5));
}
thisObj.bstop = parseInt(param.bstop,10);
thisObj.disableOccupancy(dt);
thisObj.hideMonthProgress();
});
};
jcClWidgetBooking183b11c57899a01e5d25871bcc36123a.prototype.disableOccupancy = function(dt) {
this.tmHour.enableAll();
if(this.occupancy[this.dtHour.getDate().toGermanStr()]) {
var oc = this.occupancy[this.dtHour.getDate().toGermanStr()];
for(var i=0;i<oc.length;i++) {
var tm1 = parseInt(oc[i].substr(0,2),10)*60+parseInt(oc[i].substr(3,2),10);
this.tmHour.disableInterval(tm1,tm1+this.tmHour.step);
}
}
var now = new Date();
if(this.bstop > 0)
now.setHours(now.getHours() + this.bstop);
if(this.dtHour.getDate().toGermanStr() == now.toGermanStr()) {
this.tmHour.disableInterval(0,now.getHours()*60+now.getMinutes());
}
//days
if(dt) {
var d = this.parseDate(dt);
for(i=1;i<62;i++) {
this.checkDay(d.toGermanStr());
d.setDate(d.getDate()+1);
}
}
}
jcClWidgetBooking183b11c57899a01e5d25871bcc36123a.prototype.parseDate = function(day) {
return new Date(day.substr(6,4),parseInt(day.substr(3,2),10)-1,day.substr(0,2));
}
jcClWidgetBooking183b11c57899a01e5d25871bcc36123a.prototype.checkDay = function(day) {
var getFormatTime = function(dt) {
return ('0'+dt.getHours()).substr(-2,2)+':'+('0'+dt.getMinutes()).substr(-2,2);
}
if(!this.occupancy[day])
return false;
var oc = this.occupancy[day];
var card = {};
for(var i=0;i<oc.length;i++) {
if(oc[i] == '00:11')
continue;
card[oc[i]] = 1;
}
var cnt = parseInt(cl_hotel4322.minint,10);
var pass = parseInt(cl_hotel4322.intpass,10);
for(i=this.tmHour.tmstart;i<this.tmHour.tmend;i=i+this.tmHour.step+pass) {
var d = new Date;
d.setHours(0,0,0);
d.setMinutes(i);
if(card[getFormatTime(d)]) //занято
cnt = parseInt(cl_hotel4322.minint,10);
else
cnt--;
if(cnt == 0)
return 1;
}
//нет свободных
curDay = this.parseDate(day);
var id = this.dtHour.input.id+'_'+curDay.getFullYear()+'_'+curDay.getMonth()+'_'+curDay.getDate();
if(document.getElementById(id))
this.dtHour.setDayInactive(document.getElementById(id));
}
jcClWidgetBooking183b11c57899a01e5d25871bcc36123a.prototype.showMonthProgress = function(side) {
this.monthModal1 = document.createElement('div');
this.monthModal1.className = 'clwidget_anim_div';
/*
this.monthModal1.style.width = '100%';
this.monthModal1.style.height = '100%';
this.monthModal1.style.zIndex = 10000;
this.monthModal1.style.position = 'relative';
this.monthModal1.style.background = 'gray';
//modal.style.opacity = '0.7';
*/
var indiv = document.createElement('div');
indiv.className = 'clwidget_anim_spin_tapiola';
this.monthModal1.appendChild(indiv);
var img = document.createElement('img');
img.src = 'https://static.tildacdn.com/tild3733-3334-4439-b463-396138336334/b1.svg'; //'http://www.cloff.ru/html/v2/img/svg/cloff_logo_color.svg';
img.style.width = '100px';
indiv.appendChild(img);
var span = document.createElement('span');
span.innerHTML = 'Загрузка данных...';
//span.style.float = 'left';
span.style.position = 'relative';
span.style.top = '100px';
span.style.left = '25px';
this.monthModal1.appendChild(span);
if(side == 'both') {
var d = this.dtHour.clMonth1.querySelector('.cl_calendar_month_days');
d.appendChild(this.monthModal1);
}
var d2 = this.dtHour.clMonth2.querySelector('.cl_calendar_month_days');
this.monthModal2 = this.monthModal1.cloneNode(true);
d2.appendChild(this.monthModal2);
}
jcClWidgetBooking183b11c57899a01e5d25871bcc36123a.prototype.hideMonthProgress = function() {
//return;
if(this.monthModal1)
this.monthModal1.style.display = 'none';
if(this.monthModal2)
this.monthModal2.style.display = 'none';
}
/*
function clMans(param){
var thisObj = this;
this.min = ( param.min ? param.min: 0 );
this.cnt = ( param.cnt ? param.cnt: this.min );
this.value = this.cnt; //для общности с простым селектом
this.max = ( param.max ? param.max: 5 );
this.inpCount = ( param.input ? param.input : { value: thisObj.cnt } );
this.elCount = ( param.elem ? param.elem : { innerHTML: thisObj.cnt } );
this.elDel = ( param.del ? param.del : { } );
this.elAdd = ( param.add ? param.add: { } );
this.container = ( param.container ? param.container: false );
this.classOn = ( param.classOn ? param.classOn: '' );
this.classOff = ( param.classOff ? param.classOff: '' );
this.onChange = ( param.onChange ? param.onChange: false );
this.widget = ( param.widget ? param.widget: false );
if(!this.container){
console.log('clMans :: CONTAINER NOT FOUND');
return false;
}
this.arrEl = [];
//по новым веяниям не добавляем а убираем лишних
for(var cnt=0; cnt<this.container.childNodes.length; cnt++){
var e = this.container.childNodes[cnt];
if(!e.id) continue; //пропускаем текстноды
if(this.max<=this.arrEl.length){
//лишние убираем
this.container.removeChild(this.container.childNodes[cnt]);
continue;
}
e.cnt = this.arrEl.length;
e.className = ( e.cnt<this.cnt ? this.classOn: this.classOff);
e.onclick = function(){
if(this.className.baseVal==thisObj.classOn){
for(var k=0; k<thisObj.arrEl.length; k++){
if(k==this.cnt){
thisObj.cnt = Math.max(k, thisObj.min);
break;
}
}
//decrement();
}
else {
for(var k=0; k<thisObj.arrEl.length; k++){
if(k==this.cnt){
thisObj.cnt = Math.min(k+1, thisObj.max);
break;
}
}
//increment();
}
thisObj.setCount();
}
this.arrEl.push(e);
}
//посчитали элементы перепишем ширину
var w = (thisObj.arrEl.length*21);
this.container.style.width = w+'px';
this.setCount = function(isNoCallBack){
thisObj.inpCount.value = thisObj.cnt;
thisObj.elCount.innerHTML = thisObj.cnt;
thisObj.value = thisObj.cnt; //для общности с простым селектом
var cl = '';
for(var cnt=0; cnt<thisObj.arrEl.length; cnt++){
cl = ( cnt<thisObj.cnt ? thisObj.classOn : thisObj.classOff );
thisObj.arrEl[cnt].className.baseVal = cl;
}
reButton();
if((!isNoCallBack) && thisObj.onChange) thisObj.onChange(thisObj);
}
var reButton = function(){
if(thisObj.cnt<=thisObj.min)
thisObj.widget.jscClassAdd( thisObj.elDel, 'clh_widget_inactive');
else
thisObj.widget.jscClassRemove( thisObj.elDel, 'clh_widget_inactive');
if(thisObj.cnt>=thisObj.max)
thisObj.widget.jscClassAdd( thisObj.elAdd, 'clh_widget_inactive');
else
thisObj.widget.jscClassRemove( thisObj.elAdd, 'clh_widget_inactive');
}
var decrement = function(){
thisObj.cnt = Math.max(thisObj.cnt-1, thisObj.min);
thisObj.setCount();
};
var increment = function(){
thisObj.cnt = Math.min(thisObj.cnt+1, thisObj.max);
thisObj.setCount();
};
this.elDel.onclick = decrement;
this.elAdd.onclick = increment;
reButton();
this.setCount(true);
}
*/
var cl_hotel4322 = {
name:'Загородный клуб ТАПИОЛА'
, lat:'0'
, lng:'0'
, address:''
, descr:''
, minnum:2 , maxnum:8 , mind:1 , maxd:180 , maxadt:8 , maxchd:4 , childmax:12 , infantmax:3 , gallery: 2 , btbooking: 'Забронировать баню'
, btoverbooking: 'Оставить заявку'
, staticForm: 1 , bookstart: '2018-01-01'
, bookend: '2025-11-05'
, ispay: 642 , paysum: 1 , prepaytype: 2 , prepayval: 50 , money: {"id":"1","idDict":"307","idGroup":"0","order":"0","name":"\u0420\u0443\u0431\u043b\u044c","code":"\u0440.","descr":"\u0440\u0443\u0431.","isHide":"0","isProtect":"0","flag":"0"} , cityrq: 1 , selbed: 0 , islc:0 , interval:'60'
, tmstart:'720'
, tmnow: '1347'
, tmend:'1440'
, isnotstep3:0 , bedsdef:1 , rentmulty:1 , isnotchilds:0 , isalterperson:0 , alterpersonstr:''
, novariant:'Нет подходящих вариантов на указанные даты'
, antibrand: 0 , intpass: 0 , intone: 0 , minint: 4 , hmaxpers: 8 , hviewbusy: 1 , hdayoccupancy: 1};
//document.write('<style> /*vars*/ .clh_widget_wrapper, #cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_step1, #cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_step2, #cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_step3, #cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_step4, #cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_step5, #cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_wnd_alert, #cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_gallery, .cl_wdt_183b11c57899a01e5d25871bcc36123a.cl_calendar, .cl_wdt_183b11c57899a01e5d25871bcc36123a.cl_wdt_timecontainer { --basic-bg-clr: rgba(252,255,244,1.00); /* цвет фона первого шага виджета, легенды и футера на следующих шагах */ --input-bg-clr: rgba(255,255,255,1.00); /* цвет фона окошек полей ввода */ --additional-bg-clr: rgba(109,46,41,1.00); /* цвет фона шапки виджета, окошек алертов, детей и кнопки "оставить заявку" */ --buttons-bg-clr: rgba(142,153,69,1.00); /* цвет кнопок, активных иконок и ссылок */ --body-bg-clr: #fefefe; /* цвет фона тела виджета */ --inactive-clr: #d3d3d3; /* цвет неактивных элементов */ --face-txt-clr: rgba(0,0,0,1.00); /* цвет текста на первом шаге */ --header-txt-clr: rgba(255,255,255,1.00); /* цвет текста в шапке */ --btn-txt-clr: rgba(255,255,255,1.00); /* цвет текста в кнопках */ --input-txt-clr: rgba(51,51,51,1.00); /* цвет текста окошек полей ввода */ --txt-clr: black; /* цвет текста в теле виджета на следующих шагах*/ --border-radius: 4px; /* радиус скругления всех углов виджета */ --border-clr: #696969; /* цвет бордеров полей ввода */ --btn-border-clr: transparent; /* цвет бордеров кнопок */ --border: 1px solid; --f-family: Arial, sans-serif; --f-size: 14px !important; --f-size-inpt: 12px !important; --f-weight: 400; --z-index: 99999; --clr-primary: rgba(142,153,69,1.00); /* основной цвет */ --clr-secondary: rgba(109,46,41,1.00); /* дополнительный цвет */ --clr-default: rgba(51,51,51,1.00); /* цвет текста */ --clr-disabled: #d3d3d3; /* цвет неактивных элементов */ --clr-white: #fff; --clr-alpha: transparent; --b-rad: 4px; /* радиус скругления всех углов */ --f-size: 14px !important; --f-small: 12px !important; --f-big: 20px !important; --f-bold: 600; --sp-s: 5px; --sp-m: 10px; --sp-l: 15px; --sp-xl: 30px; } /*END vars*/</style><div id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a" style="display: none;" class="CL_WDT_HOUR"><div id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_wrapper" class="CL_WDT_HOUR clh_widget_wrapper" style="display: none;"></div><!-- FIRST SCREEN --><div id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_step1" class="CL_WDT_HOUR clh_widget"> <!-- Title bar --> <div class="clh_widget_head_line"> <div class="clh_widget_header">Даты поездки и количество гостей</div> <div class="clh_widget_legend_line"> <div id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_step1_legend" class="clh_widget_legend">legend</div> </div> <div id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_close1" class="clh_widget_close_x">×</div> </div> <!-- //Title bar --> <div id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_user_form" class="clh_widget_body"> <div class="clh_widget_block clh_widget_grow"> <div id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_div_start" class="clh_widget_block_inner clh_widget_grow"> <label class="clh_date_label">Заезд:</label> <input id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_dtstart" class="clh_widget_input chekin_date" type="text" size="10" name="chekin_date_start"> <svg baseProfile="tiny" version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 26 26" id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_dtstart_button" title="Выбрать дату заезда" width="26" height="26" class="clh_widget_date_btn"><use xlink:href="#calend" class="clh_widget_svg_icon"/></svg> </div> <div id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_div_hstart" class="clh_widget_block_inner clh_widget_grow" style="display: none;"> <label class="clh_date_label">Дата:</label> <input id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_dth" class="clh_widget_input chekin_date" type="text" size="10" name=""> <svg baseProfile="tiny" version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 26 26" id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_dth_button" title="Выбрать дату" width="26" height="26" class="clh_widget_date_btn"><use xlink:href="#calend" class="clh_widget_svg_icon"/></svg> </div> <div id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_div_end" class="clh_widget_block_inner clh_widget_grow"> <label class="clh_date_label">Выезд:</label> <input id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_dtend" class="clh_widget_input chekout_date" type="text" size="10" name="chekout_date_end"> <svg baseProfile="tiny" version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 26 26" id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_dtend_button" title="Выбрать дату отъезда" width="26" height="26" class="clh_widget_date_btn"><use xlink:href="#calend" class="clh_widget_svg_icon"/></svg> </div> <div id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_div_time" class="clh_widget_block_inner clh_widget_grow" style="display: none; flex-wrap: nowrap;"> <label class="clh_date_label">Время:</label> <input title="Выберите время" id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_time" class="clh_widget_input chekout_date" type="text" size="10" readonly> <input title="Выберите время" id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_time_select" class="clh_widget_input chekout_date" type="text" size="10" readonly style="display:none"> <svg baseProfile="tiny" version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 26 26" id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_time_button" title="Выбрать время" width="26" height="26" class="clh_widget_date_btn"><use xlink:href="#clock" class="clh_widget_svg_icon"/></svg> </div> <div class="clh_widget_bed" id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_div_bed"> <span>Кровать: </span> <input id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_bedtype" name="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_bedtype" class="clh_bed_type" type="checkbox"> <label for="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_bedtype"> <svg baseProfile="tiny" version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 30 21" width="30" height="21" class="clh_widget_bed_btn"> <use id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_bedtype_icon" xlink:href="#bed_two" x="0" y="0" class="clh_widget_svg_icon"/> </svg> </label> </div> </div> <div class="clh_widget_block"> <!-- ADULTS COUNT --> <div class="clh_widget_block_inner" id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_div_adult"> <label>Взрослых: <span id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_adults_span">4</span></label> <input id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_adults" class="clh_widget_input clh_widget_hidden" type="number" name="adult_num"> <div class="clh_widget_guest_counter"> <div id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_adults_del" class="clh_widget_count_btn clh_ripple">-</div> <svg baseProfile="tiny" version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 85 26" id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_adults_cont" width="85" height="26" class="clh_widget_guest_icons"> <use id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_adult_1" xlink:href="#guest" x="0" y="3" class="clh_widget_svg_icon"/> <use id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_adult_2" xlink:href="#guest" x="20" y="3" class="clh_widget_svg_icon"/> <use id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_adult_3" xlink:href="#guest" x="40" y="3" class="clh_widget_svg_icon"/> <use id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_adult_4" xlink:href="#guest" x="60" y="3" class="clh_widget_svg_icon"/> </svg> <div id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_adults_add" class="clh_widget_count_btn clh_widget_inactive clh_ripple">+</div> </div> <select id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_adults_sel" style="display: none;"></select> </div> <!-- // ADULTS COUNT --> <!-- CLIENTS COUNT --> <div class="clh_widget_block_inner ai_center" id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_div_person" style="display: none;"> <label>Посетителей: </label> <div class="clh_widget_guest_counter d_flex ai_center"> <div id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_person_minus" class="clh_widget_count_btn clh_ripple clh_widget_inactive">-</div> <input id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_person" class="clh_widget_input" type="number" value="1"> <div id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_person_plus" class="clh_widget_count_btn clh_ripple">+</div> </div> </div> <!-- // CLIENTS COUNT --> <!-- CHILD COUNT --> <div class="clh_widget_block_inner" id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_div_child"> <label>Детей: <span id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_childs_span">1</span></label> <input id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_childs" class="clh_widget_input clh_widget_hidden" type="number" name="child_num"> <div class="clh_widget_guest_counter"> <div id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_childs_del" class="clh_widget_count_btn clh_ripple">-</div> <svg baseProfile="tiny" version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 85 26" id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_childs_cont" width="85" height="26" class="clh_widget_guest_icons"> <use id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_child_1" xlink:href="#guest" x="0" y="3" class="clh_widget_svg_icon"/> <use id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_child_2" xlink:href="#guest" x="20" y="3" class="clh_widget_svg_icon clh_widget_inactive"/> <use id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_child_3" xlink:href="#guest" x="40" y="3" class="clh_widget_svg_icon clh_widget_inactive"/> <use id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_child_4" xlink:href="#guest" x="60" y="3" class="clh_widget_svg_icon clh_widget_inactive"/> </svg> <div id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_childs_add" class="clh_widget_count_btn clh_ripple">+</div> </div> <select id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_childs_sel" style="display: none;"></select> </div> <!-- // CHILD COUNT --> <!-- CHILD AGES --> <div id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_childs_line" class="clh_widget_block_inner clh_widget_children_age" style="display: none;"> <div class="clh_widget_select_hldr"> <select id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_sel_1" class="clh_widget_input"></select> <select id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_sel_2" class="clh_widget_input clh_widget_inactive" disabled="disabled"></select> <select id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_sel_3" class="clh_widget_input clh_widget_inactive" disabled="disabled"></select> <select id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_sel_4" class="clh_widget_input clh_widget_inactive" disabled="disabled"></select> </div> </div> <!-- // CHILD AGES --> </div> <div id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_button" class="clh_widget_btn clh_widget_fwd_btn clh_ripple"> <svg baseProfile="tiny" version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24" width="24" height="24" class=""> <use xlink:href="#chevron_right_w" class=""/> </svg> <span>Забронировать баню</span> </div> </div> <div class="clh_widget_footer"> <div class="clh_widget_addline" id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_rights"> <span>Разработано</span> <script>var cl_link="https://www.cloff.ru/";</script> <span class="cl_link" onclick="window.open(cl_link);"> <svg baseProfile="tiny" version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 56 16" width="56" height="16"> <use xlink:href="#CLOFF_logo_ext" class="clh_widget_svg_icon"/> </svg> </span> </div> <span class="clh_auth_link" id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_lc_button">Личный кабинет</span> </div></div><!-- // FIRST SCREEN --><!-- VARIANTS LIST --><div id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_step2" class="CL_WDT_HOUR clh_widget_wrapper" style="display: none;"> <div id="clh_step_2" class="clh_widget clh_window"> <div class="clh_widget_head_line"> <div class="clh_widget_header">Выберите вариант проживания</div> <div class="clh_widget_legend_line"> <div id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_close2" class="clh_widget_close_x">×</div> </div> </div> <div class="clh_widget_choise"> <div> <b>Ваш выбор:</b> <span id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_step2_legend">4 взрослых, 1 ребёнок, c 30.04.2019 по 09.05.2019</span> </div> <div> <div id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_step2_back" class="clh_widget_booking_btn clh_ripple">Изменить условия</div> <div id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_step2_promo" class="clh_widget_promocode"><!-- Скидка по промокоду --> <input id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_step2_promo_input" type="text" class="clh_widget_input" size="15" placeholder="Введите промокод"> <div id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_step2_promo_button" class="clh_widget_btn clh_ripple">ok</div> </div> </div> </div> <div id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_step2_list" class="clh_widget_book_var_list"></div> <div id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_step2_sum" class="hide clh_widget_choise"> <div style="min-width: 440px;text-align: right;"> <b>Выбрано:</b> <span id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_step2_legend2">0 объект(-ов) на сумму 0 р.</span> </div> <div> <div id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_step2_book" class="clh_widget_booking_btn clh_ripple">Бронировать</div> </div> </div> <div class="clh_widget_footer"> <div class="clh_widget_addline" id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_rights2"> <span>Разработано</span> <span class="cl_link" onclick="window.open(cl_link);"> <svg baseProfile="tiny" version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 56 16" width="56" height="16"> <use xlink:href="#CLOFF_logo_ext" class="clh_widget_svg_icon"/> </svg> </span> </div> </div> </div> <!-- END clh_step_2 --></div><!-- // VARIANTS LIST --><!-- OPTIONS/SERVICES LIST --><div id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_step3" class="CL_WDT_HOUR clh_widget_wrapper" style="display: none;"> <!-- clh_step_3 --> <div id="clh_step_3" class="clh_widget clh_window" > <div class="clh_widget_head_line"> <div class="clh_widget_header">Выберите дополнительные опции</div> <div class="clh_widget_legend_line"> <div class="clh_widget_close_x" id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_close3">×</div> </div> </div> <div class="clh_widget_choise"> <div> <b>Ваш выбор:</b> <span id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_step3_legend">4 взрослых, 1 ребёнок, c 30.04.2019 по 09.05.2019</span> </div> <div id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_step3_promo" style="display: none;">Скидка по промокоду <input type="text" class="clh_widget_input" size="15" placeholder="Введите промокод"></div> </div> <div class="d_flex fx_column"> <div class="clh_service_list"> <div class="clh_service_list_header clh_service_list_header_active" id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_service_label" >Услуги</div> <div class="clh_service_list_header" id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_option_label" >Дополнительно</div> </div> <div class="clh_service_list"> <div class="clh_service_tab" id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_service_list"></div> <div class="clh_service_tab clh_mob_hide" id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_option_list"></div> </div> </div> <div class="clh_widget_summary_holder"> <div class="clh_widget_btn clh_outline clh_ripple" id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_back3_button">Назад</div> <div class="clh_widget_summary"> <div class="" style="display: none;">Промокод: <input type="text" class="clh_widget_input" placeholder="Введите промокод"></div> <div class="">ИТОГО: <span id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_total3">100500 р.</span></div> </div> <div class="clh_widget_btn clh_ripple" id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_next3_button">Бронировать</div> </div> <div class="clh_widget_footer"> <div class="clh_widget_addline" id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_rights3"> <span>Разработано</span> <span class="cl_link" onclick="window.open(cl_link);"> <svg baseProfile="tiny" version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 56 16" width="56" height="16"> <use xlink:href="#CLOFF_logo_ext" class="clh_widget_svg_icon"/> </svg> </span> </div> </div> </div><!-- END clh_step_3 --></div><!-- END OPTIONS/SERVICES LIST --><!-- ORDER FORM --><div id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_step4" class="CL_WDT_HOUR clh_widget_wrapper" style="display:none"> <!-- clh_step_4 --> <div id="clh_step_4" class="clh_widget clh_window"> <div class="clh_widget_head_line"> <div class="clh_widget_header">Заполните ваши данные</div> <div class="clh_widget_legend_line"><div class="clh_widget_close_x" id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_close4">×</div></div> </div> <div class="clh_widget_choise"> <div><b>Ваш выбор:</b> <span id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_step4_legend">4 взрослых, 1 ребёнок, c 30.04.2019 по 09.05.2019</span></div> <div style="display:none">Скидка по промокоду<input type="text" class="clh_widget_input" size="15" placeholder="Введите промокод"></div> </div> <form id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_order_form" action="" class="clh_bookingform"> <div class="clh_formholder"> <div class="clh_formcolumn"> <div class="clh_formgroup"> <label for="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_name2">Фамилия:</label> <input id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_name2" type="text" class="clh_widget_input" tabindex="1"> </div> <div class="clh_formgroup"> <label for="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_name1">Имя:</label> <input id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_name1" type="text" class="clh_widget_input" tabindex="2"> </div> <div class="clh_formgroup"> <label for="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_name3">Отчество:</label> <input id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_name3" type="text" class="clh_widget_input" tabindex="3"> </div> </div> <div class="clh_formcolumn"> <div class="clh_formgroup"> <label for="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_phone">Телефон:</label> <input id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_phone" type="tel" class="clh_widget_input" tabindex="4" placeholder="89991112233"> </div> <div class="clh_formgroup"> <label for="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_email">E-mail:</label> <input id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_email" type="email" class="clh_widget_input" tabindex="5"> </div> <div class="clh_formgroup"> <label for="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_city">Город:</label> <input id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_city" type="text" class="clh_widget_input" tabindex="6"> </div> </div> </div> <textarea id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_comment" name="clh_booking_comment" class="clh_booking_comment" cols="30" rows="10" placeholder="Комментарий"></textarea> <div class="clh_pers_data_policy"> <input id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_agree" type="checkbox" required="required" checked="checked"> <label for="clh_pers_policy" class="cl_wdt_d_inline_flex cl_wdt_fx_wrap cl_wdt_label"> <div class="cl_wdt_mr_s">Я согласен с условиями</div> <div class="cl_wdt_txt_primary cl_wdt_c_pointer" id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_agree_link" target="_blank" href="/personalinfo.html">политики обработки персональных данных</div> </label> </div> <div class="clh_widget_summary_holder"> <div type="button" id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_back4_button" class="clh_widget_btn clh_outline clh_ripple">Назад</div> <div class="clh_widget_summary"> <div class="">ИТОГО: <span id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_total4">100500 р.</span></div> </div> <button type="submit" class="clh_widget_btn clh_ripple" id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_next4_button">Бронировать</button> </div> </form> <div class="clh_widget_footer"> <div class="clh_widget_addline" id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_rights4"> <span>Разработано</span> <span class="cl_link" onclick="window.open(cl_link);"> <svg baseProfile="tiny" version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 56 16" width="56" height="16"> <use xlink:href="#CLOFF_logo_ext" class="clh_widget_svg_icon"/> </svg> </span> </div> </div> </div> <!-- END clh_step_4 --></div><!-- END ORDER FORM --><!-- SUCCESS SCREEN --><div id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_step5" class="CL_WDT_HOUR clh_widget_wrapper" style="display:none"> <!-- clh_step_5 --> <div id="clh_step_5" class="clh_widget clh_window"> <div class="clh_widget_head_line"> <div class="clh_widget_header">Спасибо за ваше бронирование</div> <div class="clh_widget_legend_line"> <div class="clh_widget_close_x" id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_close5" >×</div> </div> </div> <div class="clh_confirmation"> <p class="clh_large_txt"><b>Спасибо за ваш заказ!</b></p> <p>На указанные вами контакты отправлены сообщения о заказе. В ближайшее время наш сотрудник свяжется с вами для уточнения деталей заказа</p> <p><b>Номер вашего бронирования: <span id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_step5_bookingid">1124</span></b></p> <span id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_step5_booking_descr"> <p><b>Детали бронирования:</b> <span>4 взрослых, 1 ребёнок, c 30.04.2019 по 09.05.2019</span></p> <p><b>Номер:</b> Двухместный за 5400 р.</p> <p><b>Услуги:</b></p> <ul> <li>Уборка номера - <span>1250 р.</span></li> <li>Завтрак - <span>50 р.</span></li> </ul> <p><b>Дополнительно:</b></p> <ul> <li>Детская кроватка - <span>1000 р.</span></li> <li>Сэйф - <span>350 р.</span></li> <li>Обед - <span>150 р.</span></li> </ul> <p class="clh_large_txt"><b>Сумма: <span id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_total5">35900 р.</span></b></p> </span> <div id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_step5_pay" style="display:none; max-width:150px;margin-top:30px"> <a class="clh_widget_btn clh_ripple" id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_step5_pay_lnk">Оплатить</a> </div> </div> <div class="clh_widget_footer"> <div class="clh_widget_addline" id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_rights5"> <span>Разработано</span> <span class="cl_link" onclick="window.open(cl_link);"> <svg baseProfile="tiny" version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 56 16" width="56" height="16"> <use xlink:href="#CLOFF_logo_ext" class="clh_widget_svg_icon"/> </svg> </span> </div> </div> </div> <!-- END clh_step_5 --></div><!-- END SUCCESS SCREEN --><!-- ALERT --><div id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_wnd_alert" class="CL_WDT_HOUR clh_widget_wrapper" style="z-index: calc(var(--z-index) + 7); display: none;"> <div class="clh_widget_block_alert clh_widget clh_window" style="max-width: 300px;"> <div class="clh_widget_head_line"> <div class="clh_widget_header">Внимание!</div> <div id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_wnd_alert_close_x" class="clh_widget_close_x">×</div> </div> <div class="clh_widget_body"> <div id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_wnd_alert_msg" class="clh_widget_block_alert_body">Внимание!</div> </div> <div class="clh_widget_footer"> <div id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_wnd_alert_close" class="clh_widget_btn clh_ripple fx_grow_1">Ok</div> </div> </div></div><!-- // ALERT --><!-- VARIANTS ITEMS --><svg baseProfile="tiny" version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 21 26" id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_var_man_tpl" width="21" height="26" class="clh_widget_guest_icons"><use xlink:href="#guest" x="0" y="3" class="clh_widget_svg_icon"/></svg><span id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_man_plus_tpl" class="clh_widget_plus">+</span><!-- ROOM --><div id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_room_tpl" class="clh_room_var"> <div id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_var_VARID_room_ROOMID_img" class="clh_room_pic_preview pic_mid" style="display:none;"></div> <div class="clh_room_offer_var_descr"> <div id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_var_VARID_room_ROOMID_info" class="clh_room_info">2-х местный без балкона</div> <div id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_var_VARID_room_ROOMID_bads" class="clh_visual_guest_num"></div> <div id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_var_VARID_room_ROOMID_amount" class="clh_visual_guest_amount" style="display:none;"></div> </div></div><!-- //ROOM --><!-- TARIFF --><div id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_tariff_tpl" class="clh_room_offer_var"> <span class="clh_tarif_descr" style="display: none;" title="Lorem ipsum dolor sit amet, consectetur adipisicing elit. Praesentium unde iusto in, deleniti dolore minus explicabo ipsa, nostrum possimus libero ipsum quia sit nihil amet laboriosam delectus rerum quasi assumenda.">?</span> <div id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_var_VARID_tariff_TARIFFID_name" class="clh_room_offer">Длительный срок</div> <div class="clh_room_sum">Итого: <span class="clh_old_room_price">100500 р.</span> <b><span id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_var_VARID_tariff_TARIFFID_total">2 номера за 11900 р.</span></b></div> <div id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_var_VARID_tariff_TARIFFID_button" class="clh_widget_booking_btn clh_ripple">Бронировать</div></div><!-- //TARIFF --><!-- VAR --><div id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_VAR_TPL" class="clh_widget_book_var"> <div id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_var_VARID_rooms" class="clh_room_var_list"></div> <div id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_var_VARID_tariffs" class="clh_room_book"></div></div><!-- END VAR --><!-- CORPUS NAME --><div class="clh_widget_book_var"> <div class="clh_corp_name"> <svg baseProfile="tiny" version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 26 26" width="26" height="26" class="rotate"> <use xlink:href="#caret_up" class="clh_widget_svg_icon"/> </svg> <b><span>Название корпуса</span></b> </div> <div class="clh_corp_descr"><span>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Praesentium unde iusto in, deleniti dolore minus explicabo ipsa, nostrum possimus libero ipsum quia sit nihil amet laboriosam delectus rerum quasi assumenda.</span></div></div><!-- end CORPUS NAME --><!-- // VARIANTS ITEMS --><div id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_tpl_place"></div><!-- SERVICES --><div class="clh_service_list_item" id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_service_tpl"> <label for="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_SONAME_SRVID_chb" title="Дополнительная кровать для сна и утех"> <input type="checkbox" hidden="hidden" id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_SONAME_SRVID_chb"> <span class="clh_pseudo_checkbox"></span> <span id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_SONAME_SRVID_name">Дополнительная кровать для сна и утех</span> </label> <input type="number" class="clh_widget_input" step="1" min="0" max="50" id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_SONAME_SRVID_count"> <span class="clh_servise_price" id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_SONAME_SRVID_amount">1850</span></div><!-- // SERVICES --><!-- GALLERY --><div id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_gallery" class="clh_widget clh_gallery_wraper" style="display: none;"> <div class="clh_widget_head_line"><div id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_gallery_photo_close" class="clh_widget_close_x">×</div></div> <div class="clh_gallery_window"> <div id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_gallery_photo_prev" class="clh_control clh_control_left"> <svg baseProfile="tiny" version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 26 26" width="26" height="26"> <use xlink:href="#chevron_left" class="clh_widget_svg_icon"/> </svg> </div> <div class="clh_gallery_view" id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_gallery_photo_current"> <div class="clh_gallery_pic" style=""></div> </div> <div id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_gallery_photo_next" class="clh_control clh_control_right"> <svg baseProfile="tiny" version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 26 26" width="26" height="26"> <use xlink:href="#chevron_right" class="clh_widget_svg_icon"/> </svg> </div> <div id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_gallery_photo_storage" style="width: 1px; height: 1px; visibility: hidden;"></div> </div> <div id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_gallery_photo_description" class="clh_gallery_text"></div></div><!-- END GALLERY --></div><!-- timepicker --><div id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_div_picker" class="CL_WDT_HOUR clh_widget_wrapper" style="z-index: calc(var(--z-index) + 7); display: none;"> <div class="cl_wdt_183b11c57899a01e5d25871bcc36123a cl_wdt_timecontainer"> <div> <span>Выберите начало периода</span> </div> <div class="cl_wdt_col_12 cl_wdt_bg_secondary cl_wdt_txt_bold cl_wdt_py_s"> <div class="cl_wdt_d_flex cl_wdt_jc_between cl_wdt_ai_center"> <span>свободно -</span> <span class="cl_wdt_bg_white cl_wdt_brdr cl_wdt_b_rad cl_wdt_py_m cl_wdt_px_xl"></span></div> <div class="cl_wdt_d_flex cl_wdt_jc_between cl_wdt_ai_center"> <span>недоступно -</span> <span class="cl_wdt_bg_disabled cl_wdt_brdr cl_wdt_b_rad cl_wdt_py_m cl_wdt_px_xl"></span></div> <div class="cl_wdt_d_flex cl_wdt_jc_between cl_wdt_ai_center"> <span>выбрано -</span> <span class="cl_wdt_bg_primary cl_wdt_brdr cl_wdt_b_rad cl_wdt_py_m cl_wdt_px_xl"></span></div> </div> <div class="cl_timepicker"> <input type="checkbox" hidden id="00:00"><label for="00:00">00:00</label> <input type="checkbox" hidden id="01:00"><label for="01:00">01:00</label> <input type="checkbox" hidden id="02:00"><label for="02:00">02:00</label> <input type="checkbox" hidden id="03:00"><label for="03:00">03:00</label> <input type="checkbox" hidden id="04:00"><label for="04:00">04:00</label> <input type="checkbox" hidden id="05:00"><label for="05:00">05:00</label> <input type="checkbox" hidden id="06:00"><label for="06:00">06:00</label> <input type="checkbox" hidden id="07:00"><label for="07:00">07:00</label> <input type="checkbox" hidden id="08:00"><label for="08:00">08:00</label> <input type="checkbox" hidden id="09:00"><label for="09:00">09:00</label> <input type="checkbox" hidden disabled id="10:00"><label for="10:00">10:00</label> <input type="checkbox" hidden id="11:00"><label for="11:00">11:00</label> <input type="checkbox" hidden id="12:00"><label for="12:00">12:00</label> <input type="checkbox" hidden id="13:00"><label for="13:00">13:00</label> <input type="checkbox" hidden id="14:00"><label for="14:00">14:00</label> <input type="checkbox" hidden id="15:00"><label for="15:00">15:00</label> <input type="checkbox" hidden id="16:00"><label for="16:00">16:00</label> <input type="checkbox" hidden id="17:00"><label for="17:00">17:00</label> <input type="checkbox" hidden id="18:00"><label for="18:00">18:00</label> <input type="checkbox" hidden id="19:00"><label for="19:00">19:00</label> <input type="checkbox" hidden id="20:00"><label for="20:00">20:00</label> <input type="checkbox" hidden id="21:00"><label for="21:00">21:00</label> <input type="checkbox" hidden id="22:00"><label for="22:00">22:00</label> <input type="checkbox" hidden id="23:00"><label for="23:00">23:00</label> </div> <div class="cl_wdt_col_12 cl_wdt_py_s cl_wdt_d_flex"> <div class="cl_wdt_btn cl_wdt_fx_grow_1 disabled">подтвердить</div> </div> </div></div><!-- END timepicker --> <svg baseProfile="tiny" version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24" width="24" height="24" style="display: none;"> <title>calend</title> <path id="calend" d="M8.06,5.05H7a.51.51,0,0,1-.5-.51v-3A.51.51,0,0,1,7,1h1.1a.51.51,0,0,1,.5.5v3A.51.51,0,0,1,8.06,5.05Zm9.48-.51v-3A.51.51,0,0,0,17,1h-1.1a.51.51,0,0,0-.5.5v3a.51.51,0,0,0,.5.51H17A.51.51,0,0,0,17.54,4.54ZM23,5.81V20.94A2.1,2.1,0,0,1,20.86,23H3.14A2.1,2.1,0,0,1,1,20.94V5.81A2.1,2.1,0,0,1,3.14,3.75H5.46v.79A1.51,1.51,0,0,0,7,6.05h1.1a1.51,1.51,0,0,0,1.5-1.51V3.75h4.88v.79a1.51,1.51,0,0,0,1.5,1.51H17a1.51,1.51,0,0,0,1.5-1.51V3.75h2.32A2.1,2.1,0,0,1,23,5.81ZM21,7.88H3v12.8a.27.27,0,0,0,.27.26H20.73a.27.27,0,0,0,.27-.26ZM10.79,11.74H9.08a.51.51,0,0,1-.52-.51V9.51A.52.52,0,0,1,9.08,9h1.71a.52.52,0,0,1,.52.52v1.72A.51.51,0,0,1,10.79,11.74Zm4.13,0H13.2a.51.51,0,0,1-.51-.51V9.51A.51.51,0,0,1,13.2,9h1.72a.52.52,0,0,1,.52.52v1.72A.52.52,0,0,1,14.92,11.74Zm-4.13,4.13H9.08a.52.52,0,0,1-.52-.52V13.63a.51.51,0,0,1,.52-.51h1.71a.51.51,0,0,1,.52.51v1.72A.52.52,0,0,1,10.79,15.87Zm-4.12,0H5a.51.51,0,0,1-.51-.52V13.63A.51.51,0,0,1,5,13.12H6.67a.52.52,0,0,1,.52.51v1.72A.52.52,0,0,1,6.67,15.87Zm8.25,0H13.2a.51.51,0,0,1-.51-.52V13.63a.51.51,0,0,1,.51-.51h1.72a.52.52,0,0,1,.52.51v1.72A.52.52,0,0,1,14.92,15.87Zm4.13-4.13H17.33a.51.51,0,0,1-.51-.51V9.51A.51.51,0,0,1,17.33,9h1.72a.52.52,0,0,1,.52.52v1.72A.52.52,0,0,1,19.05,11.74Zm0,4.13H17.33a.51.51,0,0,1-.51-.52V13.63a.51.51,0,0,1,.51-.51h1.72a.52.52,0,0,1,.52.51v1.72A.52.52,0,0,1,19.05,15.87ZM10.79,20H9.08a.52.52,0,0,1-.52-.52V17.76a.51.51,0,0,1,.52-.51h1.71a.51.51,0,0,1,.52.51v1.72A.52.52,0,0,1,10.79,20ZM6.67,20H5a.51.51,0,0,1-.51-.52V17.76A.51.51,0,0,1,5,17.25H6.67a.52.52,0,0,1,.52.51v1.72A.52.52,0,0,1,6.67,20Zm8.25,0H13.2a.51.51,0,0,1-.51-.52V17.76a.51.51,0,0,1,.51-.51h1.72a.52.52,0,0,1,.52.51v1.72A.52.52,0,0,1,14.92,20Zm4.13,0H17.33a.51.51,0,0,1-.51-.52V17.76a.51.51,0,0,1,.51-.51h1.72a.52.52,0,0,1,.52.51v1.72A.52.52,0,0,1,19.05,20Z"/></svg><svg baseProfile="tiny" version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 55.84 16" width="56" height="16" style="display: none;"> <title>CLOFF_logo_ext</title> <path id="CLOFF_logo_ext" d="M38.15,3.41a4.71,4.71,0,1,0,4.7,4.72h0a4.7,4.7,0,0,0-4.7-4.71Zm0,7.35a2.64,2.64,0,1,1,2.63-2.64h0a2.64,2.64,0,0,1-2.63,2.64Zm-12.25,0v2.07h0a4.71,4.71,0,0,1,0-9.42h0V5.48h0a2.64,2.64,0,1,0-.2,5.28Zm6.77,0v2.07h0A4.71,4.71,0,0,1,28,8.19h0V3.49H30v4.7h0a2.65,2.65,0,0,0,2.64,2.61ZM49.61,3.47V5.54h0A2.64,2.64,0,0,0,47,8.13h1.81v2.08H47v2.65H44.91V10.21h0V8.13h0a4.71,4.71,0,0,1,4.7-4.66Zm6.23,0V5.54h0A2.64,2.64,0,0,0,53.2,8.13H55v2.08H53.23v2.65H51.15V8.19h0v0h0A4.71,4.71,0,0,1,55.84,3.47Zm-42.59,6L14.7,8.05h0A4.7,4.7,0,0,1,8.05,14.7h0l1.46-1.45h0a2.66,2.66,0,0,0,3.07.48,1.35,1.35,0,1,1,1.15-1.54,2.54,2.54,0,0,1,0,.39A2.66,2.66,0,0,0,13.25,9.51ZM8,1.38H8L6.57,2.84h0a2.64,2.64,0,0,0-3.08-.48A1.35,1.35,0,1,1,2.38,3.91a1,1,0,0,1,0-.43,2.63,2.63,0,0,0,.48,3.08h0L1.38,8h0A4.7,4.7,0,0,1,8,1.38ZM9.52,2.84,8.05,1.38h0A4.7,4.7,0,0,1,14.7,8h0L13.25,6.57h0a2.64,2.64,0,0,0,.48-3.07,1.35,1.35,0,1,1-2.67.38A1.34,1.34,0,0,1,12.2,2.36a1.21,1.21,0,0,1,.38,0,2.64,2.64,0,0,0-3.07.48ZM1.38,8.05h0L2.84,9.51h0a2.64,2.64,0,0,0-.48,3.08,1.36,1.36,0,1,1,1.56,1.12,1.62,1.62,0,0,1-.44,0,2.63,2.63,0,0,0,3.08-.48h0L8,14.69H8A4.7,4.7,0,0,1,1.38,8.05Z"/></svg><svg baseProfile="tiny" version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24" width="24" height="24" style="display: none;"> <title>guest</title> <path id="guest" d="M12,12A4.75,4.75,0,1,0,7.25,7.25,4.75,4.75,0,0,0,12,12Zm3.33,1.19h-.62a6.52,6.52,0,0,1-5.42,0H8.68a5,5,0,0,0-5,5v1.55A1.78,1.78,0,0,0,5.47,21.5H18.53a1.78,1.78,0,0,0,1.78-1.78V18.17A5,5,0,0,0,15.33,13.19Z"/></svg><svg baseProfile="tiny" version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 30 21" width="30" height="21" style="display: none;"> <title>bed_double</title> <path id="bed_double" d="M29.24,15.82V21H26.65V18.41H3.35V21H.76V15.82ZM25.35,9.35H4.65A3.89,3.89,0,0,0,.76,13.24v1.29H29.24V13.24A3.89,3.89,0,0,0,25.35,9.35ZM17.59,1H12.41c-5,0-9.06,2.06-9.06,7.06h1.3c0-1.43,2-2.59,4.53-2.59s4.53,1.16,4.53,2.59h2.58c0-1.43,2-2.59,4.53-2.59s4.53,1.16,4.53,2.59h1.3C26.65,3.06,22.59,1,17.59,1Z"/></svg><svg baseProfile="tiny" version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 30 21" width="30" height="21" style="display: none;"> <title>bed_two</title> <path id="bed_two" d="M29.24,15.82V21H26.65V18.41H18.88V21H16.29V15.82h13Zm-3-6.47H19.29a3,3,0,0,0-3,3v2.18h13V12.35A3,3,0,0,0,26.24,9.35ZM22.76,1.59a5.18,5.18,0,0,0-5.17,5.17v1.3h1.29c0-1.43,1.74-2.59,3.88-2.59s3.89,1.16,3.89,2.59h1.29V6.76A5.18,5.18,0,0,0,22.76,1.59ZM11.12,15.82H.76V21H3.35V18.41h7.77V21h2.59V15.82Zm-.41-6.47h-7a3,3,0,0,0-3,3v2.18h13V12.35A3,3,0,0,0,10.71,9.35ZM7.24,1.59A5.18,5.18,0,0,0,2.06,6.76v1.3H3.35c0-1.43,1.74-2.59,3.89-2.59s3.88,1.16,3.88,2.59h1.29V6.76A5.18,5.18,0,0,0,7.24,1.59Z"/></svg><svg baseProfile="tiny" version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24" width="24" height="24" style="display: none;"> <title>chevron_left</title> <path id="chevron_left" d="M5.68,11.15l9.79-9.8a1.21,1.21,0,0,1,1.71,0L18.32,2.5a1.2,1.2,0,0,1,0,1.7L10.56,12l7.76,7.8a1.2,1.2,0,0,1,0,1.7l-1.14,1.15a1.21,1.21,0,0,1-1.71,0l-9.79-9.8A1.2,1.2,0,0,1,5.68,11.15Z"/></svg><svg baseProfile="tiny" version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24" width="24" height="24" style="display: none;"> <title>chevron_right</title> <path id="chevron_right" d="M18.32,12.85l-9.79,9.8a1.21,1.21,0,0,1-1.71,0L5.68,21.5a1.2,1.2,0,0,1,0-1.7L13.44,12,5.68,4.2a1.2,1.2,0,0,1,0-1.7L6.82,1.35a1.21,1.21,0,0,1,1.71,0l9.79,9.8A1.2,1.2,0,0,1,18.32,12.85Z"/></svg><svg baseProfile="tiny" version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24" width="24" height="24" style="display: none;"> <title>chevron_right_w</title> <path id="chevron_right_w" d="M12.7,21.5C12.7,21.5,12.7,21.5,12.7,21.5c-0.3,0-0.5-0.1-0.7-0.3l-0.8-0.8c-0.2-0.2-0.3-0.4-0.3-0.7c0-0.3,0.1-0.5,0.3-0.7l7-7l-7-7c-0.2-0.2-0.3-0.4-0.3-0.7c0-0.3,0.1-0.5,0.3-0.7L12,2.8c0.4-0.4,1-0.4,1.4,0l8.5,8.5c0.4,0.4,0.4,1,0,1.4l-8.5,8.5C13.2,21.4,12.9,21.5,12.7,21.5z M4.4,21.5L4.4,21.5c-0.3,0-0.5-0.1-0.7-0.3l-0.8-0.8c-0.2-0.2-0.3-0.4-0.3-0.7c0-0.3,0.1-0.5,0.3-0.7l7-7l-7-7c-0.4-0.4-0.4-1,0-1.4l0.8-0.8c0.4-0.4,1-0.4,1.4,0l8.5,8.5c0.4,0.4,0.4,1,0,1.4l-8.5,8.5C4.9,21.4,4.7,21.5,4.4,21.5z"/></svg><svg baseProfile="tiny" version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24" width="24" height="24" style="display: none;"> <title>caret_up</title> <path id="caret_up" d="M21.52,18h-19a1.41,1.41,0,0,1-1-2.43L11,6.42a1.52,1.52,0,0,1,2.1,0l9.51,9.15A1.41,1.41,0,0,1,21.52,18Z"/></svg><svg baseProfile="tiny" version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24" width="24" height="24" style="display: none;"> <title>quest_circle_solid</title> <path id="quest_circle_solid" d="M23,12A11,11,0,1,1,12,1,11,11,0,0,1,23,12ZM12.3,4.64A5.74,5.74,0,0,0,7.13,7.47a.52.52,0,0,0,.12.72L8.79,9.35a.51.51,0,0,0,.73-.09c.8-1,1.34-1.59,2.55-1.59.9,0,2,.58,2,1.46,0,.67-.55,1-1.44,1.51-1,.59-2.42,1.31-2.42,3.13V14a.52.52,0,0,0,.53.53h2.48a.52.52,0,0,0,.53-.53v-.06c0-1.26,3.69-1.31,3.69-4.73C17.46,6.59,14.8,4.64,12.3,4.64Zm-.3,11a2,2,0,1,0,2,2A2,2,0,0,0,12,15.64Z"/></svg><svg baseProfile="tiny" version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24" width="24" height="24" style="display: none;"> <title>clock</title> <path id="clock" d="M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,19.87A8.87,8.87,0,1,1,20.87,12,8.87,8.87,0,0,1,12,20.87Zm2.74-4.63L11,13.5a.53.53,0,0,1-.22-.43V5.79a.53.53,0,0,1,.53-.53h1.42a.53.53,0,0,1,.53.53v6.29l3,2.15a.54.54,0,0,1,.12.75l-.83,1.15a.55.55,0,0,1-.75.11Z"/></svg><link rel="stylesheet" type="text/css" href="https://30940.cloff.ru//html/v2/css/cl_wdt_new.css?v=235"/> <link rel="stylesheet" type="text/css" href="https://30940.cloff.ru//html/v2/css/clh_flex_booking_widget_2.css?v=235" />');
var staticForm183b11c57899a01e5d25871bcc36123a = 1;
var sc = document.createElement('script');
sc.type = 'text/javascript';
sc.src = 'https://30940.cloff.ru/js/wdt.js?v=628';
sc.charset = 'UTF-8';
var hd = document.getElementsByTagName("HEAD");
hd.item(0).appendChild(sc);
var wdiv183b11c57899a01e5d25871bcc36123a = document.createElement('DIV');
wdiv183b11c57899a01e5d25871bcc36123a.id = 'AAA_183b11c57899a01e5d25871bcc36123a';
if(document.body) document.body.appendChild(wdiv183b11c57899a01e5d25871bcc36123a);
else document.head.appendChild(wdiv183b11c57899a01e5d25871bcc36123a);
var scontent183b11c57899a01e5d25871bcc36123a = '<style> /*vars*/ .clh_widget_wrapper, #cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_step1, #cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_step2, #cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_step3, #cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_step4, #cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_step5, #cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_wnd_alert, #cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_gallery, .cl_wdt_183b11c57899a01e5d25871bcc36123a.cl_calendar, .cl_wdt_183b11c57899a01e5d25871bcc36123a.cl_wdt_timecontainer { --basic-bg-clr: rgba(252,255,244,1.00); /* цвет фона первого шага виджета, легенды и футера на следующих шагах */ --input-bg-clr: rgba(255,255,255,1.00); /* цвет фона окошек полей ввода */ --additional-bg-clr: rgba(109,46,41,1.00); /* цвет фона шапки виджета, окошек алертов, детей и кнопки "оставить заявку" */ --buttons-bg-clr: rgba(142,153,69,1.00); /* цвет кнопок, активных иконок и ссылок */ --body-bg-clr: #fefefe; /* цвет фона тела виджета */ --inactive-clr: #d3d3d3; /* цвет неактивных элементов */ --face-txt-clr: rgba(0,0,0,1.00); /* цвет текста на первом шаге */ --header-txt-clr: rgba(255,255,255,1.00); /* цвет текста в шапке */ --btn-txt-clr: rgba(255,255,255,1.00); /* цвет текста в кнопках */ --input-txt-clr: rgba(51,51,51,1.00); /* цвет текста окошек полей ввода */ --txt-clr: black; /* цвет текста в теле виджета на следующих шагах*/ --border-radius: 4px; /* радиус скругления всех углов виджета */ --border-clr: #696969; /* цвет бордеров полей ввода */ --btn-border-clr: transparent; /* цвет бордеров кнопок */ --border: 1px solid; --f-family: Arial, sans-serif; --f-size: 14px !important; --f-size-inpt: 12px !important; --f-weight: 400; --z-index: 99999; --clr-primary: rgba(142,153,69,1.00); /* основной цвет */ --clr-secondary: rgba(109,46,41,1.00); /* дополнительный цвет */ --clr-default: rgba(51,51,51,1.00); /* цвет текста */ --clr-disabled: #d3d3d3; /* цвет неактивных элементов */ --clr-white: #fff; --clr-alpha: transparent; --b-rad: 4px; /* радиус скругления всех углов */ --f-size: 14px !important; --f-small: 12px !important; --f-big: 20px !important; --f-bold: 600; --sp-s: 5px; --sp-m: 10px; --sp-l: 15px; --sp-xl: 30px; } /*END vars*/</style><div id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a" style="display: none;" class="CL_WDT_HOUR"><div id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_wrapper" class="CL_WDT_HOUR clh_widget_wrapper" style="display: none;"></div><!-- FIRST SCREEN --><div id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_step1" class="CL_WDT_HOUR clh_widget"> <!-- Title bar --> <div class="clh_widget_head_line"> <div class="clh_widget_header">Даты поездки и количество гостей</div> <div class="clh_widget_legend_line"> <div id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_step1_legend" class="clh_widget_legend">legend</div> </div> <div id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_close1" class="clh_widget_close_x">×</div> </div> <!-- //Title bar --> <div id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_user_form" class="clh_widget_body"> <div class="clh_widget_block clh_widget_grow"> <div id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_div_start" class="clh_widget_block_inner clh_widget_grow"> <label class="clh_date_label">Заезд:</label> <input id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_dtstart" class="clh_widget_input chekin_date" type="text" size="10" name="chekin_date_start"> <svg baseProfile="tiny" version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 26 26" id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_dtstart_button" title="Выбрать дату заезда" width="26" height="26" class="clh_widget_date_btn"><use xlink:href="#calend" class="clh_widget_svg_icon"/></svg> </div> <div id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_div_hstart" class="clh_widget_block_inner clh_widget_grow" style="display: none;"> <label class="clh_date_label">Дата:</label> <input id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_dth" class="clh_widget_input chekin_date" type="text" size="10" name=""> <svg baseProfile="tiny" version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 26 26" id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_dth_button" title="Выбрать дату" width="26" height="26" class="clh_widget_date_btn"><use xlink:href="#calend" class="clh_widget_svg_icon"/></svg> </div> <div id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_div_end" class="clh_widget_block_inner clh_widget_grow"> <label class="clh_date_label">Выезд:</label> <input id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_dtend" class="clh_widget_input chekout_date" type="text" size="10" name="chekout_date_end"> <svg baseProfile="tiny" version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 26 26" id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_dtend_button" title="Выбрать дату отъезда" width="26" height="26" class="clh_widget_date_btn"><use xlink:href="#calend" class="clh_widget_svg_icon"/></svg> </div> <div id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_div_time" class="clh_widget_block_inner clh_widget_grow" style="display: none; flex-wrap: nowrap;"> <label class="clh_date_label">Время:</label> <input title="Выберите время" id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_time" class="clh_widget_input chekout_date" type="text" size="10" readonly> <input title="Выберите время" id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_time_select" class="clh_widget_input chekout_date" type="text" size="10" readonly style="display:none"> <svg baseProfile="tiny" version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 26 26" id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_time_button" title="Выбрать время" width="26" height="26" class="clh_widget_date_btn"><use xlink:href="#clock" class="clh_widget_svg_icon"/></svg> </div> <div class="clh_widget_bed" id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_div_bed"> <span>Кровать: </span> <input id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_bedtype" name="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_bedtype" class="clh_bed_type" type="checkbox"> <label for="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_bedtype"> <svg baseProfile="tiny" version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 30 21" width="30" height="21" class="clh_widget_bed_btn"> <use id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_bedtype_icon" xlink:href="#bed_two" x="0" y="0" class="clh_widget_svg_icon"/> </svg> </label> </div> </div> <div class="clh_widget_block"> <!-- ADULTS COUNT --> <div class="clh_widget_block_inner" id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_div_adult"> <label>Взрослых: <span id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_adults_span">4</span></label> <input id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_adults" class="clh_widget_input clh_widget_hidden" type="number" name="adult_num"> <div class="clh_widget_guest_counter"> <div id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_adults_del" class="clh_widget_count_btn clh_ripple">-</div> <svg baseProfile="tiny" version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 85 26" id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_adults_cont" width="85" height="26" class="clh_widget_guest_icons"> <use id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_adult_1" xlink:href="#guest" x="0" y="3" class="clh_widget_svg_icon"/> <use id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_adult_2" xlink:href="#guest" x="20" y="3" class="clh_widget_svg_icon"/> <use id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_adult_3" xlink:href="#guest" x="40" y="3" class="clh_widget_svg_icon"/> <use id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_adult_4" xlink:href="#guest" x="60" y="3" class="clh_widget_svg_icon"/> </svg> <div id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_adults_add" class="clh_widget_count_btn clh_widget_inactive clh_ripple">+</div> </div> <select id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_adults_sel" style="display: none;"></select> </div> <!-- // ADULTS COUNT --> <!-- CLIENTS COUNT --> <div class="clh_widget_block_inner ai_center" id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_div_person" style="display: none;"> <label>Посетителей: </label> <div class="clh_widget_guest_counter d_flex ai_center"> <div id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_person_minus" class="clh_widget_count_btn clh_ripple clh_widget_inactive">-</div> <input id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_person" class="clh_widget_input" type="number" value="1"> <div id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_person_plus" class="clh_widget_count_btn clh_ripple">+</div> </div> </div> <!-- // CLIENTS COUNT --> <!-- CHILD COUNT --> <div class="clh_widget_block_inner" id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_div_child"> <label>Детей: <span id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_childs_span">1</span></label> <input id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_childs" class="clh_widget_input clh_widget_hidden" type="number" name="child_num"> <div class="clh_widget_guest_counter"> <div id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_childs_del" class="clh_widget_count_btn clh_ripple">-</div> <svg baseProfile="tiny" version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 85 26" id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_childs_cont" width="85" height="26" class="clh_widget_guest_icons"> <use id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_child_1" xlink:href="#guest" x="0" y="3" class="clh_widget_svg_icon"/> <use id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_child_2" xlink:href="#guest" x="20" y="3" class="clh_widget_svg_icon clh_widget_inactive"/> <use id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_child_3" xlink:href="#guest" x="40" y="3" class="clh_widget_svg_icon clh_widget_inactive"/> <use id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_child_4" xlink:href="#guest" x="60" y="3" class="clh_widget_svg_icon clh_widget_inactive"/> </svg> <div id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_childs_add" class="clh_widget_count_btn clh_ripple">+</div> </div> <select id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_childs_sel" style="display: none;"></select> </div> <!-- // CHILD COUNT --> <!-- CHILD AGES --> <div id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_childs_line" class="clh_widget_block_inner clh_widget_children_age" style="display: none;"> <div class="clh_widget_select_hldr"> <select id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_sel_1" class="clh_widget_input"></select> <select id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_sel_2" class="clh_widget_input clh_widget_inactive" disabled="disabled"></select> <select id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_sel_3" class="clh_widget_input clh_widget_inactive" disabled="disabled"></select> <select id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_sel_4" class="clh_widget_input clh_widget_inactive" disabled="disabled"></select> </div> </div> <!-- // CHILD AGES --> </div> <div id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_button" class="clh_widget_btn clh_widget_fwd_btn clh_ripple"> <svg baseProfile="tiny" version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24" width="24" height="24" class=""> <use xlink:href="#chevron_right_w" class=""/> </svg> <span>Забронировать баню</span> </div> </div> <div class="clh_widget_footer"> <div class="clh_widget_addline" id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_rights"> <span>Разработано</span> <script>var cl_link="https://www.cloff.ru/";</script> <span class="cl_link" onclick="window.open(cl_link);"> <svg baseProfile="tiny" version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 56 16" width="56" height="16"> <use xlink:href="#CLOFF_logo_ext" class="clh_widget_svg_icon"/> </svg> </span> </div> <span class="clh_auth_link" id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_lc_button">Личный кабинет</span> </div></div><!-- // FIRST SCREEN --><!-- VARIANTS LIST --><div id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_step2" class="CL_WDT_HOUR clh_widget_wrapper" style="display: none;"> <div id="clh_step_2" class="clh_widget clh_window"> <div class="clh_widget_head_line"> <div class="clh_widget_header">Выберите вариант проживания</div> <div class="clh_widget_legend_line"> <div id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_close2" class="clh_widget_close_x">×</div> </div> </div> <div class="clh_widget_choise"> <div> <b>Ваш выбор:</b> <span id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_step2_legend">4 взрослых, 1 ребёнок, c 30.04.2019 по 09.05.2019</span> </div> <div> <div id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_step2_back" class="clh_widget_booking_btn clh_ripple">Изменить условия</div> <div id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_step2_promo" class="clh_widget_promocode"><!-- Скидка по промокоду --> <input id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_step2_promo_input" type="text" class="clh_widget_input" size="15" placeholder="Введите промокод"> <div id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_step2_promo_button" class="clh_widget_btn clh_ripple">ok</div> </div> </div> </div> <div id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_step2_list" class="clh_widget_book_var_list"></div> <div id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_step2_sum" class="hide clh_widget_choise"> <div style="min-width: 440px;text-align: right;"> <b>Выбрано:</b> <span id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_step2_legend2">0 объект(-ов) на сумму 0 р.</span> </div> <div> <div id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_step2_book" class="clh_widget_booking_btn clh_ripple">Бронировать</div> </div> </div> <div class="clh_widget_footer"> <div class="clh_widget_addline" id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_rights2"> <span>Разработано</span> <span class="cl_link" onclick="window.open(cl_link);"> <svg baseProfile="tiny" version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 56 16" width="56" height="16"> <use xlink:href="#CLOFF_logo_ext" class="clh_widget_svg_icon"/> </svg> </span> </div> </div> </div> <!-- END clh_step_2 --></div><!-- // VARIANTS LIST --><!-- OPTIONS/SERVICES LIST --><div id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_step3" class="CL_WDT_HOUR clh_widget_wrapper" style="display: none;"> <!-- clh_step_3 --> <div id="clh_step_3" class="clh_widget clh_window" > <div class="clh_widget_head_line"> <div class="clh_widget_header">Выберите дополнительные опции</div> <div class="clh_widget_legend_line"> <div class="clh_widget_close_x" id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_close3">×</div> </div> </div> <div class="clh_widget_choise"> <div> <b>Ваш выбор:</b> <span id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_step3_legend">4 взрослых, 1 ребёнок, c 30.04.2019 по 09.05.2019</span> </div> <div id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_step3_promo" style="display: none;">Скидка по промокоду <input type="text" class="clh_widget_input" size="15" placeholder="Введите промокод"></div> </div> <div class="d_flex fx_column"> <div class="clh_service_list"> <div class="clh_service_list_header clh_service_list_header_active" id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_service_label" >Услуги</div> <div class="clh_service_list_header" id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_option_label" >Дополнительно</div> </div> <div class="clh_service_list"> <div class="clh_service_tab" id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_service_list"></div> <div class="clh_service_tab clh_mob_hide" id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_option_list"></div> </div> </div> <div class="clh_widget_summary_holder"> <div class="clh_widget_btn clh_outline clh_ripple" id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_back3_button">Назад</div> <div class="clh_widget_summary"> <div class="" style="display: none;">Промокод: <input type="text" class="clh_widget_input" placeholder="Введите промокод"></div> <div class="">ИТОГО: <span id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_total3">100500 р.</span></div> </div> <div class="clh_widget_btn clh_ripple" id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_next3_button">Бронировать</div> </div> <div class="clh_widget_footer"> <div class="clh_widget_addline" id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_rights3"> <span>Разработано</span> <span class="cl_link" onclick="window.open(cl_link);"> <svg baseProfile="tiny" version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 56 16" width="56" height="16"> <use xlink:href="#CLOFF_logo_ext" class="clh_widget_svg_icon"/> </svg> </span> </div> </div> </div><!-- END clh_step_3 --></div><!-- END OPTIONS/SERVICES LIST --><!-- ORDER FORM --><div id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_step4" class="CL_WDT_HOUR clh_widget_wrapper" style="display:none"> <!-- clh_step_4 --> <div id="clh_step_4" class="clh_widget clh_window"> <div class="clh_widget_head_line"> <div class="clh_widget_header">Заполните ваши данные</div> <div class="clh_widget_legend_line"><div class="clh_widget_close_x" id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_close4">×</div></div> </div> <div class="clh_widget_choise"> <div><b>Ваш выбор:</b> <span id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_step4_legend">4 взрослых, 1 ребёнок, c 30.04.2019 по 09.05.2019</span></div> <div style="display:none">Скидка по промокоду<input type="text" class="clh_widget_input" size="15" placeholder="Введите промокод"></div> </div> <form id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_order_form" action="" class="clh_bookingform"> <div class="clh_formholder"> <div class="clh_formcolumn"> <div class="clh_formgroup"> <label for="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_name2">Фамилия:</label> <input id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_name2" type="text" class="clh_widget_input" tabindex="1"> </div> <div class="clh_formgroup"> <label for="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_name1">Имя:</label> <input id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_name1" type="text" class="clh_widget_input" tabindex="2"> </div> <div class="clh_formgroup"> <label for="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_name3">Отчество:</label> <input id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_name3" type="text" class="clh_widget_input" tabindex="3"> </div> </div> <div class="clh_formcolumn"> <div class="clh_formgroup"> <label for="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_phone">Телефон:</label> <input id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_phone" type="tel" class="clh_widget_input" tabindex="4" placeholder="89991112233"> </div> <div class="clh_formgroup"> <label for="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_email">E-mail:</label> <input id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_email" type="email" class="clh_widget_input" tabindex="5"> </div> <div class="clh_formgroup"> <label for="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_city">Город:</label> <input id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_city" type="text" class="clh_widget_input" tabindex="6"> </div> </div> </div> <textarea id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_comment" name="clh_booking_comment" class="clh_booking_comment" cols="30" rows="10" placeholder="Комментарий"></textarea> <div class="clh_pers_data_policy"> <input id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_agree" type="checkbox" required="required" checked="checked"> <label for="clh_pers_policy" class="cl_wdt_d_inline_flex cl_wdt_fx_wrap cl_wdt_label"> <div class="cl_wdt_mr_s">Я согласен с условиями</div> <div class="cl_wdt_txt_primary cl_wdt_c_pointer" id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_agree_link" target="_blank" href="/personalinfo.html">политики обработки персональных данных</div> </label> </div> <div class="clh_widget_summary_holder"> <div type="button" id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_back4_button" class="clh_widget_btn clh_outline clh_ripple">Назад</div> <div class="clh_widget_summary"> <div class="">ИТОГО: <span id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_total4">100500 р.</span></div> </div> <button type="submit" class="clh_widget_btn clh_ripple" id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_next4_button">Бронировать</button> </div> </form> <div class="clh_widget_footer"> <div class="clh_widget_addline" id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_rights4"> <span>Разработано</span> <span class="cl_link" onclick="window.open(cl_link);"> <svg baseProfile="tiny" version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 56 16" width="56" height="16"> <use xlink:href="#CLOFF_logo_ext" class="clh_widget_svg_icon"/> </svg> </span> </div> </div> </div> <!-- END clh_step_4 --></div><!-- END ORDER FORM --><!-- SUCCESS SCREEN --><div id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_step5" class="CL_WDT_HOUR clh_widget_wrapper" style="display:none"> <!-- clh_step_5 --> <div id="clh_step_5" class="clh_widget clh_window"> <div class="clh_widget_head_line"> <div class="clh_widget_header">Спасибо за ваше бронирование</div> <div class="clh_widget_legend_line"> <div class="clh_widget_close_x" id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_close5" >×</div> </div> </div> <div class="clh_confirmation"> <p class="clh_large_txt"><b>Спасибо за ваш заказ!</b></p> <p>На указанные вами контакты отправлены сообщения о заказе. В ближайшее время наш сотрудник свяжется с вами для уточнения деталей заказа</p> <p><b>Номер вашего бронирования: <span id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_step5_bookingid">1124</span></b></p> <span id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_step5_booking_descr"> <p><b>Детали бронирования:</b> <span>4 взрослых, 1 ребёнок, c 30.04.2019 по 09.05.2019</span></p> <p><b>Номер:</b> Двухместный за 5400 р.</p> <p><b>Услуги:</b></p> <ul> <li>Уборка номера - <span>1250 р.</span></li> <li>Завтрак - <span>50 р.</span></li> </ul> <p><b>Дополнительно:</b></p> <ul> <li>Детская кроватка - <span>1000 р.</span></li> <li>Сэйф - <span>350 р.</span></li> <li>Обед - <span>150 р.</span></li> </ul> <p class="clh_large_txt"><b>Сумма: <span id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_total5">35900 р.</span></b></p> </span> <div id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_step5_pay" style="display:none; max-width:150px;margin-top:30px"> <a class="clh_widget_btn clh_ripple" id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_step5_pay_lnk">Оплатить</a> </div> </div> <div class="clh_widget_footer"> <div class="clh_widget_addline" id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_rights5"> <span>Разработано</span> <span class="cl_link" onclick="window.open(cl_link);"> <svg baseProfile="tiny" version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 56 16" width="56" height="16"> <use xlink:href="#CLOFF_logo_ext" class="clh_widget_svg_icon"/> </svg> </span> </div> </div> </div> <!-- END clh_step_5 --></div><!-- END SUCCESS SCREEN --><!-- ALERT --><div id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_wnd_alert" class="CL_WDT_HOUR clh_widget_wrapper" style="z-index: calc(var(--z-index) + 7); display: none;"> <div class="clh_widget_block_alert clh_widget clh_window" style="max-width: 300px;"> <div class="clh_widget_head_line"> <div class="clh_widget_header">Внимание!</div> <div id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_wnd_alert_close_x" class="clh_widget_close_x">×</div> </div> <div class="clh_widget_body"> <div id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_wnd_alert_msg" class="clh_widget_block_alert_body">Внимание!</div> </div> <div class="clh_widget_footer"> <div id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_wnd_alert_close" class="clh_widget_btn clh_ripple fx_grow_1">Ok</div> </div> </div></div><!-- // ALERT --><!-- VARIANTS ITEMS --><svg baseProfile="tiny" version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 21 26" id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_var_man_tpl" width="21" height="26" class="clh_widget_guest_icons"><use xlink:href="#guest" x="0" y="3" class="clh_widget_svg_icon"/></svg><span id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_man_plus_tpl" class="clh_widget_plus">+</span><!-- ROOM --><div id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_room_tpl" class="clh_room_var"> <div id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_var_VARID_room_ROOMID_img" class="clh_room_pic_preview pic_mid" style="display:none;"></div> <div class="clh_room_offer_var_descr"> <div id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_var_VARID_room_ROOMID_info" class="clh_room_info">2-х местный без балкона</div> <div id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_var_VARID_room_ROOMID_bads" class="clh_visual_guest_num"></div> <div id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_var_VARID_room_ROOMID_amount" class="clh_visual_guest_amount" style="display:none;"></div> </div></div><!-- //ROOM --><!-- TARIFF --><div id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_tariff_tpl" class="clh_room_offer_var"> <span class="clh_tarif_descr" style="display: none;" title="Lorem ipsum dolor sit amet, consectetur adipisicing elit. Praesentium unde iusto in, deleniti dolore minus explicabo ipsa, nostrum possimus libero ipsum quia sit nihil amet laboriosam delectus rerum quasi assumenda.">?</span> <div id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_var_VARID_tariff_TARIFFID_name" class="clh_room_offer">Длительный срок</div> <div class="clh_room_sum">Итого: <span class="clh_old_room_price">100500 р.</span> <b><span id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_var_VARID_tariff_TARIFFID_total">2 номера за 11900 р.</span></b></div> <div id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_var_VARID_tariff_TARIFFID_button" class="clh_widget_booking_btn clh_ripple">Бронировать</div></div><!-- //TARIFF --><!-- VAR --><div id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_VAR_TPL" class="clh_widget_book_var"> <div id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_var_VARID_rooms" class="clh_room_var_list"></div> <div id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_var_VARID_tariffs" class="clh_room_book"></div></div><!-- END VAR --><!-- CORPUS NAME --><div class="clh_widget_book_var"> <div class="clh_corp_name"> <svg baseProfile="tiny" version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 26 26" width="26" height="26" class="rotate"> <use xlink:href="#caret_up" class="clh_widget_svg_icon"/> </svg> <b><span>Название корпуса</span></b> </div> <div class="clh_corp_descr"><span>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Praesentium unde iusto in, deleniti dolore minus explicabo ipsa, nostrum possimus libero ipsum quia sit nihil amet laboriosam delectus rerum quasi assumenda.</span></div></div><!-- end CORPUS NAME --><!-- // VARIANTS ITEMS --><div id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_tpl_place"></div><!-- SERVICES --><div class="clh_service_list_item" id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_service_tpl"> <label for="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_SONAME_SRVID_chb" title="Дополнительная кровать для сна и утех"> <input type="checkbox" hidden="hidden" id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_SONAME_SRVID_chb"> <span class="clh_pseudo_checkbox"></span> <span id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_SONAME_SRVID_name">Дополнительная кровать для сна и утех</span> </label> <input type="number" class="clh_widget_input" step="1" min="0" max="50" id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_SONAME_SRVID_count"> <span class="clh_servise_price" id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_SONAME_SRVID_amount">1850</span></div><!-- // SERVICES --><!-- GALLERY --><div id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_gallery" class="clh_widget clh_gallery_wraper" style="display: none;"> <div class="clh_widget_head_line"><div id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_gallery_photo_close" class="clh_widget_close_x">×</div></div> <div class="clh_gallery_window"> <div id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_gallery_photo_prev" class="clh_control clh_control_left"> <svg baseProfile="tiny" version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 26 26" width="26" height="26"> <use xlink:href="#chevron_left" class="clh_widget_svg_icon"/> </svg> </div> <div class="clh_gallery_view" id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_gallery_photo_current"> <div class="clh_gallery_pic" style=""></div> </div> <div id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_gallery_photo_next" class="clh_control clh_control_right"> <svg baseProfile="tiny" version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 26 26" width="26" height="26"> <use xlink:href="#chevron_right" class="clh_widget_svg_icon"/> </svg> </div> <div id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_gallery_photo_storage" style="width: 1px; height: 1px; visibility: hidden;"></div> </div> <div id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_gallery_photo_description" class="clh_gallery_text"></div></div><!-- END GALLERY --></div><!-- timepicker --><div id="cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a_div_picker" class="CL_WDT_HOUR clh_widget_wrapper" style="z-index: calc(var(--z-index) + 7); display: none;"> <div class="cl_wdt_183b11c57899a01e5d25871bcc36123a cl_wdt_timecontainer"> <div> <span>Выберите начало периода</span> </div> <div class="cl_wdt_col_12 cl_wdt_bg_secondary cl_wdt_txt_bold cl_wdt_py_s"> <div class="cl_wdt_d_flex cl_wdt_jc_between cl_wdt_ai_center"> <span>свободно -</span> <span class="cl_wdt_bg_white cl_wdt_brdr cl_wdt_b_rad cl_wdt_py_m cl_wdt_px_xl"></span></div> <div class="cl_wdt_d_flex cl_wdt_jc_between cl_wdt_ai_center"> <span>недоступно -</span> <span class="cl_wdt_bg_disabled cl_wdt_brdr cl_wdt_b_rad cl_wdt_py_m cl_wdt_px_xl"></span></div> <div class="cl_wdt_d_flex cl_wdt_jc_between cl_wdt_ai_center"> <span>выбрано -</span> <span class="cl_wdt_bg_primary cl_wdt_brdr cl_wdt_b_rad cl_wdt_py_m cl_wdt_px_xl"></span></div> </div> <div class="cl_timepicker"> <input type="checkbox" hidden id="00:00"><label for="00:00">00:00</label> <input type="checkbox" hidden id="01:00"><label for="01:00">01:00</label> <input type="checkbox" hidden id="02:00"><label for="02:00">02:00</label> <input type="checkbox" hidden id="03:00"><label for="03:00">03:00</label> <input type="checkbox" hidden id="04:00"><label for="04:00">04:00</label> <input type="checkbox" hidden id="05:00"><label for="05:00">05:00</label> <input type="checkbox" hidden id="06:00"><label for="06:00">06:00</label> <input type="checkbox" hidden id="07:00"><label for="07:00">07:00</label> <input type="checkbox" hidden id="08:00"><label for="08:00">08:00</label> <input type="checkbox" hidden id="09:00"><label for="09:00">09:00</label> <input type="checkbox" hidden disabled id="10:00"><label for="10:00">10:00</label> <input type="checkbox" hidden id="11:00"><label for="11:00">11:00</label> <input type="checkbox" hidden id="12:00"><label for="12:00">12:00</label> <input type="checkbox" hidden id="13:00"><label for="13:00">13:00</label> <input type="checkbox" hidden id="14:00"><label for="14:00">14:00</label> <input type="checkbox" hidden id="15:00"><label for="15:00">15:00</label> <input type="checkbox" hidden id="16:00"><label for="16:00">16:00</label> <input type="checkbox" hidden id="17:00"><label for="17:00">17:00</label> <input type="checkbox" hidden id="18:00"><label for="18:00">18:00</label> <input type="checkbox" hidden id="19:00"><label for="19:00">19:00</label> <input type="checkbox" hidden id="20:00"><label for="20:00">20:00</label> <input type="checkbox" hidden id="21:00"><label for="21:00">21:00</label> <input type="checkbox" hidden id="22:00"><label for="22:00">22:00</label> <input type="checkbox" hidden id="23:00"><label for="23:00">23:00</label> </div> <div class="cl_wdt_col_12 cl_wdt_py_s cl_wdt_d_flex"> <div class="cl_wdt_btn cl_wdt_fx_grow_1 disabled">подтвердить</div> </div> </div></div><!-- END timepicker --> <svg baseProfile="tiny" version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24" width="24" height="24" style="display: none;"> <title>calend</title> <path id="calend" d="M8.06,5.05H7a.51.51,0,0,1-.5-.51v-3A.51.51,0,0,1,7,1h1.1a.51.51,0,0,1,.5.5v3A.51.51,0,0,1,8.06,5.05Zm9.48-.51v-3A.51.51,0,0,0,17,1h-1.1a.51.51,0,0,0-.5.5v3a.51.51,0,0,0,.5.51H17A.51.51,0,0,0,17.54,4.54ZM23,5.81V20.94A2.1,2.1,0,0,1,20.86,23H3.14A2.1,2.1,0,0,1,1,20.94V5.81A2.1,2.1,0,0,1,3.14,3.75H5.46v.79A1.51,1.51,0,0,0,7,6.05h1.1a1.51,1.51,0,0,0,1.5-1.51V3.75h4.88v.79a1.51,1.51,0,0,0,1.5,1.51H17a1.51,1.51,0,0,0,1.5-1.51V3.75h2.32A2.1,2.1,0,0,1,23,5.81ZM21,7.88H3v12.8a.27.27,0,0,0,.27.26H20.73a.27.27,0,0,0,.27-.26ZM10.79,11.74H9.08a.51.51,0,0,1-.52-.51V9.51A.52.52,0,0,1,9.08,9h1.71a.52.52,0,0,1,.52.52v1.72A.51.51,0,0,1,10.79,11.74Zm4.13,0H13.2a.51.51,0,0,1-.51-.51V9.51A.51.51,0,0,1,13.2,9h1.72a.52.52,0,0,1,.52.52v1.72A.52.52,0,0,1,14.92,11.74Zm-4.13,4.13H9.08a.52.52,0,0,1-.52-.52V13.63a.51.51,0,0,1,.52-.51h1.71a.51.51,0,0,1,.52.51v1.72A.52.52,0,0,1,10.79,15.87Zm-4.12,0H5a.51.51,0,0,1-.51-.52V13.63A.51.51,0,0,1,5,13.12H6.67a.52.52,0,0,1,.52.51v1.72A.52.52,0,0,1,6.67,15.87Zm8.25,0H13.2a.51.51,0,0,1-.51-.52V13.63a.51.51,0,0,1,.51-.51h1.72a.52.52,0,0,1,.52.51v1.72A.52.52,0,0,1,14.92,15.87Zm4.13-4.13H17.33a.51.51,0,0,1-.51-.51V9.51A.51.51,0,0,1,17.33,9h1.72a.52.52,0,0,1,.52.52v1.72A.52.52,0,0,1,19.05,11.74Zm0,4.13H17.33a.51.51,0,0,1-.51-.52V13.63a.51.51,0,0,1,.51-.51h1.72a.52.52,0,0,1,.52.51v1.72A.52.52,0,0,1,19.05,15.87ZM10.79,20H9.08a.52.52,0,0,1-.52-.52V17.76a.51.51,0,0,1,.52-.51h1.71a.51.51,0,0,1,.52.51v1.72A.52.52,0,0,1,10.79,20ZM6.67,20H5a.51.51,0,0,1-.51-.52V17.76A.51.51,0,0,1,5,17.25H6.67a.52.52,0,0,1,.52.51v1.72A.52.52,0,0,1,6.67,20Zm8.25,0H13.2a.51.51,0,0,1-.51-.52V17.76a.51.51,0,0,1,.51-.51h1.72a.52.52,0,0,1,.52.51v1.72A.52.52,0,0,1,14.92,20Zm4.13,0H17.33a.51.51,0,0,1-.51-.52V17.76a.51.51,0,0,1,.51-.51h1.72a.52.52,0,0,1,.52.51v1.72A.52.52,0,0,1,19.05,20Z"/></svg><svg baseProfile="tiny" version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 55.84 16" width="56" height="16" style="display: none;"> <title>CLOFF_logo_ext</title> <path id="CLOFF_logo_ext" d="M38.15,3.41a4.71,4.71,0,1,0,4.7,4.72h0a4.7,4.7,0,0,0-4.7-4.71Zm0,7.35a2.64,2.64,0,1,1,2.63-2.64h0a2.64,2.64,0,0,1-2.63,2.64Zm-12.25,0v2.07h0a4.71,4.71,0,0,1,0-9.42h0V5.48h0a2.64,2.64,0,1,0-.2,5.28Zm6.77,0v2.07h0A4.71,4.71,0,0,1,28,8.19h0V3.49H30v4.7h0a2.65,2.65,0,0,0,2.64,2.61ZM49.61,3.47V5.54h0A2.64,2.64,0,0,0,47,8.13h1.81v2.08H47v2.65H44.91V10.21h0V8.13h0a4.71,4.71,0,0,1,4.7-4.66Zm6.23,0V5.54h0A2.64,2.64,0,0,0,53.2,8.13H55v2.08H53.23v2.65H51.15V8.19h0v0h0A4.71,4.71,0,0,1,55.84,3.47Zm-42.59,6L14.7,8.05h0A4.7,4.7,0,0,1,8.05,14.7h0l1.46-1.45h0a2.66,2.66,0,0,0,3.07.48,1.35,1.35,0,1,1,1.15-1.54,2.54,2.54,0,0,1,0,.39A2.66,2.66,0,0,0,13.25,9.51ZM8,1.38H8L6.57,2.84h0a2.64,2.64,0,0,0-3.08-.48A1.35,1.35,0,1,1,2.38,3.91a1,1,0,0,1,0-.43,2.63,2.63,0,0,0,.48,3.08h0L1.38,8h0A4.7,4.7,0,0,1,8,1.38ZM9.52,2.84,8.05,1.38h0A4.7,4.7,0,0,1,14.7,8h0L13.25,6.57h0a2.64,2.64,0,0,0,.48-3.07,1.35,1.35,0,1,1-2.67.38A1.34,1.34,0,0,1,12.2,2.36a1.21,1.21,0,0,1,.38,0,2.64,2.64,0,0,0-3.07.48ZM1.38,8.05h0L2.84,9.51h0a2.64,2.64,0,0,0-.48,3.08,1.36,1.36,0,1,1,1.56,1.12,1.62,1.62,0,0,1-.44,0,2.63,2.63,0,0,0,3.08-.48h0L8,14.69H8A4.7,4.7,0,0,1,1.38,8.05Z"/></svg><svg baseProfile="tiny" version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24" width="24" height="24" style="display: none;"> <title>guest</title> <path id="guest" d="M12,12A4.75,4.75,0,1,0,7.25,7.25,4.75,4.75,0,0,0,12,12Zm3.33,1.19h-.62a6.52,6.52,0,0,1-5.42,0H8.68a5,5,0,0,0-5,5v1.55A1.78,1.78,0,0,0,5.47,21.5H18.53a1.78,1.78,0,0,0,1.78-1.78V18.17A5,5,0,0,0,15.33,13.19Z"/></svg><svg baseProfile="tiny" version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 30 21" width="30" height="21" style="display: none;"> <title>bed_double</title> <path id="bed_double" d="M29.24,15.82V21H26.65V18.41H3.35V21H.76V15.82ZM25.35,9.35H4.65A3.89,3.89,0,0,0,.76,13.24v1.29H29.24V13.24A3.89,3.89,0,0,0,25.35,9.35ZM17.59,1H12.41c-5,0-9.06,2.06-9.06,7.06h1.3c0-1.43,2-2.59,4.53-2.59s4.53,1.16,4.53,2.59h2.58c0-1.43,2-2.59,4.53-2.59s4.53,1.16,4.53,2.59h1.3C26.65,3.06,22.59,1,17.59,1Z"/></svg><svg baseProfile="tiny" version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 30 21" width="30" height="21" style="display: none;"> <title>bed_two</title> <path id="bed_two" d="M29.24,15.82V21H26.65V18.41H18.88V21H16.29V15.82h13Zm-3-6.47H19.29a3,3,0,0,0-3,3v2.18h13V12.35A3,3,0,0,0,26.24,9.35ZM22.76,1.59a5.18,5.18,0,0,0-5.17,5.17v1.3h1.29c0-1.43,1.74-2.59,3.88-2.59s3.89,1.16,3.89,2.59h1.29V6.76A5.18,5.18,0,0,0,22.76,1.59ZM11.12,15.82H.76V21H3.35V18.41h7.77V21h2.59V15.82Zm-.41-6.47h-7a3,3,0,0,0-3,3v2.18h13V12.35A3,3,0,0,0,10.71,9.35ZM7.24,1.59A5.18,5.18,0,0,0,2.06,6.76v1.3H3.35c0-1.43,1.74-2.59,3.89-2.59s3.88,1.16,3.88,2.59h1.29V6.76A5.18,5.18,0,0,0,7.24,1.59Z"/></svg><svg baseProfile="tiny" version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24" width="24" height="24" style="display: none;"> <title>chevron_left</title> <path id="chevron_left" d="M5.68,11.15l9.79-9.8a1.21,1.21,0,0,1,1.71,0L18.32,2.5a1.2,1.2,0,0,1,0,1.7L10.56,12l7.76,7.8a1.2,1.2,0,0,1,0,1.7l-1.14,1.15a1.21,1.21,0,0,1-1.71,0l-9.79-9.8A1.2,1.2,0,0,1,5.68,11.15Z"/></svg><svg baseProfile="tiny" version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24" width="24" height="24" style="display: none;"> <title>chevron_right</title> <path id="chevron_right" d="M18.32,12.85l-9.79,9.8a1.21,1.21,0,0,1-1.71,0L5.68,21.5a1.2,1.2,0,0,1,0-1.7L13.44,12,5.68,4.2a1.2,1.2,0,0,1,0-1.7L6.82,1.35a1.21,1.21,0,0,1,1.71,0l9.79,9.8A1.2,1.2,0,0,1,18.32,12.85Z"/></svg><svg baseProfile="tiny" version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24" width="24" height="24" style="display: none;"> <title>chevron_right_w</title> <path id="chevron_right_w" d="M12.7,21.5C12.7,21.5,12.7,21.5,12.7,21.5c-0.3,0-0.5-0.1-0.7-0.3l-0.8-0.8c-0.2-0.2-0.3-0.4-0.3-0.7c0-0.3,0.1-0.5,0.3-0.7l7-7l-7-7c-0.2-0.2-0.3-0.4-0.3-0.7c0-0.3,0.1-0.5,0.3-0.7L12,2.8c0.4-0.4,1-0.4,1.4,0l8.5,8.5c0.4,0.4,0.4,1,0,1.4l-8.5,8.5C13.2,21.4,12.9,21.5,12.7,21.5z M4.4,21.5L4.4,21.5c-0.3,0-0.5-0.1-0.7-0.3l-0.8-0.8c-0.2-0.2-0.3-0.4-0.3-0.7c0-0.3,0.1-0.5,0.3-0.7l7-7l-7-7c-0.4-0.4-0.4-1,0-1.4l0.8-0.8c0.4-0.4,1-0.4,1.4,0l8.5,8.5c0.4,0.4,0.4,1,0,1.4l-8.5,8.5C4.9,21.4,4.7,21.5,4.4,21.5z"/></svg><svg baseProfile="tiny" version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24" width="24" height="24" style="display: none;"> <title>caret_up</title> <path id="caret_up" d="M21.52,18h-19a1.41,1.41,0,0,1-1-2.43L11,6.42a1.52,1.52,0,0,1,2.1,0l9.51,9.15A1.41,1.41,0,0,1,21.52,18Z"/></svg><svg baseProfile="tiny" version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24" width="24" height="24" style="display: none;"> <title>quest_circle_solid</title> <path id="quest_circle_solid" d="M23,12A11,11,0,1,1,12,1,11,11,0,0,1,23,12ZM12.3,4.64A5.74,5.74,0,0,0,7.13,7.47a.52.52,0,0,0,.12.72L8.79,9.35a.51.51,0,0,0,.73-.09c.8-1,1.34-1.59,2.55-1.59.9,0,2,.58,2,1.46,0,.67-.55,1-1.44,1.51-1,.59-2.42,1.31-2.42,3.13V14a.52.52,0,0,0,.53.53h2.48a.52.52,0,0,0,.53-.53v-.06c0-1.26,3.69-1.31,3.69-4.73C17.46,6.59,14.8,4.64,12.3,4.64Zm-.3,11a2,2,0,1,0,2,2A2,2,0,0,0,12,15.64Z"/></svg><svg baseProfile="tiny" version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24" width="24" height="24" style="display: none;"> <title>clock</title> <path id="clock" d="M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,19.87A8.87,8.87,0,1,1,20.87,12,8.87,8.87,0,0,1,12,20.87Zm2.74-4.63L11,13.5a.53.53,0,0,1-.22-.43V5.79a.53.53,0,0,1,.53-.53h1.42a.53.53,0,0,1,.53.53v6.29l3,2.15a.54.54,0,0,1,.12.75l-.83,1.15a.55.55,0,0,1-.75.11Z"/></svg><link rel="stylesheet" type="text/css" href="https://30940.cloff.ru//html/v2/css/cl_wdt_new.css?v=235"/> <link rel="stylesheet" type="text/css" href="https://30940.cloff.ru//html/v2/css/clh_flex_booking_widget_2.css?v=235" />';//document.getElementById('cl_hotel_booking_widget_183b11c57899a01e5d25871bcc36123a').innerHTML;
wdiv183b11c57899a01e5d25871bcc36123a.innerHTML = scontent183b11c57899a01e5d25871bcc36123a;
var clW_183b11c57899a01e5d25871bcc36123a;
sc.onload = function(){
clW_183b11c57899a01e5d25871bcc36123a = new jcClWidgetBooking183b11c57899a01e5d25871bcc36123a({ hash:'183b11c57899a01e5d25871bcc36123a', wid:4322, content:scontent183b11c57899a01e5d25871bcc36123a, host:'https://30940.cloff.ru/', staticForm: staticForm183b11c57899a01e5d25871bcc36123a, vercss: 628 });
}