<.header> {t_auth("Log in")} <:subtitle> <%= if @current_scope do %> {t_auth("You need to reauthenticate to perform sensitive actions on your account.")} <% else %> {t_auth("Don't have an account?")} <.link navigate={~p"/users/register"} class="font-semibold text-blue-600 hover:text-blue-700 dark:text-blue-400 dark:hover:text-blue-300" > {t_auth("Sign up")} {t_auth("for an account now.")} <% end %>

<.icon name="hero-information-circle" class="h-6 w-6 flex-shrink-0 text-blue-600 dark:text-blue-400" />

{t_auth("You are running the local mail adapter.")}

{t_auth("To see sent emails, visit")} {t_auth("the mailbox page")} .

<.form :let={f} for={@form} as={:user} id="login_form_password" action={~p"/users/log-in"}> <.input readonly={!!@current_scope} field={f[:email]} id="user_email_password" type="email" label={t_auth("Email")} autocomplete="email" required phx-mounted={JS.focus()} /> <.input field={f[:password]} id="user_password" type="password" label={t_auth("Password")} autocomplete="current-password" required />

<.link navigate={~p"/users/reset-password"} class="text-sm font-semibold text-blue-600 hover:text-blue-700 dark:text-blue-400 dark:hover:text-blue-300" > {t_auth("Forgot password?")}

<.button class="w-full" variant="primary" name={@form[:remember_me].name} value="true"> {t_auth("Log in")}

{t("or")}

<.form :let={f} for={@form} as={:user} id="login_form_magic" action={~p"/users/log-in"}> <.input readonly={!!@current_scope} field={f[:email]} id="user_email_magic" type="email" label={t_auth("Email")} autocomplete="email" required /> <.button class="w-full"> {t_auth("Send me a login link instead")}

<.link href={~p"/users/confirm"} class="text-blue-600 hover:text-blue-700 dark:text-blue-400" > {t_auth("Didn't receive confirmation instructions?")}