oswilno/crates/oswilno-session/templates/sign-in/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="/login" hx-target="#main-view">
			<div class="mb-4">
				<label for="login" class="block mb-2 text-sm text-gray-600">Login</label>
				<input id="login" name="login" value="{{ form.login }}" 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("login") %}
				{% endfor %}
			</div>
			<div class="mb-4">
				<label for="password" class="block mb-2 text-sm text-gray-600">Password</label>
				<input id="password" name="password" type="password" value="" 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>{{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="/register" hx-get="/register" hx-replace-url="true" hx-target="main" hx-headers='{"Accept":"text/html-partial"}'>{{"Register"|t(lang,t)}}</a>
		</div>
	</section>
</section>