{i18n.t("common.skip_to_content")}
{i18n.t("login.title")}
{i18n.t("common.language")}
{#each SUPPORTED_LOCALES as locale (locale.code)}
{locale.nativeName}
{/each}
{#if step === "email"}
{i18n.t("login.email_label")}
(emailReadonly = false)} bind:value={email} disabled={pending} required data-testid="login-email-input" />
{pending ? i18n.t("login.sending") : i18n.t("login.send_code")}
{:else}
{i18n.t("login.code_sent_to", { email })}
{i18n.t("login.code_label")}
(codeReadonly = false)} bind:value={code} disabled={pending} required data-testid="login-code-input" />
{pending ? i18n.t("login.verifying") : i18n.t("login.verify")}
{i18n.t("login.send_new_code")}
{i18n.t("login.change_email")}
{/if} {#if error !== null}
{error}
{/if}