<script>
import Popup from "$lib/Layout/Popup.svelte";
import { env } from "$env/dynamic/public";
import localforage from "localforage";
import locale from "$stores/locale";
</script>

<Popup fullscreen locked>
  <div class="message">
    {$locale().errors?.loginRequiredPrefix}<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`}
      onclick={async () => {
        await localforage.setItem(
          'redirect',
          window.location.origin + window.location.pathname + window.location.search
        );
      }}>{$locale().errors?.loginRequiredLink}</a
    >{$locale().errors?.loginRequiredSuffix}
  </div>
</Popup>
