{#if authState.isLoginModalOpen}
Login
authState.closeLoginModal()} class="text-zinc-500 hover:text-black dark:hover:text-white transition group" > ✕
{#if authState.loginMode === "select"}
authState.startMicrosoftLogin()} class="w-full flex items-center justify-center gap-3 bg-gray-100 hover:bg-gray-200 dark:bg-[#2F2F2F] dark:hover:bg-[#3F3F3F] text-gray-900 dark:text-white p-4 rounded-lg font-bold border border-transparent hover:border-zinc-400 dark:hover:border-zinc-500 transition-all group" >
Microsoft Account
OR
e.key === "Enter" && authState.performOfflineLogin()} />
authState.performOfflineLogin()} class="w-full bg-gray-200 hover:bg-gray-300 dark:bg-zinc-800 dark:hover:bg-zinc-700 text-gray-700 dark:text-zinc-300 p-3 rounded font-medium transition-colors" > Offline Login
{:else if authState.loginMode === "microsoft"}
{#if authState.msLoginLoading && !authState.deviceCodeData}
Starting login flow...
{:else if authState.deviceCodeData}
1. Go to this URL:
authState.deviceCodeData && openLink(authState.deviceCodeData.verification_uri)} class="text-indigo-600 dark:text-indigo-400 hover:text-indigo-500 dark:hover:text-indigo-300 underline break-all font-mono text-sm" > {authState.deviceCodeData.verification_uri}
2. Enter this code:
e.key === 'Enter' && navigator.clipboard.writeText(authState.deviceCodeData?.user_code || "")} onclick={() => navigator.clipboard.writeText( authState.deviceCodeData?.user_code || "" )} > {authState.deviceCodeData.user_code}
Click code to copy
{authState.msLoginStatus}
This window will update automatically.
{ authState.stopPolling(); authState.loginMode = "select"; }} class="text-xs text-zinc-500 hover:text-zinc-300 mt-6 underline" >Cancel
{/if}
{/if}
{/if}