/**
 * $.disablescroll
 * Author: Josh Harrison - aloof.co
 *
 * Disables scroll events from mousewheels, touchmoves and keypresses.
 * Use while jQuery is animating the scroll position for a guaranteed super-smooth ride!
 */

;(function($) {

    "use strict";

    var instance, proto;

    function UserScrollDisabler($container, options) {
        // spacebar: 32, pageup: 33, pagedown: 34, end: 35, home: 36
        // left: 37, up: 38, right: 39, down: 40
        this.opts = $.extend({
            handleWheel : true,
            handleScrollbar: true,
            handleKeys : true,
            scrollEventKeys : [/*32, */33, 34, 35, 36, 37, 38, 39, 40]
        }, options);

        this.$container = $container;
        this.$document = $(document);
        this.lockToScrollPos = [0, 0];

        this.disable();
    }

    proto = UserScrollDisabler.prototype;

    proto.disable = function() {
        var t = this;

        if(t.opts.handleWheel) {
            t.$container.on(
                "mousewheel.disablescroll DOMMouseScroll.disablescroll touchmove.disablescroll",
                t._handleWheel
            );
        }

        if(t.opts.handleScrollbar) {
            t.lockToScrollPos = [
                t.$container.scrollLeft(),
                t.$container.scrollTop()
            ];
            t.$container.on("scroll.disablescroll", function() {
                t._handleScrollbar.call(t);
            });
        }

        if(t.opts.handleKeys) {
            t.$document.on("keydown.disablescroll", function(event) {
                t._handleKeydown.call(t, event);
            });
        }
    };

    proto.undo = function() {
        var t = this;
        t.$container.off(".disablescroll");
        if(t.opts.handleKeys) {
            t.$document.off(".disablescroll");
        }
    };

    proto._handleWheel = function(event) {
        event.preventDefault();
    };

    proto._handleScrollbar = function() {
        this.$container.scrollLeft(this.lockToScrollPos[0]);
        this.$container.scrollTop(this.lockToScrollPos[1]);
    };

    proto._handleKeydown = function(event) {
        for (var i = 0; i < this.opts.scrollEventKeys.length; i++) {
            if (event.keyCode === this.opts.scrollEventKeys[i]) {
                event.preventDefault();
                return;
            }
        }
    };


    // Plugin wrapper for object
    $.fn.disablescroll = function(method) {

        // If calling for the first time, instantiate the object and save
        // reference. The plugin can therefore only be instantiated once per
        // page. You can pass options object in through the method parameter.
        if( ! instance && (typeof method === "object" || ! method)) {
            instance = new UserScrollDisabler(this, method);
        }

        // Instance created, no method specified. Call disable again
        if(instance && typeof method === "undefined") {
            instance.disable();
        }

        // Instance already created, and a method is being explicitly called,
        // e.g. .disablescroll('undo');
        else if(instance && instance[method]) {
            instance[method].call(instance);
        }

        return this;

    };

    // Global access
    window.UserScrollDisabler = UserScrollDisabler;

})(jQuery);

