{{define "page-title"}}Events{{end}}
{{define "page-description"}}BotGuard protection events{{end}}
{{define "menu"}}
<ul class="inline">
	<li><a href="/dashboard">Device</a></li>
	<li><a href="/statistics">Statistics</a></li>
	<li class="active"><a href="/events">Events</a></li>
	<li><a href="/domains">Domains</a></li>
	<li><a href="/settings">Settings</a></li>
	<li><a href="/console">Management Console</a></li>
	<li><a href="/logout">Logout</a></li>
</ul>
<div></div>
{{end}}
{{define "body"}}
<section>
	<div class="wrapper">
		<h1>Events</h1>
		<h3 id="botguard-iframe-placeholder" class="centered"><i class="fa fa-spin fa-spinner"></i> Loading…</h3>
		<iframe
			id="botguard-iframe"
			src="https://apiv2.botguard.net/en/events?api-key={{.ApiKey}}"
			frameborder="0"
			scrolling="auto"
			style="width:100%;height:3100px;background-color:var(--bg-color-primary);border:0px none var(--bg-color-primary);padding:0px;overflow:hidden;" >
		</iframe>
	</div>
</section>
<script>
	
	window.addEventListener('message', function(e) {
		document.querySelector('iframe[src^="' + e.data.location + '"]').style.height = e.data.height + 'px';
	});
	document.addEventListener("DOMContentLoaded", function() {
		var e = document.getElementById("botguard-iframe");
		e.addEventListener("load", function() {
			document.getElementById("botguard-iframe-placeholder").style.display = "none";
		});
	});
</script>
{{end}}