<!DOCTYPE html>
<html>
<head>
	<%- include("../_includes/global_head.ejs") -%>
	<title>Brag Document - XZANSite</title>
	<link rel="stylesheet" href="/css/brag_doc.css">
	<script src="/js/brag_doc.js" defer></script>
</head>

<body>
	<%- include("../_includes/navbar.ejs") %>

	<main class="container">
		<div class="box mini-header">
			<form class="query" method="post" onchange="bragGrabber(this)">
				<select name="year" onchange="monthUpdater(this)">
					<option value="">Select Year</option>
					<% brags.forEach((brag) => { %>
						<option value="<%= brag %>"><%= brag %></option>
					<% }) %>
					
				</select>

				<select name="month" id="month">
					<option value="">Select Month</option>
				</select>
			</form>
		</div>
		<div class="col-12 loader-wrapper d-none"><div class="loader"></div></div>
		<div class="row gy-4" id="docs">
		</div>
	</main>
</body>
</html>