<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
	<title>E-Ident Demo App</title>
	<link rel="SHORTCUT ICON" href="/images/nets_favicon.png"/>
	<meta http-equiv="X-UA-Compatible" content="IE=Edge"/>
	<meta http-equiv="content-Type" content="text/html; charset=UTF-8"/>
	<meta http-equiv="Pragma" content="no-cache"/>
	<meta http-equiv="Cache-Control" content="no-cache"/>
	<meta name="viewport" content="user-scalable=yes, width=640"/>
	<link rel="stylesheet" type="text/css" href="/css/global.css"/>
	<script type="text/javascript" src="/js/demo.js"></script>
</head>
<body>

	<div class="wrapper">
		<img src="/images/nets.svg" alt="logo" class="nets_logo" width="20" height="30" hspace="0" vspace="0"/>
		<h2 class="header">Nets E-Ident demo app</h2>
		<p class="paragraphs">
			<span>E-Ident is an authentication solution offering customers the ability to integrate with a wide range of eIDs using the OpenID Connect (OIDC) protocol.</span>
			<span>
				All commonly used eIDs in the Nordics are supported. 
				<a class="link" href="https://www.nets.eu/developer/e-ident/eids/Pages/default.aspx" target="_blank">
					Read more for the complete overview of supported eIDs.
				</a>
			</span>
			<span>E-Ident is hosted at Nets and offered to customers as a service. The service offers three different user experience options. Pop-up UI and Standalone UI are shown here:</span>
		</p>
		<div class="formdiv">
			<div class="button-holder">
				<button type="button" id="open-popup-button" class="button" th:value="${eIdentUrlForPopup}">Pop-up UI</button>
			    <button type="button" id="open-standalone-button" class="button" th:value="${eIdentUrl}">Standalone UI</button>
		   	</div>
		</div>
		<div class="otherpage">
			<p> <span class="othersources">Other resources:</span></p>
			<a class="link" href="https://www.nets.eu/developer" target="_blank">View developer site</a>
		</div>
	</div>
</body>
</html>