package admin

import "gobeyhan/views/components"

templ Login() {
	@Layout("Login") {
		<div class="flex min-h-full flex-col justify-center px-6 py-12 lg:px-8">
			<div class="sm:mx-auto sm:w-full sm:max-w-sm">
				<h2 class="mt-10 text-center text-2xl font-bold leading-9 tracking-tight text-gray-900">Sign in to your account</h2>
			</div>

			<div class="mt-10 sm:mx-auto sm:w-full sm:max-w-sm">
				<form class="space-y-6" action="/admin/login" method="POST">
					@components.Input(components.InputProps{
						Label: "Email address",
						Name: "email",
						Type: "email",
						Placeholder: "admin@example.com",
					})

					@components.Input(components.InputProps{
						Label: "Password",
						Name: "password",
						Type: "password",
					})

					<div>
						@components.Button(components.ButtonProps{
							Type: "submit",
							Label: "Sign in",
						})
					</div>
				</form>
			</div>
		</div>
	}
}