package templates

templ LoginForm(failed bool){
	// {{
	// 	failedClass := ""
	// 	if(failed){
	// 		failedClass = "border border-red-600"
	// 	}
	// }}
	@Style()
	<div class="w-full h-[100vh] flex flex-col justify-center items-center">

	<form method="POST" class={"w-1/2 flex flex-col gap-4 p-2"}>
		<input name="personal_nummer" placeholder="Personalnummer" type="text" class="w-full placeholder:text-neutral-400 text-neutral-700 text-sm border border-neutral-300  rounded-md px-3 py-2 transition duration-300 ease focus:outline-none hover:border-neutral-500"/>
		<input name="password" placeholder="Passwort" type="password" class="w-full placeholder:text-neutral-400 text-neutral-700 text-sm border border-neutral-300  rounded-md px-3 py-2 transition duration-300 ease focus:outline-none hover:border-neutral-500"/>
		if failed {
			<p class="text-red-600 text-sm" >Login fehlgeschlagen, bitte erneut versuchen!</p>
		}
		<button type="submit" class="cursor-pointer rounded-md text-neutral-800 p-2 md:px-4 border text-center text-sm hover:text-white transition-colors  border-neutral-300 focus:bg-neutral-700 active:bg-neutral-700 hover:bg-neutral-700 disabled:pointer-events-none disabled:opacity-50">Login</button>
	</form>
	</div>
}