<script>
	import { env } from '$env/dynamic/public';
	import { userIdentity } from '$lib/AniList/identity';
	import { onMount } from 'svelte';
	import { lastActivityDate } from '$lib/AniList/activity';

	export let data;

	let currentUserIdentity = { name: '', id: -1 };
	let lastActivityWasToday = true;

	onMount(async () => {
		if (data.user !== undefined) {
			currentUserIdentity = await userIdentity(data.user);
			currentUserIdentity.name = `(${currentUserIdentity.name})`;
			lastActivityWasToday =
				(await lastActivityDate(currentUserIdentity)).toDateString() === new Date().toDateString();
		}
	});
</script>

<p />

<h1><a href="/">期限</a></h1>

{#if data.user === undefined}
	<a
		href={`https://anilist.co/api/v2/oauth/authorize?client_id=${env.PUBLIC_ANILIST_CLIENT_ID}&redirect_uri=${env.PUBLIC_ANILIST_REDIRECT_URI}&response_type=code`}
		>Log in with AniList</a
	>
{:else}
	<a href="/authentication/log-out">Log out from AniList {currentUserIdentity.name}</a>
{/if}

{#if !lastActivityWasToday}
	<p />

	<p>You don't have any new activity statuses from the past day! Create one to keep your streak!</p>
{/if}

<p />

<hr />

<slot />
