<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
	<head>
		<title>E-Ident Demo App</title>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
		<link rel="stylesheet" type="text/css" href="/css/global.css"/>
		
		<script th:inline="javascript">
			var eidentPath = [[${homeUrl}]];
			window.history.pushState({}, '', eidentPath);
			
			// This method handles the scenario when a user clicks on browser back button from this page
			// On clicking back button, demo app front page is loaded rather than letting the control 
			//    to go to E-Ident service without any required parameters
			function registerPopstate() {
				window.onpopstate = function(event) {
					top.window.location.href=eidentPath;
				};
			}
		</script>
	</head>
	<body onload="setTimeout(registerPopstate, 10);"> <!-- making a delayed call to handle Safari browser (as it fires popstate event during page load) -->
		<div class="wrapper" id="error-wrapper">
			<img src="/images/nets.svg" alt="logo" class="nets_logo" width="20" vspace="0" hspace="0" height="30">
			<h3 class="header">Identification was not completed</h3>
		    <p class="paragraphs"><span th:text="${errorDesc}" th:remove="tag"></span></p>
		    <br/>
		</div>
	</body>
</html>