class.hbs

<section class='classPage'>
	<section class='adminSection adminSection--buttons'>
		{{#eq userType 'account'}}
		<div class='classes__buttons'>
			<form action='{{deleteLink}}' method='post' class='deleteForm'>
				<input type='submit' class='btn btn--full btn--primary btn--lg' value='Delete'/>
			</form>
		</div>
		{{/eq}}
	</section>
	<div class='adminSection'>
		<div class='adminItem'>
			<h2>Class Overview - {{ className }}</h2>
			<div class='adminOverview'>
				<div>
					<h3><a href='{{teachersLink}}'>Teachers</a></h3>
					{{#each teachers}}
						{{> classTeacher name=shortName email=email }}
					{{/each}}
				</div>
				<div>
					<h3><a href='{{membersLink}}'>Members</a></h3>
					{{> classMembers members=members }}
				</div>
			</div>
		</div>
	</div>
	<div class='adminSection'>
		<div class='adminItem adminStats'>
			<h2>Statistics and Reports</h2>
			<div class='adminStats__stats'>
				{{#each stats}}
					{{> adminStat value=value text=text }}
				{{/each}}
			</div>
			<div class='adminStats__graphs'>
				{{> graph }}
				{{> graph }}
			</div>
		</div>
	</div>
	<div class='adminSection'>
		<div class='adminItem classPage__tests'>
			<h2>Tests</h2>
			<div class='classPage__tests__container'>
				<div class='adminTable'>
					<h3>Upcoming Tests</h3>
					{{> testTable tests=upcomingTests}}
				</div>
				<div class='adminTable'>
					<h3>Recent Tests</h3>
					{{> testTable tests=recentTests}}
				</div>
			</div>
		</div>
	</div>
</section>

<script>
	document.querySelector('.deleteForm').addEventListener('submit', (e) => {
		if (!confirm('Delete class?'))
			e.preventDefault();
	});
</script>