66 lines
3.0 KiB
HTML
66 lines
3.0 KiB
HTML
{% extends "base.html" %}
|
|
{% import "macros/ui.html" as ui %}
|
|
|
|
{% block title %}{{ t(key="register-title", lang=lang | default(value='sk')) }}{% endblock title %}
|
|
|
|
{% block content %}
|
|
<div class="mx-auto mt-8 max-w-sm">
|
|
<div
|
|
class="rounded-radius border border-outline bg-surface-alt shadow-sm dark:border-outline-dark dark:bg-surface-dark-alt">
|
|
<div
|
|
class="flex items-center justify-between border-b border-outline px-5 py-3 dark:border-outline-dark">
|
|
<span class="text-sm font-medium text-on-surface-strong dark:text-on-surface-dark-strong">
|
|
{{ t(key="brand", lang=lang | default(value='sk')) }}
|
|
</span>
|
|
{{ ui::badge(label=t(key="auth", lang=lang | default(value='sk')), variant="primary") }}
|
|
</div>
|
|
|
|
<div class="p-5">
|
|
<h1 class="text-xl font-bold text-on-surface-strong dark:text-on-surface-dark-strong">
|
|
{{ t(key="register-title", lang=lang | default(value='sk')) }}
|
|
</h1>
|
|
|
|
{% if error == "exists" %}
|
|
{{ ui::alert_danger(message=t(key="register-error-exists", lang=lang | default(value='sk')), extra="mt-3") }}
|
|
{% elif error %}
|
|
{{ ui::alert_danger(message=t(key="register-error-invalid", lang=lang | default(value='sk')), extra="mt-3") }}
|
|
{% endif %}
|
|
|
|
<form method="post" action="/register" hx-boost="false" class="mt-4 flex flex-col gap-4">
|
|
<div class="flex flex-col gap-1">
|
|
<label for="name"
|
|
class="text-sm font-medium text-on-surface-strong dark:text-on-surface-dark-strong">
|
|
{{ t(key="register-name", lang=lang | default(value='sk')) }}
|
|
</label>
|
|
{{ ui::input(name="name", id="name", required=true, autocomplete="name", attrs="autofocus") }}
|
|
</div>
|
|
|
|
<div class="flex flex-col gap-1">
|
|
<label for="email"
|
|
class="text-sm font-medium text-on-surface-strong dark:text-on-surface-dark-strong">
|
|
{{ t(key="login-email", lang=lang | default(value='sk')) }}
|
|
</label>
|
|
{{ ui::input(name="email", id="email", type="email", required=true, autocomplete="email") }}
|
|
</div>
|
|
|
|
<div class="flex flex-col gap-1">
|
|
<label for="password"
|
|
class="text-sm font-medium text-on-surface-strong dark:text-on-surface-dark-strong">
|
|
{{ t(key="login-password", lang=lang | default(value='sk')) }}
|
|
</label>
|
|
{{ ui::input(name="password", id="password", type="password", required=true, autocomplete="new-password") }}
|
|
</div>
|
|
|
|
{{ ui::button(label=t(key="register-submit", lang=lang | default(value='sk')), type="submit", extra="mt-1 w-full") }}
|
|
</form>
|
|
|
|
<p class="mt-4 text-sm text-on-surface dark:text-on-surface-dark">
|
|
{{ t(key="login-have-account", lang=lang | default(value='sk')) }}
|
|
<a href="/login"
|
|
class="font-medium text-primary underline-offset-2 hover:underline dark:text-primary-dark">{{ t(key="nav-login", lang=lang | default(value='sk')) }}</a>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endblock content %}
|