<!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/dataframe.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>Text Preprocessing - 4</strong></p>
					<p><strong>After Normalization</strong></p><br></center>
					<table style="width:100%">
							<tr>
								<th>All tokens for each document</th>
							</tr>
							
							{% for i in tokens_doc %}
								<tr>
									<td>{{ i }}</td>
								</tr>
							{% endfor %}
							
						</table>
					
				</article>
			</div>			
		
		</main>
		

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

</html>