const chatColor = "#4183E4";
const errorColor = "#EB5757";
const validColor = "#27AE60";
var shChat= {
	host:    '//chat.simple-hub.info/chat.php',
	 domen: 	'//chat.simple-hub.info/',
	 chat_token: '',
	 token:      '',
	 intervalID: '',
	 oldContent: '',
	 interval:   5000,

	 init: function(param){
	 	shChat.initBchat();
	 	if(!window.jQuery){
	 		alert('Error: jQuery not found.');
	 		return;
	 	}
	 	else{
	 		this.token = param.token;
	 		if(this.chat_token== ''){
	 			this.InitForm();

	 		} else {
	 			this.initMessageArea();
	 		}
	 	}
	 },

	 setAttributes: function (el, attr) {
	 	for (let key in attr) {
	 		el.setAttribute(key, attr[key]);
	 	}
	 },

	 getCurrentTime: function () {
	 	return new Date().toTimeString().replace(/ .*/, "");
	 },

	 /****************   INIT CHAT   *****************/

	 initBchat: function () {
	 	let body = document.getElementsByTagName("body")[0];
	 	let div = document.createElement("div");
	 	let main = document.createElement("div");
	 	let head = document.getElementsByTagName("head")[0];
	 	let style = document.createElement("link");
	 	shChat.setAttributes(style, {
	 		rel: "stylesheet",
	 		type: "text/css",
	 		href: shChat.domen + "/theme/pub/view/css/b-chat_shub.css?1719904524"
	 	});
	 	style.setAttribute('type','text/css');
	 	head.appendChild(style);
	 	main.className = "bc-main";
	 	main.id = "bcChat-main";
	 	Object.assign(main.style, {
	 		position: "relative",
	 		zIndex: "99999999"
	 	});
	 	div.id = "bcChat";
	 	body.appendChild(div);
	 	div.appendChild(main);

	 	let sticker = document.createElement("div");
	 	sticker.className = "bc-main__sticker";
	 	sticker.style.backgroundColor = chatColor;
	 	main.appendChild(sticker);
	 	$(document).ready(function(){
	 		setTimeout(function(){
	 			if($(document).width() >=768)
	 				$(sticker).css('transition','0.5s')
	 		},500)
	 	})


	 	let chatIcon = document.createElement("div");
	 	chatIcon.className = "bc-main__sticker_chat-icon";
	 	sticker.appendChild(chatIcon);

	 	let circleOnline = document.createElement("div");
	 	circleOnline.className = "bc-main__sticker_circle";
	 	sticker.appendChild(circleOnline);

	 	let chatWrapper = document.createElement("div");
	 	chatWrapper.className = "bc-main__wrapper";
	 	$(".bc-main").append(chatWrapper);

	 	let chatContainer = document.createElement("div");
	 	chatContainer.className = "bc-main__wrapper__container";
	 	chatWrapper.appendChild(chatContainer);

	 	$(document).on("click", ".bc-main__sticker__control_close-chat", function () {
	 		if ($(".bc-main__sticker").hasClass("open")) {
	 			shChat.closeBchat();
	 		}
	 	})

	 	/******************* OPEN CHAT ***********************/

	 	
	 	$(".bc-main__sticker").click(function () { 
	 		if (!$(this).hasClass("open")) {
	 			shChat.openBchat();
	 		}
	 	});
	 	

	 	if(!shChat.is_touch_device()){
	 		$('.bc-main__wrapper__container__msg-area').mouseleave(function(){
	 			$('#bcChat').disablescroll();
	 		})
	 		$('#bcChat').mousemove(function(){
	 			$('.bc-main__wrapper__container__msg-area').mousemove(function(){
	 				if($('#bcChat').disablescroll!== undefined) $('#bcChat').disablescroll("undo");
	 				document.onwheel = function(e) {
	 					if (e.target.className != 'bc-main__wrapper__container__msg-area' ) return;
	 					var area = e.target;

	 					var delta = e.deltaY || e.detail || e.wheelDelta;

	 					if (delta < 0 && area.scrollTop == 0) {
	 						e.preventDefault();
	 					}

	 					if (delta > 0 && area.scrollHeight - area.clientHeight - area.scrollTop <= 1) {
	 						e.preventDefault();
	 					}
	 				};
	 			})

				if($('#bcChat').disablescroll!== undefined) $('#bcChat').disablescroll(); //$(this).disablescroll();
	 		})
	 	}
	 },

	 is_touch_device: function () {
  return 'ontouchstart' in window        // works on most browsers 
      || navigator.maxTouchPoints;       // works on IE10/11 and Surface
    },

    openBchat:function(){
    	let chatClose = document.createElement("div");
    	chatClose.className = "bc-main__sticker__control_close-chat";

    	let chatControlElem = document.createElement("div");
    	chatControlElem.className = "bc-main__sticker__control";

    	let chatFullSize = document.createElement("div");
    	chatFullSize.className = "bc-main__sticker__control_fullsize";
    	$(chatFullSize).html(
    		'<svg width="19" height="19" viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.4792 0.706543H12.2835C11.8952 0.706543 11.5804 1.02133 11.5804 1.40967C11.5804 1.798 11.8952 2.11279 12.2835 2.11279H15.7817L10.1454 7.74911C9.8708 8.02372 9.8708 8.4689 10.1454 8.74347C10.42 9.01804 10.8652 9.01808 11.1398 8.74347L16.7761 3.10715V6.6053C16.7761 6.99364 17.0909 7.30843 17.4792 7.30843C17.8675 7.30843 18.1823 6.99364 18.1823 6.6053V1.40967C18.1823 1.02699 17.8713 0.706543 17.4792 0.706543Z" fill="#F7F8F9"/><path d="M8.2193 10.6696C7.9447 10.3951 7.49951 10.395 7.22494 10.6696L1.58862 16.3059V12.8078C1.58862 12.4195 1.27383 12.1047 0.885498 12.1047C0.497162 12.1047 0.182373 12.4195 0.182373 12.8078V18.0034C0.182373 18.3854 0.493611 18.7066 0.885498 18.7066H6.08117C6.46951 18.7066 6.78429 18.3918 6.78429 18.0034C6.78429 17.6151 6.46951 17.3003 6.08117 17.3003H2.58298L8.2193 11.664C8.49391 11.3894 8.49391 10.9442 8.2193 10.6696Z" fill="#F7F8F9"/><defs><clipPath id="clip0"><rect width="18" height="18" fill="white" transform="translate(0.182373 0.706543)"/></clipPath></defs></svg>'
    		);
    	$(".bc-main__sticker").addClass("open");
    	if ($(".bc-main__sticker").hasClass("open")) {
    		$(".bc-main__sticker").append(chatControlElem);
    		$(".bc-main__sticker__control").append(chatFullSize);
    		$(".bc-main__sticker__control").append(chatClose);
    		$(".bc-main__wrapper").addClass("open");
    		if (screen.width < 825) {
    			$(".bc-main__sticker").css("background", chatColor);
    		}
    	}
    	if(screen.width > 825){
    		$('#bc-main__wrapper__container__form_user-name').focus();
    	}


    	if(screen.width <= 450 && !shChat.isLandscape()){
    		document.body.style.top = `-${window.scrollY}px`;
    		document.body.style.position = 'fixed';
    	}
    	// if(screen.width <= 820 && shChat.isLandscape()){
    	// 	document.body.style.top = `-${window.scrollY}px`;
    	// 	document.body.style.position = 'fixed';
    	// }

    },
    isLandscape: function () {
    	return window.orientation === 90 || window.orientation === -90;
    },

    /******** CLOSE CHAT *********/

    closeBchat: function () {
    	$(".bc-main__sticker").removeClass("open");
    	$('.bc-main__sticker__control').remove();
    	$(".bc-main__wrapper").removeClass("open");
    	if (screen.width < 825) {
			// $(".bc-main__sticker").css("background", "initial");
			$(".bc-main__sticker_chat-icon").html("");
		}
		if(screen.width <= 450 && !shChat.isLandscape()){
			const scrollY = document.body.style.top;
			document.body.style.position = '';
			document.body.style.top = '';
			window.scrollTo(0, parseInt(scrollY || '0') * -1);
		}
		// if(screen.width <= 820 && shChat.isLandscape()){
		// 	const scrollY = document.body.style.top;
		// 	document.body.style.position = '';
		// 	document.body.style.top = '';
		// 	window.scrollTo(0, parseInt(scrollY || '0') * -1);
		// }
	},


	/***************  INIT FORM   *******************/

	InitForm: function () {
		let chatGreeting = document.createElement("div");
		chatGreeting.className = "bc-main__wrapper__container_greeting";
		chatGreeting.innerHTML =
		"Hello! We are online! Just write your full name and email below and let`s get started!";

		let form = document.createElement("form");
		let labelName = document.createElement("label");
		let labelEmail = document.createElement("label");
		let inputName = document.createElement("input");
		let inputEmail = document.createElement("input");
		let spanRequired = document.createElement("span");
		let formButton = document.createElement("button");
		let errorLabelName = document.createElement("div");
		let errorLabelEmail = document.createElement("div");

		$(".bc-main__wrapper__container").append(chatGreeting);

		form.id = "formContacts";
		shChat.setAttributes(inputName, {
			type: "text",
			name: "user-name",
			placeholder: "John Smith",
			id: "bc-main__wrapper__container__form_user-name",
			class: "bc-main__wrapper__container__form_input",
			autocomplete:"off"
		});

		shChat.setAttributes(inputEmail, {
			type: "text",
			name: "user-email",
			placeholder: "mymail.mail@mail.com",
			id: "bc-main__wrapper__container__form_user-email",
			class: "bc-main__wrapper__container__form_input",
			autocomplete:"off"
		});

		bttnDisabled= '';
		if(!inputName.value.length || !inputEmail.value.length){
			bttnDisabled= 'disable';
			formButton.disabled= true;
		}

		formButton.setAttribute("type", "submit");
		formButton.className = "bc-main__wrapper__container__form_button "+ bttnDisabled;
		errorLabelName.className = "bc-error";
		errorLabelEmail.className = "bc-error";

		labelName.innerHTML = "Full name";
		labelEmail.innerHTML = "Email";
		spanRequired.innerHTML = "*All fields are required";
		formButton.innerHTML = "Confirm";
		formButton.style.backgroundColor = chatColor;

		$(".bc-main__wrapper__container").append(
			$(".bc-main__wrapper__container_greeting")
		);
		$(".bc-main__wrapper__container").append(form);
		form.appendChild(labelName);
		form.appendChild(labelEmail);
		labelName.appendChild(inputName);
		labelEmail.appendChild(inputEmail);
		form.appendChild(spanRequired);
		form.appendChild(formButton);
		labelName.appendChild(errorLabelName);
		labelEmail.appendChild(errorLabelEmail);

		/****** CHECK VALID NAME ********/

		inputName.addEventListener("keyup", function () {
			function checkNameValue() {
				let regexp = /^[a-zA-zа-яА-Яё\s]+$/i;
				return regexp.test(inputName.value);
			}
			if (inputName.value.length < 3 || inputName.value.length == 0) {
				errorLabelName.innerHTML = "Not less than 3 characters";
				errorLabelName.style.display = "block";
				errorLabelName.style.color = errorColor;
				inputName.classList.add("error-input");
				inputName.classList.remove("valid-input");

			} else if (inputName.value.length >= 3) {
				errorLabelName.innerHTML = "Done";
				errorLabelName.style.color = validColor;
				inputName.classList.remove("error-input");
				inputName.classList.add("valid-input");
			}

			if (inputName.value.length > 50) {
				errorLabelName.innerHTML = "No more than 50 characters";
				errorLabelName.style.display = "block";
				errorLabelName.style.color = errorColor;
				inputName.classList.add("error-input");
				inputName.classList.remove("valid-input");
			}

			if (!checkNameValue()) {
				errorLabelName.innerHTML = "This field is required";
				errorLabelName.style.display = "block";
				errorLabelName.style.color = errorColor;
				inputName.classList.add("error-input");
				inputName.classList.remove("valid-input");
			}

			is_enabled_bttn(formButton, errorLabelName, errorLabelEmail);
		});

		/****** CHECK VALID EMAIL ********/

		inputEmail.addEventListener("keyup", function () {
			function checkEmailValue() {
				let regexp = /^([a-z0-9_\.-]+)@([a-z0-9_\.-]+)\.([a-z\.]{2,6})$/;
				return regexp.test(inputEmail.value);
			}
			if (!checkEmailValue()) {
				errorLabelEmail.innerHTML = "Wrong email format";
				errorLabelEmail.style.display = "block";
				errorLabelEmail.style.color = errorColor;
				inputEmail.classList.add("error-input");
				inputEmail.classList.remove("valid-input");
			} else
			if(inputEmail.value.length > 200){
				errorLabelEmail.innerHTML = "No more than 200 characters";
				errorLabelEmail.style.display = "block";
				errorLabelEmail.style.color = errorColor;
				inputEmail.classList.add("error-input");
				inputEmail.classList.remove("valid-input");
			}else {
				errorLabelEmail.innerHTML = "Done";
				errorLabelEmail.style.color = validColor;
				inputEmail.classList.remove("error-input");
				inputEmail.classList.add("valid-input");
			}

			is_enabled_bttn(formButton, errorLabelName, errorLabelEmail);
		});

		$(".bc-main__wrapper__container__form_button").on("click", function (e) {
			e.preventDefault();
			e.stopPropagation();
			if ( $(".bc-main__wrapper__container__form_input").hasClass("valid-input") &&
				!$(".bc-main__wrapper__container__form_input").hasClass("error-input")) {
				$(".bc-main__wrapper__container__form_button").attr('disabled',true);
			let D= 'c=chat&do=add&token='+ shChat.token+ '&email='+ $("#formContacts [name=user-email]").val();
			D+= '&name='+ $("#formContacts [name=user-name]").val();
			$.ajax({
				url: shChat.host,
				data: D,
				dataType: "json",
				success: function(data) {
					if(data.chat_token){
						shChat.chat_token= data.chat_token;
						shChat.clearForm();
						shChat.initMessageArea();
					}
					console.log(data);
				},
				error: function(jqXHR, exception){ alert(exception);},
			});
			return false;

		} else {
			$(".bc-main__wrapper__container__form_button").addClass('disable');
			console.log("novalidform");
		}

		if (
			$("#bc-main__wrapper__container__form_user-name").val("") ||
			$("#bc-main__wrapper__container__form_user-email").val("")
			) {
			$(".bc-error").text("This field is required");
		$(".bc-error").css("color", errorColor);
		$("#bc-main__wrapper__container__form_user-name").addClass("error-input");
		$("#bc-main__wrapper__container__form_user-email").addClass("error-input");
	}

	$('.bc-main__wrapper__container').css({'display':'block'})
	$('.bc-main__wrapper__container form').css('height','100%');
	$('.bc-main__wrapper__container').css('padding-bottom','100px');
});
	},

	/********************** CLEAR FORM *****************************/

	clearForm: function () {
		$(".bc-main__wrapper__container_greeting").remove();
		$("#formContacts").remove();
	},


	/****************** INIT MESSAGE AREA *********************/

	initMessageArea: function () {
		let formMessage = document.createElement("form");
		let message = document.createElement("textarea");
		let sendButton = document.createElement("button");
		let hiddenC = document.createElement("input");
		let hiddenDo = document.createElement("input");
		let hiddenToken = document.createElement("input");
		let msgArea = document.createElement("div");
		let toTheTop = document.createElement("a");
		let labelAddedFile = document.createElement("label");
		let inputAddedFile = document.createElement("input");
		let spanAddedFile = document.createElement("span");
		let flexDiv = document.createElement("div");
		flexDiv.className = "bc-main__wrapper__container__msg-area__flex-div";

		toTheTop.className = "bc-main__wrapper__container_to-the-top";
		toTheTop.setAttribute("href", "#bc-anchor-1082");
		msgArea.className = "bc-main__wrapper__container__msg-area";
		sendButton.className = "bc-main__wrapper__container_sendButton";
		labelAddedFile.setAttribute("for", "bc-main__wrapper__container_inputFile");
		spanAddedFile.className = "bc-main__wrapper__container_inputFileText";
		spanAddedFile.innerHTML =
		'<svg class = "hover-blue" width="22" height="20" viewBox="0 0 22 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.5009 19.09C3.54604 19.09 2.64882 18.7179 1.97402 18.0433C0.580924 16.65 0.580924 14.3829 1.97402 12.9898L13.0208 1.94246C13.9108 1.05155 15.0953 0.561523 16.3547 0.561523C17.6143 0.561523 18.7987 1.05155 19.6888 1.94246C20.5796 2.83312 21.0702 4.01695 21.0702 5.27627C21.0702 6.53584 20.5802 7.71962 19.6895 8.60976L10.9932 17.3052C10.7322 17.5661 10.3094 17.5661 10.0484 17.3052C9.7873 17.0441 9.7873 16.6213 10.0484 16.3602L18.7444 7.66477C19.3827 7.02659 19.7338 6.17824 19.7338 5.27627C19.7338 4.37446 19.382 3.52558 18.7439 2.88732C18.1056 2.24914 17.2572 1.89793 16.3547 1.89793C15.4524 1.89793 14.604 2.24914 13.9657 2.88732L2.919 13.9347C2.04722 14.8072 2.04722 16.226 2.919 17.0983C3.76465 17.9428 5.23697 17.9428 6.08258 17.0983L13.5003 9.67996C13.702 9.47826 13.8176 9.19907 13.8176 8.91447C13.8176 8.62589 13.7047 8.35387 13.4998 8.14894C13.0782 7.7274 12.3911 7.72613 11.9695 8.14894L6.90353 13.2155C6.64261 13.4766 6.2196 13.4766 5.95867 13.2155C5.69759 12.9545 5.69759 12.5316 5.95867 12.2707L11.0245 7.20412C11.9668 6.26184 13.5011 6.26184 14.4447 7.20412C14.9022 7.6615 15.154 8.26912 15.154 8.91451C15.154 9.55134 14.8956 10.1746 14.4454 10.6248L7.0276 18.0433C6.3528 18.7179 5.45554 19.09 4.5009 19.09Z" fill="#C4C4C4"/></svg>' +
		"Add a file";
		inputAddedFile.id = "bc-main__wrapper__container_inputFile";
		sendButton.innerHTML = "Send";
		shChat.setAttributes(sendButton, {
			type: "submit",
			name: "go"
		});
		shChat.setAttributes(inputAddedFile, {
			type: "file",
			name: "bc-main__wrapper__container_inputFile"
		});

		formMessage.id = "formMessage";
		formMessage.setAttribute("action", shChat.host);
		shChat.setAttributes(message, {
			name: "content",
			placeholder: "Type your message here..."
		});

		shChat.setAttributes(hiddenC, {
			type: "hidden",
			name: "c",
			value: "message"
		});
		shChat.setAttributes(hiddenDo, {
			type: "hidden",
			name: "do",
			value: "add"
		});
		shChat.setAttributes(hiddenToken, {
			type: "hidden",
			name: "token"
		});
		hiddenToken.id = "smplhbcht_token";

		message.className = "bc-main__wrapper__container_bc-message";
		message.id = "smplhbcht_input";
		$(".bc-main__wrapper__container").append(msgArea);
		$(".bc-main__wrapper__container").append(formMessage);
		formMessage.appendChild(message);
		formMessage.appendChild(flexDiv);
		flexDiv.appendChild(labelAddedFile);
		flexDiv.appendChild(sendButton);
		flexDiv.appendChild(hiddenC);
		flexDiv.appendChild(hiddenDo);
		flexDiv.appendChild(hiddenToken);

		labelAddedFile.appendChild(inputAddedFile);
		labelAddedFile.appendChild(spanAddedFile);
		$(msgArea).append(toTheTop);
		$(toTheTop).hide();
		$('.bc-main__wrapper__container').css({'display':'flex','flex-direction':'column','justify-content':'space-between'})
		$('.bc-main__wrapper__container form').css('height','auto');
		$('.bc-main__wrapper__container').css('padding-bottom','25px');

		$(".bc-main__wrapper__container_to-the-top").click(function () {
			$(".bc-main__wrapper__container__msg-area").stop().animate({
				scrollTop: 0
			},500);
			return false;
		});

		$(".bc-main__wrapper__container__msg-area").scroll(function(){
			shChat.hiddenToTheTop();
		})


		$(".bc-main__wrapper__container__msg-area__bc-message__container_text").first().html("Hello! How can i help you?");
		shChat.KeyboardAnim();

		var filesvg =
		'<svg class = "hover-blue" style = "margin-right:5px;" width="22" height="20" viewBox="0 0 22 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.5009 19.09C3.54604 19.09 2.64882 18.7179 1.97402 18.0433C0.580924 16.65 0.580924 14.3829 1.97402 12.9898L13.0208 1.94246C13.9108 1.05155 15.0953 0.561523 16.3547 0.561523C17.6143 0.561523 18.7987 1.05155 19.6888 1.94246C20.5796 2.83312 21.0702 4.01695 21.0702 5.27627C21.0702 6.53584 20.5802 7.71962 19.6895 8.60976L10.9932 17.3052C10.7322 17.5661 10.3094 17.5661 10.0484 17.3052C9.7873 17.0441 9.7873 16.6213 10.0484 16.3602L18.7444 7.66477C19.3827 7.02659 19.7338 6.17824 19.7338 5.27627C19.7338 4.37446 19.382 3.52558 18.7439 2.88732C18.1056 2.24914 17.2572 1.89793 16.3547 1.89793C15.4524 1.89793 14.604 2.24914 13.9657 2.88732L2.919 13.9347C2.04722 14.8072 2.04722 16.226 2.919 17.0983C3.76465 17.9428 5.23697 17.9428 6.08258 17.0983L13.5003 9.67996C13.702 9.47826 13.8176 9.19907 13.8176 8.91447C13.8176 8.62589 13.7047 8.35387 13.4998 8.14894C13.0782 7.7274 12.3911 7.72613 11.9695 8.14894L6.90353 13.2155C6.64261 13.4766 6.2196 13.4766 5.95867 13.2155C5.69759 12.9545 5.69759 12.5316 5.95867 12.2707L11.0245 7.20412C11.9668 6.26184 13.5011 6.26184 14.4447 7.20412C14.9022 7.6615 15.154 8.26912 15.154 8.91451C15.154 9.55134 14.8956 10.1746 14.4454 10.6248L7.0276 18.0433C6.3528 18.7179 5.45554 19.09 4.5009 19.09Z" fill="#3F4D65"/></svg>';
		var nofilesvg =
		'<svg class = "hover-blue" width="22" height="20" viewBox="0 0 22 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.5009 19.09C3.54604 19.09 2.64882 18.7179 1.97402 18.0433C0.580924 16.65 0.580924 14.3829 1.97402 12.9898L13.0208 1.94246C13.9108 1.05155 15.0953 0.561523 16.3547 0.561523C17.6143 0.561523 18.7987 1.05155 19.6888 1.94246C20.5796 2.83312 21.0702 4.01695 21.0702 5.27627C21.0702 6.53584 20.5802 7.71962 19.6895 8.60976L10.9932 17.3052C10.7322 17.5661 10.3094 17.5661 10.0484 17.3052C9.7873 17.0441 9.7873 16.6213 10.0484 16.3602L18.7444 7.66477C19.3827 7.02659 19.7338 6.17824 19.7338 5.27627C19.7338 4.37446 19.382 3.52558 18.7439 2.88732C18.1056 2.24914 17.2572 1.89793 16.3547 1.89793C15.4524 1.89793 14.604 2.24914 13.9657 2.88732L2.919 13.9347C2.04722 14.8072 2.04722 16.226 2.919 17.0983C3.76465 17.9428 5.23697 17.9428 6.08258 17.0983L13.5003 9.67996C13.702 9.47826 13.8176 9.19907 13.8176 8.91447C13.8176 8.62589 13.7047 8.35387 13.4998 8.14894C13.0782 7.7274 12.3911 7.72613 11.9695 8.14894L6.90353 13.2155C6.64261 13.4766 6.2196 13.4766 5.95867 13.2155C5.69759 12.9545 5.69759 12.5316 5.95867 12.2707L11.0245 7.20412C11.9668 6.26184 13.5011 6.26184 14.4447 7.20412C14.9022 7.6615 15.154 8.26912 15.154 8.91451C15.154 9.55134 14.8956 10.1746 14.4454 10.6248L7.0276 18.0433C6.3528 18.7179 5.45554 19.09 4.5009 19.09Z" fill="#C4C4C4"/></svg>';
		var closeSvg =
		'<svg class = "hover-red"  style="padding-left:5px;" width="20" height="20" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path  d="M9.65092 8.57766L15.881 2.34738C16.2865 1.94213 16.2865 1.28689 15.881 0.881638C15.4758 0.476384 14.8205 0.476384 14.4153 0.881638L8.18498 7.11191L1.95489 0.881638C1.54945 0.476384 0.894396 0.476384 0.489142 0.881638C0.0836976 1.28689 0.0836976 1.94213 0.489142 2.34738L6.71923 8.57766L0.489142 14.8079C0.0836976 15.2132 0.0836976 15.8684 0.489142 16.2737C0.691104 16.4758 0.956655 16.5774 1.22202 16.5774C1.48738 16.5774 1.75274 16.4758 1.95489 16.2737L8.18498 10.0434L14.4153 16.2737C14.6174 16.4758 14.8828 16.5774 15.1481 16.5774C15.4135 16.5774 15.6789 16.4758 15.881 16.2737C16.2865 15.8684 16.2865 15.2132 15.881 14.8079L9.65092 8.57766Z" fill="#FF8A8A"/></svg>';
		$('[name="bc-main__wrapper__container_inputFile"]').change(function () {
			$(".bc-main__wrapper__container_inputFileText").html("");
			let str = $(
				'[name="bc-main__wrapper__container_inputFile"]'
				)[0].files[0].name.toString();
			str1 = str.substring(0, 17) + "...";
			if (str.length > 20) {
				$(".bc-main__wrapper__container_inputFileText").html(
					$('[name="bc-main__wrapper__container_inputFile"]').val()
					? filesvg + str1 + closeSvg : nofilesvg + "Add a file"
					);
			} else {
				$(".bc-main__wrapper__container_inputFileText").html(
					$('[name="bc-main__wrapper__container_inputFile"]').val()
					? filesvg + str + closeSvg : nofilesvg + "Add a file"
					);
			}

			$(".hover-red").click(function () {
				shChat.removeFile(event);
			});
		})
		
		this.intervalID= setInterval(function(){shChat.messagesListDraw();}, shChat.interval);

		$(".bc-main__wrapper__container_bc-message").bind('keypress',function (e) {
			if (window.event) {
				var keyCode = window.event.keyCode;
			} else {
				var keyCode = e.keyCode || e.which;
			}

			if (!e.ctrlKey && keyCode == 13) {
				e.preventDefault();
				$("#formMessage").submit();
				e.target.disabled = true;
				setTimeout(function(){
					e.target.disabled = false;
					$('#smplhbcht_input').focus()
				},1000)
			} else if ((e.ctrlKey && keyCode == 13) || keyCode == 10) {
				caretStart = this.selectionStart;
				caretEnd = this.selectionEnd;
				this.value = this.value.substring(0, caretStart) + "\n" + this.value.substring(caretEnd);
			}
		});
		$(document).on("submit", "#formMessage", function (e) {
			if ( $(".bc-main__wrapper__container_bc-message").val().length !== 0 && !shChat.checkSpaces()) {

				let Content= $("#formMessage .bc-main__wrapper__container_bc-message").val();
				Content= contentPrep(Content);

				$.ajax({
					url: shChat.host,
					data: 'c=message&do=add&token='+ shChat.token+ '&chat_token='+ shChat.chat_token+ '&content='+ Content,
					dataType: "json",
					success: function (data) {
						if(data.error == 1){
							shChat.openNewChat();
						}else{
							let item = $(".bc-main__wrapper__container__msg-area__bc-message__container_text[data-id=" +data.id +"]");
							if (!item.attr("data-id"))
								$(".bc-main__wrapper__container__msg-area").append(shChat.createMessage(data));
							$(".bc-main__wrapper__container_bc-message").val("");
							shChat.disableSendButton(e);
							
						}
					},
					error: function (jqXHR, exception) {
						alert(exception);
					}
				});
				$(".bc-main__wrapper__container_bc-message").val("");
				if (screen.width > 825) {
					$(".bc-main__wrapper__container_bc-message").focus();
				}
			}
			return false;
		});

		
		let managerMessage = '<div class="bc-main__wrapper__container__msg-area__bc-message" id="bc-anchor-1082"><div class="bc-main__wrapper__container__msg-area__bc-message_avatar"></div><div class="bc-main__wrapper__container__msg-area__bc-message__container"><div class="bc-main__wrapper__container__msg-area__bc-message__container_name">Manager</div><div class="bc-main__wrapper__container__msg-area__bc-message__container_time">' +shChat.getCurrentTime()+'</div><div class="bc-main__wrapper__container__msg-area__bc-message__container_text">Hello! How can i help you?</div></div></div>';
		$('.bc-main__wrapper__container__msg-area').append(managerMessage);
		
	},

	openNewChat:function(){
		shChat.chat_token = '';
		$('#formMessage').remove();
		let messageBlocked = '<div class = "bc-main__wrapper__container-blocked"><img src = '+ shChat.domen +'/theme/pub/view/img/blocked.svg><p>Sorry, but your conversation was closed by the chat operator.</p></div><button class = "blocked-button">Open new chat</button>'
		$('.bc-main__wrapper__container').append(messageBlocked);
		$('.blocked-button').on('click',function(){
			$('.bc-main__wrapper__container__msg-area').remove();
			$('.bc-main__wrapper__container-blocked').remove();
			$('.blocked-button').remove();
			shChat.InitForm();
		})
	},

	removeFile: function (event) {
		event.preventDefault();
		event.stopPropagation();
		$(".bc-main__wrapper__container_inputFileText").html(
			nofilesvg + "Add a file"
			);

	},
	/************************ SEND MESSAGE  ***********************/

	checkSpaces: function () {
		let strMessage = $(".bc-main__wrapper__container_bc-message").val();
		let strMessageRegex = /^\s+$/;
		return strMessageRegex.test(strMessage);
	},

	messagesListDraw: function () {
		var is_writes = 0;
		var content = $("#formMessage .bc-main__wrapper__container_bc-message").val();
		var urle = shChat.host+ '?c=message&do=arr&chat_token='+ shChat.chat_token;
		if(shChat.oldContent != content)
		{
			is_writes= 1;
			shChat.oldContent= content;
			urle+= '&is_writes= '+ is_writes;
		}

		$.getJSON(urle, function (data) {
			$.each(data.rows, function (key, val) {
				if(val.operator_is_writes == 1){
					$('.bc-main__wrapper__container__dots-container').addClass('active');
				}else{
					$('.bc-main__wrapper__container__dots-container').removeClass('active');
				}
				let item = $(".bc-main__wrapper__container__msg-area__bc-message__container_text[data-id=" +val.id +"]");
				if (!item.attr("data-id"))
					$(".bc-main__wrapper__container__msg-area").append(shChat.createMessage(val));
			});
		});
	},

	/**************** CREATING MESSAGE ******************/

	createMessage: function(data) {

		let msgWrapper = document.createElement("div");
		msgWrapper.className = "bc-main__wrapper__container__msg-area__bc-message";

		let msgAvatar = document.createElement("div");
		msgAvatar.className =
		"bc-main__wrapper__container__msg-area__bc-message_avatar";

		let msgContainer = document.createElement("div");
		msgContainer.className =
		"bc-main__wrapper__container__msg-area__bc-message__container";

		let msgFromName = document.createElement("div");
		msgFromName.className =
		"bc-main__wrapper__container__msg-area__bc-message__container_name";

		let msgTime = document.createElement("div");
		msgTime.className =
		"bc-main__wrapper__container__msg-area__bc-message__container_time";
		let msgValue = document.createElement("div");
		msgValue.className =
		"bc-main__wrapper__container__msg-area__bc-message__container_text";
		shChat.setAttributes(msgValue, {
			"data-id": data.id,
			"data-chat_id": data.chat_id
		});
		if (data.operator == 1) {
			msgFromName.innerHTML = "Manager";
			msgWrapper.classList.remove("user");
		} else {
			msgWrapper.classList.add("user");
			msgFromName.innerHTML = "You";
		}
		$(".bc-main__wrapper__container__msg-area").append(msgWrapper);
		msgWrapper.appendChild(msgAvatar);
		msgWrapper.appendChild(msgContainer);
		msgContainer.appendChild(msgFromName);
		msgContainer.appendChild(msgTime);
		msgContainer.appendChild(msgValue);
		msgTime.innerHTML = data.date.substr(11,8)
		msgValue.innerHTML = data.content;
		if (!document.getElementById("bc-anchor-1082")) {
			$(".bc-main__wrapper__container__msg-area__bc-message")
			.first()
			.attr("id", "bc-anchor-1082");
		}
		container = document.getElementsByClassName(
			"bc-main__wrapper__container__msg-area"
			)[0];

		let currentscrolLHeight = container.scrollHeight;
		let containerHeight = $(container).height();
		if (currentscrolLHeight > containerHeight) {
			container.scrollTop = currentscrolLHeight;
		}
		shChat.hiddenToTheTop();
	},

	/**************** TYPING DOTS ***************/

	KeyboardAnim: function () {
		let typingContainer = document.createElement("div");
		let typingUser = document.createElement("div");

		typingUser.className =
		"bc-main__wrapper__container__circles-container_name";
		typingContainer.className = "bc-main__wrapper__container__dots-container";

		let typingDot1 = document.createElement("span");
		typingDot1.className = "bc-main__wrapper__container__circles-container_dot";

		let typingDot2 = document.createElement("span");
		typingDot2.className = "bc-main__wrapper__container__circles-container_dot";

		let typingDot3 = document.createElement("span");
		typingDot3.className = "bc-main__wrapper__container__circles-container_dot";

		$("#formMessage").prepend(typingContainer);
		typingContainer.appendChild(typingUser);
		typingContainer.appendChild(typingDot1);
		typingContainer.appendChild(typingDot2);
		typingContainer.appendChild(typingDot3);
		typingUser.innerHTML = /*getCookie("inputName") */ "Manager" + " " + "is" + " " + "typing";
	},

	hiddenToTheTop:function(){
		if($('.bc-main__wrapper__container__msg-area').scrollTop() > 350){
			$('.bc-main__wrapper__container_to-the-top').show();
		}else{
			$('.bc-main__wrapper__container_to-the-top').hide();
		}
	},
	disableSendButton:function(e){
		$('#formMessage button').attr('disabled',true);
		setTimeout(function(){
			$('#formMessage button').attr('disabled',false);
		},1000)
	},
};

function contentPrep(str) {
	str= String(str).replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;').replace(/\?/g, '&quest;').replace(/\n/g, '<br />');
	str= encodeURIComponent(str);

	return str;
//return str;
}

function is_enabled_bttn(bttn, nameLbl, emailLbl){
	if(nameLbl.innerHTML== "Done" && emailLbl.innerHTML== "Done"){
		bttn.disabled= false;
		bttn.classList.remove("disable");
	}
	else{
		bttn.disabled= true;
		bttn.classList.add("disable");
	}
}




	/******** OPEN FULL CHAT *********/




// 	openFullBchat: function () {
//   // let html = document.getElementById("bcChat").innerHTML;
//   let params = "width=500,height=700,top=300,left=300";
//   let newWindow = window.open("/chat.php", "Brambling Chat", params);

//   newWindow.onload = function(){
//   	shChat.openBchat();
//   }

// }
// }

// $(document).on("click", ".bc-main__sticker__control_fullsize", function () {
// 	shChat.openFullBchat();
// });