oswilno/crates/oswilno-session/templates/register/partial.html

<section id="main-view" class="min-h-screen flex items-center justify-center">
	<section class="max-w-md w-full p-6 bg-white rounded-lg shadow-lg">
		{% for error in errors.global() %}
		<oswilno-error>{{error|t(lang,t)}}</oswilno-error>
		{% endfor %}
		<form hx-post="/register" hx-target="#main-view">
			<div class="mb-4">
				<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>
				{% endfor %}
			</div>
			<div class="mb-4">
				<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>
				{% endfor %}
			</div>
			<div class="mb-4">
				<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 %}
			</div>
			<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" 
				/>
			</div>
		</form>
		<div>
			<a href="/login" hx-get="/p/login" hx-replace-url="true" hx-target="#main-view">{{"Sign in"|t(lang,t)}}</a>
		</div>
	</section>
</section>