<script lang="ts">
	import NavBar from './NavBar.svelte';
	import HasUser from '$lib/HasUser.svelte';
	import ApplicationsList from './ApplicationsList.svelte';
	import WorkArea from './work-area/WorkArea.svelte';
	import AppliyedList from './AppliyedList.svelte';
	import PApplicationList from './PApplicationList.svelte';
	import { ApplicationStatus } from '$lib/ApplicationsStore.svelte';
</script>

<HasUser redirect="/cv">
	<div class="flex flex-col h-[100vh]">
		<NavBar />
		<div class="w-full px-4 grow h-full gap-3 flex flex-col">
			<div class="flex gap-3 flex-grow max-h-[75%]">
                <ApplicationsList />
				<WorkArea />
			</div>
            <PApplicationList status={ApplicationStatus.InterviewStep1}>
                Interview I
            </PApplicationList >
            <PApplicationList status={ApplicationStatus.TasksToDo}>
                Tasks To do
            </PApplicationList >
			<AppliyedList />
		</div>
	</div>
</HasUser>
