52 lines
1.9 KiB
Plaintext
52 lines
1.9 KiB
Plaintext
package templates
|
|
|
|
templ LoginPage(message string) {
|
|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8"/>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
|
<title>Login - Deal Room</title>
|
|
<script src="https://unpkg.com/htmx.org@1.9.10"></script>
|
|
<script src="https://cdn.tailwindcss.com"></script>
|
|
</head>
|
|
<body class="bg-gray-50 min-h-screen flex items-center justify-center">
|
|
<div class="max-w-md w-full space-y-8">
|
|
<div class="text-center">
|
|
<h1 class="text-4xl font-bold text-gray-900 mb-2">Deal Room</h1>
|
|
<h2 class="text-xl text-gray-600">Secure Investment Banking Platform</h2>
|
|
</div>
|
|
|
|
<div class="bg-white py-8 px-6 shadow-xl rounded-lg">
|
|
<form hx-post="/auth/login" hx-target="#message" class="space-y-6">
|
|
<div>
|
|
<label for="email" class="block text-sm font-medium text-gray-700">Email address</label>
|
|
<input id="email" name="email" type="email" autocomplete="email" required
|
|
class="mt-1 block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500"/>
|
|
</div>
|
|
|
|
<div>
|
|
<button type="submit"
|
|
class="w-full flex justify-center py-2 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500">
|
|
Send Magic Link
|
|
</button>
|
|
</div>
|
|
</form>
|
|
|
|
<div id="message" class="mt-4">
|
|
if message != "" {
|
|
<div class="bg-blue-50 border-l-4 border-blue-400 p-4">
|
|
<p class="text-blue-700">{ message }</p>
|
|
</div>
|
|
}
|
|
</div>
|
|
</div>
|
|
|
|
<div class="text-center text-sm text-gray-500">
|
|
<p>Secure, passwordless authentication</p>
|
|
<p class="mt-1">Check your email for the login link</p>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|
|
} |