42 lines
1.5 KiB
Plaintext
42 lines
1.5 KiB
Plaintext
<div class="mx-auto pb-8 max-w-2xl flex flex-col justify-center items-center space-y-4">
|
|
<h1 class="title text-primary-400 text-xl">
|
|
{dgettext("actions", "log in")}
|
|
</h1>
|
|
|
|
<.form
|
|
:let={f}
|
|
for={@conn}
|
|
action={~p"/users/log_in"}
|
|
as={:user}
|
|
class="flex flex-col space-y-4 sm:space-y-0 sm:grid sm:grid-cols-3 sm:gap-4 justify-center items-center"
|
|
>
|
|
<p :if={@error_message} class="alert alert-danger col-span-3">
|
|
{@error_message}
|
|
</p>
|
|
|
|
{label(f, :email, gettext("email"), class: "title text-lg text-primary-400")}
|
|
{email_input(f, :email, required: true, class: "input input-primary col-span-2")}
|
|
|
|
{label(f, :password, gettext("password"), class: "title text-lg text-primary-400")}
|
|
{password_input(f, :password, required: true, class: "input input-primary col-span-2")}
|
|
|
|
{label(f, :remember_me, gettext("keep me logged in for 60 days"),
|
|
class: "title text-lg text-primary-400"
|
|
)}
|
|
{checkbox(f, :remember_me, class: "checkbox col-span-2")}
|
|
|
|
{submit(dgettext("actions", "log in"), class: "mx-auto btn btn-primary col-span-3")}
|
|
</.form>
|
|
|
|
<hr class="hr" />
|
|
|
|
<div class="flex flex-row justify-center items-center space-x-4">
|
|
<.link :if={Accounts.allow_registration?()} href={~p"/users/register"} class="btn btn-primary">
|
|
{dgettext("actions", "register")}
|
|
</.link>
|
|
<.link href={~p"/users/reset_password"} class="btn btn-primary">
|
|
{dgettext("actions", "forgot your password?")}
|
|
</.link>
|
|
</div>
|
|
</div>
|