2023-08-05 14:48:13 +02:00
|
|
|
<section id="main-view" class="min-h-screen flex items-center justify-center">
|
2023-08-04 22:39:04 +02:00
|
|
|
<section class="max-w-md w-full p-6 bg-white rounded-lg shadow-lg">
|
2023-08-05 22:20:23 +02:00
|
|
|
{% for error in errors.global() %}
|
2023-08-04 22:39:04 +02:00
|
|
|
<oswilno-error>{{error|t(lang,t)}}</oswilno-error>
|
|
|
|
{% endfor %}
|
2023-08-05 14:48:13 +02:00
|
|
|
<form hx-post="/register" hx-target="#main-view">
|
|
|
|
<div class="mb-4">
|
2023-08-05 22:20:23 +02:00
|
|
|
<label for="login" class="block mb-2 text-sm text-gray-600">{{"Login"|t(lang,t)}}</label>
|
|
|
|
<input
|
|
|
|
id="login"
|
|
|
|
name="login"
|
|
|
|
value="{{form.input_login}}"
|
|
|
|
required
|
|
|
|
class="w-full px-4 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-cyan-500"
|
|
|
|
/>
|
|
|
|
{% for error in errors.field("input_login") %}
|
|
|
|
<oswilno-error class="mb-2 mt-2">{{error|t(lang,t)}}</oswilno-error>
|
2023-08-04 22:39:04 +02:00
|
|
|
{% endfor %}
|
|
|
|
</div>
|
2023-08-05 14:48:13 +02:00
|
|
|
<div class="mb-4">
|
2023-08-05 22:20:23 +02:00
|
|
|
<label for="email" class="block mb-2 text-sm text-gray-600">{{"E-Mail"|t(lang,t)}}</label>
|
|
|
|
<input
|
|
|
|
id="email"
|
|
|
|
name="email"
|
|
|
|
type="email"
|
|
|
|
value="{{form.email}}"
|
|
|
|
required
|
|
|
|
class="w-full px-4 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-cyan-500"
|
|
|
|
/>
|
|
|
|
{% for error in errors.field("email") %}
|
|
|
|
<oswilno-error class="mb-2 mt-2">{{error|t(lang,t)}}</oswilno-error>
|
2023-08-04 22:39:04 +02:00
|
|
|
{% endfor %}
|
|
|
|
</div>
|
2023-08-05 14:48:13 +02:00
|
|
|
<div class="mb-4">
|
2023-08-05 22:20:23 +02:00
|
|
|
<label for="password" class="block mb-2 text-sm text-gray-600">{{"Password"|t(lang,t)}}</label>
|
|
|
|
<input
|
|
|
|
id="password"
|
|
|
|
name="password"
|
|
|
|
type="password"
|
|
|
|
value="{{form.password}}"
|
|
|
|
required
|
|
|
|
class="w-full px-4 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-cyan-500"
|
|
|
|
/>
|
|
|
|
{% for error in errors.field("password") %}
|
|
|
|
<oswilno-error class="mb-2 mt-2">{{error|t(lang,t)}}</oswilno-error>
|
|
|
|
{% endfor %}
|
2023-08-04 22:39:04 +02:00
|
|
|
</div>
|
2023-08-15 12:33:53 +02:00
|
|
|
<div class="mb-4">
|
|
|
|
<label for="password_confirmation" class="block mb-2 text-sm text-gray-600">{{"Password confirmation"|t(lang,t)}}</label>
|
|
|
|
<input
|
|
|
|
id="password_confirmation"
|
|
|
|
name="password_confirmation"
|
|
|
|
type="password"
|
|
|
|
required
|
|
|
|
class="w-full px-4 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-cyan-500"
|
|
|
|
/>
|
|
|
|
{% for error in errors.field("password_confirmation") %}
|
|
|
|
<oswilno-error class="mb-2 mt-2">{{error|t(lang,t)}}</oswilno-error>
|
|
|
|
{% endfor %}
|
|
|
|
</div>
|
2023-08-05 14:48:13 +02:00
|
|
|
<div class="mb-6">
|
|
|
|
<input
|
|
|
|
type="submit"
|
|
|
|
value="{{"Submit"|t(lang,t)}}"
|
|
|
|
class="w-32 bg-cyan-600 text-white py-2 rounded-lg mx-auto block focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-cyan-500 mb-2"
|
|
|
|
/>
|
2023-08-04 22:39:04 +02:00
|
|
|
</div>
|
|
|
|
</form>
|
2023-08-05 14:48:13 +02:00
|
|
|
<div>
|
2023-08-14 22:23:18 +02:00
|
|
|
<a href="/login" hx-get="/login" hx-replace-url="true" hx-target="main" hx-headers='{"Accept":"text/html-partial"}'>{{"Sign in"|t(lang,t)}}</a>
|
2023-08-05 14:48:13 +02:00
|
|
|
</div>
|
2023-08-04 22:39:04 +02:00
|
|
|
</section>
|
|
|
|
</section>
|