
<style>
    nav {
        font-size: 2rem;
    }
    a {
        display: block;
        color: green;
        text-decoration: none;
    }
</style>

<script>
	import {Route} from 'tinro';
	import ChromebookScan from './ChromebookScan.svelte';
</script>

<Route path="/">
	<div className="container">
		<div class="row">
			<nav class="col-12 center">
				<h1>Chromebook Management</h1>
				<a href="chromebooks/scan">Scan A Chromebook</a>
				<a href="chromebooks/byStudent">Chromebook History By Student</a>
				<a href="chromebooks/byChromebook">Chromebook History By Chromebook</a>
			</nav>
		</div>
	</div>
</Route>
<Route path="/scan">
	<ChromebookScan/>
</Route>
<Route path="/byStudent">TODO: Use student email to look up Chromebook history</Route>
<Route path="/byChromebook">TODO: Use chromebook ID (or picture of ID) to look up Chromebook history</Route>
