var uvFormLoadAction;

	uvFormLoadAction = function() {
		var topMessage = document.getElementById('uv_top_message');
		topMessage.innerHTML = '';
		var topMessage = document.getElementById('uv_top_message');
		var svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
		// setAttributes(svg, {"width":"243", "height":"201", "viewBox": "0 0 243 201"});
		path1 = document.createElementNS('http://www.w3.org/2000/svg',"path");
		setAttributes(path1, {"class":"cls-1", "d":"M180.571,122H60.613a7.472,7.472,0,0,1-6.464-11.475C56.761,105.956,109.5,14.6,114.007,6.807a7.447,7.447,0,0,1,12.995,0c3.308,5.612,56.313,97.314,60,103.955C189.7,115.624,186.715,122,180.571,122Z"});
		svg.appendChild(path1);
		path2 = document.createElementNS('http://www.w3.org/2000/svg',"path");
		setAttributes(path2, {"class":"cls-2", "d":"M120,40a5,5,0,0,1,5,5V81a5,5,0,0,1-10,0V45A5,5,0,0,1,120,40Zm0,51h0a6,6,0,0,1,6,6h0a6,6,0,0,1-6,6h0a6,6,0,0,1-6-6h0A6,6,0,0,1,120,91Z"});
		svg.appendChild(path2);
		style = document.createElement("style");
		css = ".cls-1{fill:#ffca28}.cls-2{fill:#fff;animation:bounce 2s infinite}@keyframes bounce{0%,100%,20%,50%,80%{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}";
		svg.appendChild(style);
		topMessage.appendChild(svg);
		if (style.styleSheet){
		  style.styleSheet.cssText = css;
		} else {
		  style.appendChild(document.createTextNode(css));
		}
		var msg = document.createElement('div');
		msg.style.textAlign = 'center';
		msg.style.maxWidth = '300';
					msg.innerHTML = "Right Now, Form is not Available! visit <a href=https://shanelty.uvdesk.com/en/member/dashboard>UVdesk</a>";
				topMessage.appendChild(msg);

		function setAttributes(el, attrs) {
			for(var key in attrs) {
			    el.setAttribute(key, attrs[key]);
			  }
		};
		try {
			var uvEvt = new Event("uvFormLoaded");
			window.dispatchEvent(uvEvt);
		} catch(e) {
		}
	};

function getFlashMessages(id) {
    var xhr = new XMLHttpRequest();
    xhr.open("GET", 'https://uvdesk.com/apps/form-builder/flashes?id=' + id, true);

    // function execute after request is successful 
    xhr.onreadystatechange = function () {
        if (this.readyState == 4 && this.status == 200) {
			var response = JSON.parse(this.responseText);

			if (response.success == true) {
				const _flashMessage = document.createElement('div');
				const _flashMessage_close = document.createElement('span');
				const _flashMessage_content = document.createElement('p');

				_flashMessage.className = response.flash.level == 'success' ? "uv-notification uv_flash page-load uv-success" : "uv-notification uv_flash page-load uv-error";
				_flashMessage_close.className = 'uv-notification-close close';

				if (response.flash.level != 'success') {
					_flashMessage.style.cssText = 'background-color: #f6bb42; z-index: 1000;';
				} else {
					_flashMessage.style.cssText = 'z-index: 1000;';
				}

				const _flashMessage_ptaContent = document.createTextNode('x');
				const _flashMessage_rawContent = document.createTextNode(response.flash.message);

				_flashMessage_close.appendChild(_flashMessage_ptaContent);
				_flashMessage_content.appendChild(_flashMessage_rawContent);

				_flashMessage.appendChild(_flashMessage_close);
				_flashMessage.appendChild(_flashMessage_content);

				_flashMessage_content.style.cssText = 'margin: unset;';
				_flashMessage_close.style.cssText = 'font-size: 18px; top: 7px; right: 14px;';

				document.getElementById('uv_top_message').appendChild(_flashMessage);

				document.querySelector('.uv_flash .close').addEventListener('click', function() {
					if (flashmsg = document.querySelector('.uv_flash')) {
						flashmsg.remove();
					}
				});
			}
        }
    }

    xhr.send();
}

window.addEventListener('load', function() {
	let _uvFormRef = document.getElementsByClassName('uv_form');

	if (typeof(uvFormLoadAction) === 'function' && _uvFormRef.length == 0) {
		uvFormLoadAction();

		let _uvfrid = null;

		try {
			_uvfrid = document.cookie.split('; ').find(row => row.startsWith('_uvfrid=')).split('=')[1];
		} catch (err) {}

		if (_uvfrid != null) {
			getFlashMessages(_uvfrid);
		}

				let _refEl = document.createElement('input');
		let _targetEl = document.getElementsByClassName('uv_form')[0];

		_refEl.setAttribute('type', 'hidden');
		_refEl.setAttribute('name', '_uvfrid');
		_refEl.setAttribute('value', "");

		_targetEl.appendChild(_refEl);

		document.cookie = '_uvfrid=' + "" + '; expires=Sun, 1 Jan 2023 00:00:00 UTC; path=/';

				_refEl = document.createElement('input');

		_refEl.setAttribute('type', 'hidden');
		_refEl.setAttribute('name', '_uvfruri');
		_refEl.setAttribute('value', window.location.href);

		_targetEl.appendChild(_refEl);

				let _captchaContainer = document.createElement('div');

		_captchaContainer.setAttribute('class', 'uv_form-group');

		let _captchaLabel = document.createElement('label');

		_captchaLabel.setAttribute('for', 'uv-captcha');
		_captchaLabel.setAttribute('class', 'uv_required');

		let labelContent = document.createTextNode("Captcha");

		_captchaLabel.appendChild(labelContent);

		_captchaContainer.appendChild(_captchaLabel);

		let _img = document.createElement('img');

		_img.setAttribute('src', "https://shanelty.uvdesk.com/integrations/custom-captcha/generate-captcha/");
		_img.setAttribute('Style', "display: block; margin-bottom: 10px;");

		_captchaContainer.appendChild(_img);

		let _captchaInput = document.createElement('input');

		_captchaInput.setAttribute('name', 'captchaCode');
		_captchaInput.setAttribute('type', 'text');
		_captchaInput.setAttribute('id', 'uv-captcha');
		_captchaInput.setAttribute('class', 'uv_form-control');
		_captchaInput.setAttribute('required', 'required');

		_captchaContainer.appendChild(_captchaInput);

		_targetEl.insertBefore(_captchaContainer, document.getElementById('uv_submit1'));
	}
});