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

		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta content="width=device-width, initial-scale=1, shrink-to-fit=no" name="viewport">
		<meta content="" name="description">
		<meta content="" name="author">
		<title>${capitalize(page.name)}</title>
		
		<link rel='icon' type='image/x-icon' href='/images/favicon.ico'>
		
		<!-- Custom fonts for this template-->
		<link rel="stylesheet" type="text/css" href="/vendor/fontawesome-free/css/all.min.css" defer>
		<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i">
		
		<!-- Custom styles for this template-->
		<link rel="stylesheet" type="text/css" href="/css/sb-admin-2.min.css">
		<link rel="stylesheet" type="text/css" href="/css/select2.min.css">
		<link rel="stylesheet" type="text/css" href="/css/typeahead.css">
		<link rel="stylesheet" type="text/css" href="/css/custom.css">

	</head>
	<body id="page-top"><!-- Page Wrapper -->
		<div id="wrapper">
			
			<!-- Sidebar -->
			${include('Navigation Left')}

			<!-- Content Wrapper -->
			<div id="content-wrapper" class="d-flex flex-column"><!-- Main Content -->
				<div id="content">
					
					<!-- Topbar -->
					${include('Navigation Top')}
					
					<!-- Begin Page Content -->
					<div class="container-fluid"><!-- Page Heading -->
						<div class="d-sm-flex align-items-center justify-content-between mb-4">
							<h1 class="h3 mb-0 text-gray-800">${capitalize(page.name)}</h1>
							${include('Download CSV Button')}
						</div>
						<div id="main-container">
							${render(children)}
						</div>
					</div><!-- /.container-fluid -->
				</div><!-- End of Main Content -->
				
				<!-- Footer -->
				${include('Navigation Bottom')}
				
			</div><!-- End of Content Wrapper -->
		</div><!-- End of Page Wrapper --><!-- Scroll to Top Button--><a href="#page-top" class="scroll-to-top rounded"><i class="fas fa-angle-up"></i></a><!-- Logout Modal-->
		<div id="logoutModal" tabindex="-1" role="dialog" class="modal fade" aria-hidden="true" aria-labelledby="exampleModalLabel">
			<div role="document" class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header">
						<h5 id="exampleModalLabel" class="modal-title">Ready to Leave?</h5>
						<button type="button" class="close" aria-label="Close" data-dismiss="modal"><span aria-hidden="true">×</span></button>
					</div>
					<div class="modal-body">Select "Logout" below if you are ready to end your current session.</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button><a href="login.html" class="btn btn-primary">Logout</a>
					</div>
				</div>
			</div>
		</div>
		
		<!-- Bootstrap core JavaScript-->
		<script type="text/javascript" src="/vendor/jquery/jquery.min.js"></script>
		<script type="text/javascript" src="/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
		
		<!-- Core plugin JavaScript-->
		<script type="text/javascript" src="/vendor/jquery-easing/jquery.easing.min.js"></script>
		<script type="text/javascript" src="/js/select2.min.js"></script>
		
		<!-- Custom scripts for all pages-->
		<script type="text/javascript" src="/js/sb-admin-2.min.js"></script>
		<script type="text/javascript" src="/js/custom.js"></script>

		<script type="text/javascript" src="/js/typeahead.bundle.min.js" ></script>
		<script type="module"          src="/js/faceted-search.js"></script>
		
		<!-- Page level plugins -->
	</body>
</html>