{{define "head"}}
<title>login - ari melody 💫</title>
<link rel="shortcut icon" href="/img/favicon.png" type="image/x-icon">

<style>
p a {
    color: #2a67c8;
}

a.discord {
    color: #5865F2;
}
</style>
{{end}}

{{define "content"}}
<main>

    {{if .Token}}
    <meta http-equiv="refresh" content="5;url=/admin/" />
    <meta name="token" content="{{.Token}}" />
    <p>
    Logged in successfully.
    You should be redirected to <a href="/admin">/admin</a> in 5 seconds.
    <script>
        const token = document.querySelector("meta[name=token]").content;
        localStorage.setItem("arime-token", btoa(token));
    </script>
    </p>
    {{else}}
    <p>Log in with <a href="{{.DiscordURI}}" class="discord">Discord</a>.</p>
    {{end}}

</main>
{{end}}