<!DOCTYPE html>
<html lang="en">

	<head>
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>Song Lyric Search Engine</title>
		<link href="../../static/assets/css/trying.min.css" rel="stylesheet">
	</head>
	<style>
		table {
		  border-collapse: collapse;
		}

		table, td, th {
		  border: 1px solid black;
		}
	</style>

	<body>		
		<main>
			<div id="content">				
				<article class="card">
						<div>
							<div>
								<button onclick="pageRedirect_prev()" class="button" style="vertical-align:middle"><span>Previous</span></button>					
							</div>
							<div align="right">
								<button onclick="pageRedirect_next()" class="button" style="vertical-align:middle"><span>Next</span></button>						
							</div>
						</div>
					
						<center><p style="font-size:40px;"><strong>Indexing</strong></p>
						<table>									
							<tr>
								<th>Token</th>
								<th>Index</th>
							</tr>
									
							{% for key, values in res.items %}
							<tr>
								<td>{{ key }}</td>
								<td>{{ values }}</td>
							</tr>
							{% endfor %}
						</table>
				</article>
			</div>			
		
		</main>
		
		<!-- <footer>
			<p>&copy; STBI-2020-03</p>
		</footer> -->

	</body>
	
	<script>
		function pageRedirect_prev() {
			window.location.href = "/search";
		}
			
		function pageRedirect_next() {
			window.location.href = "/index";
		}
	</script>

</html>
