<template>
	<main>
		<h1>Schedule Demo</h1>
		<ul>
			<li>
				<NuxtLink to="/schedule">View Schedule</NuxtLink>
			</li>
			<li v-if="sessionStore.account?.type === 'admin' || sessionStore.account?.type === 'crew'">
				<NuxtLink to="/edit">Edit Schedule</NuxtLink>
			</li>
			<li v-if="sessionStore.account">
				<NuxtLink to="/account/settings">Account Settings</NuxtLink>
			</li>
			<li v-if="!sessionStore.account">
				<NuxtLink to="/login">Log In / Create Account</NuxtLink>
			</li>
		</ul>
	</main>
</template>

<script lang="ts" setup>
const sessionStore = useSessionStore();
</script>
