<!DOCTYPE html>
<html>
<head>
	<title>Website Builder</title>
	<base href="https://prosite.sadomain.co.za/v4.2/" />
	<meta name="robots" content="none" />
	<meta name="description" content="Website Builder" />
	<link rel="stylesheet" type="text/css" href="https://prosite.sadomain.co.za/modules/builder/js/lib/bootstrap/css/bootstrap.min.css" />
	<link rel="stylesheet" type="text/css" href="https://prosite.sadomain.co.za/modules/builder/css/font-awesome/font-awesome.min.css?v=4.7.0" />
	<script type="text/javascript" src="https://prosite.sadomain.co.za/modules/builder/js/lib/jquery-1.11.3.min.js"></script>
	<style type="text/css">
		body, html {
			height: 100%;
		}
		.wb-no-session {
			display: flex;
			height: 100%;
			flex-direction: column;
			justify-content: center;
		}
		.wb-no-session-logo {
			margin: 0 auto 30px auto;
			padding: 0px;
			min-height: 50px;
			text-align: center;
		}
		.wb-no-session-logo img {
			max-height: 50px;
		}
		.wb-no-session-logo > .wb-empty {
			width: 160px;
			height: 50px;
			line-height: 50px;
			display: block;
			color: #999;
			border-radius: 4px;
		}
		.wb-no-session-body {
			max-width: 600px;
			margin: 0 auto;
			text-align: center;
			flex: 1 1 auto;
			display: flex;
			flex-direction: column;
			justify-content: center;
		}
		.wb-no-session-title {
			margin: 0px 0 20px 0;
			font-size: 24px;
		}
		.wb-no-session-text {
			margin: 0px 0 50px 0;
			font-size: 18px;
		}
		.wb-no-session-footer {
			flex: 0 0 auto;
			padding: 10px;
			margin: 0 auto;
			text-align: center;
		}
		.wb-no-session-footer small {
			color: #999;
		}
		.wb-hidden {
			opacity: 0;
			visibility: hidden;
		}
		.wb-anim-show {
			transition-property: opacity;
			transition-duration: 0.5s;
		}
	</style>
</head>
<body>
		<div class="wb-no-session">
		<div class="wb-no-session-body">
			<div class="wb-no-session-logo">
				<a class="wb-empty" href="http://sadomain.co.za/">
					&nbsp;
				</a>
			</div>
			<div class="wb-no-session-title">
				<span class="fa fa-sign-in"></span> Please login			</div>
			<div class="wb-no-session-text">
				Website builder can be accessed only via hosting or billing panel by clicking the website builder icon inside.			</div>
		</div>
		<div class="wb-no-session-footer wb-anim-show wb-hidden"></div>
	</div>
	<script type="text/javascript">
		$(function() {
			var logo = $('.wb-no-session-logo > .wb-empty');
			var demoLine = $('.wb-no-session-footer');
			var demoInfoUrl = 'https://prosite.sadomain.co.za/v4.2/api/demo-info/';
			if (demoInfoUrl) {
				$.get(demoInfoUrl)
					.then(function(data) {
						if (data && data.ok) {
							if (data.redirectUrl) {
								location.href = data.redirectUrl;
								return;
							}
							if (data.title) {
								$('title').text(data.title);
							}
							if (data.icon && data.iconType) {
								$('head').append($('<link>')
									.attr({rel: 'icon', type: data.iconType, href: data.icon}));
							}
							if (data.logo) {
								logo.empty().append($('<img>')
									.addClass('wb-anim-show wb-hidden')
									.attr({alt: '', src: data.logo})
									.on('load', function() { $(this).removeClass('wb-hidden'); }));
							}
							if (data.demoUrl && data.demoLink) {
								demoLine.html(data.demoLink);
								demoLine.removeClass('wb-hidden');
							}
						}
					})
					.always(function() {
						logo.removeClass('wb-empty');
					});
			}
		});
	</script>
	</body>
</html>
