<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width">
		<title>tronnet - client</title>
		<link rel="stylesheet" href="css/style.css" type="text/css">
		<script src="scripts/index.js" type="module"></script>
		<script src="scripts/elements.js" type="module"></script>
	</head>
	<body>
		<header>
			<nav class="btn-group">
				<button id="instances" class="active">INSTANCES</button>
				<button id="logout">LOGOUT</button>
			</nav>
		</header>
		<main><div id="instance-container" class="center-div"></div></main>
	</body>
	<template id="instance-template">
		<article>
			<div>
				<div>
					<img id="instance-type">
					<p id="instance-id"></p>
					<p id="instance-name"></p>
				</div>
				<div>
					<img id="node-status" alt="instance node">
					<p id="node-name"></p>
				</div>
			</div>
			<hr>
			<div class="btn-group">
				<img id="power-btn">
				<img id="configure-btn" alt="change instance configuration">
			</div>
		</article>
	</template>
</html>