2023-10-20 20:41:49 +02:00
< div class = "flex flex-col items-center justify-center px-6 py-8 mx-auto lg:py-0" >
< div class = "w-full bg-white rounded-lg shadow dark:border md:mt-0 sm:max-w-md xl:p-0 dark:bg-gray-800 dark:border-gray-700" >
< div class = "p-6 space-y-4 md:space-y-6 sm:p-8" >
< h1 class = "text-xl font-bold leading-tight tracking-tight text-gray-900 md:text-2xl dark:text-white" >
Sign in to your account
< / h1 >
< div id = "response" class = "text-gray-900 dark:text-white" >
2023-10-21 20:47:11 +02:00
<?= $hello ?>
2023-10-20 20:41:49 +02:00
< / div >
2023-10-21 21:30:20 +02:00
< form class = "space-y-4 md:space-y-6" hx-post = "/login/validate" hx-target = "#response" >
2023-10-20 20:41:49 +02:00
< div >
< label for = "email" class = "block mb-2 text-sm font-medium text-gray-900 dark:text-white" > Your email< / label >
< input type = "email" name = "email" id = "email" class = "bg-gray-50 border border-gray-300 text-gray-900 sm:text-sm rounded-lg focus:ring-primary-600 focus:border-primary-600 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500" placeholder = "name@company.com" required = "" >
< / div >
< div >
< label for = "password" class = "block mb-2 text-sm font-medium text-gray-900 dark:text-white" > Password< / label >
< input type = "password" name = "password" id = "password" placeholder = "••••••••" class = "bg-gray-50 border border-gray-300 text-gray-900 sm:text-sm rounded-lg focus:ring-primary-600 focus:border-primary-600 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500" required = "" >
< / div >
< div class = "flex items-center justify-between" >
< div class = "flex items-start" >
< div class = "flex items-center h-5" >
< input id = "remember" name = "remember" aria-describedby = "remember" type = "checkbox" value = "true" class = "w-4 h-4 border border-gray-300 rounded bg-gray-50 focus:ring-3 focus:ring-primary-300 dark:bg-gray-700 dark:border-gray-600 dark:focus:ring-primary-600 dark:ring-offset-gray-800" >
< / div >
< div class = "ml-3 text-sm" >
< label for = "remember" class = "text-gray-500 dark:text-gray-300" > Remember me< / label >
2023-10-18 22:42:01 +02:00
< / div >
< / div >
2023-10-20 20:41:49 +02:00
< a href = "#" class = "text-sm font-medium text-primary-600 hover:underline dark:text-primary-500 dark:text-gray-400" > Forgot password?< / a >
< / div >
2023-10-21 20:47:11 +02:00
< button type = "submit" class = "bg-sky-500 hover:bg-sky-700 p-2 rounded" >
2023-10-20 20:41:49 +02:00
Sign in
< / button >
< p class = "text-sm font-light text-gray-500 dark:text-gray-400" >
2023-10-22 01:46:22 +02:00
Don’ t have an account yet? < a href = "#" hx-get = "/register" hx-push-url = "/register" hx-target = "#main" class = "font-medium text-primary-600 hover:underline dark:text-primary-500" > Sign up< / a >
2023-10-20 20:41:49 +02:00
< / p >
< / form >
2023-10-18 22:42:01 +02:00
< / div >
< / div >
2023-10-20 20:41:49 +02:00
< / div >