Added components, authentication and authorization

2026-05-04 16:53:19 +05:00
parent 493cd71d17
commit fb1cb8e834
37 changed files with 3545 additions and 21 deletions
@@ -0,0 +1,45 @@
+<div class="flex min-h-full items-center justify-center py-12">
+  <div class="w-full max-w-sm space-y-6">
+
+    <div class="text-center">
+      <h1 class="text-2xl font-bold tracking-tight text-foreground">Sign in</h1>
+      <p class="mt-1 text-sm text-muted-foreground">Enter your credentials to access your account</p>
+    </div>
+
+    $$ErrorMessage$$
+
+    <form method="post" action="/login" class="space-y-4">
+      $$AntiforgeryToken$$
+      <div class="space-y-2">
+        <label class="text-sm font-medium leading-none text-foreground" for="login-email">Email</label>
+        <input id="login-email" name="email" type="email" required autocomplete="email"
+               class="flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm
+                      placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1
+                      focus-visible:ring-ring"
+               placeholder="you@example.com" />
+      </div>
+
+      <div class="space-y-2">
+        <label class="text-sm font-medium leading-none text-foreground" for="login-password">Password</label>
+        <input id="login-password" name="password" type="password" required autocomplete="current-password"
+               class="flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm
+                      placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1
+                      focus-visible:ring-ring"
+               placeholder="••••••••" />
+      </div>
+
+      <button type="submit"
+              class="inline-flex h-9 w-full items-center justify-center rounded-md bg-primary px-4 py-2
+                     text-sm font-medium text-primary-foreground shadow transition-colors
+                     hover:bg-primary/90 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring">
+        Sign in
+      </button>
+    </form>
+
+    <p class="text-center text-sm text-muted-foreground">
+      Don't have an account?
+      <a href="/register" class="font-medium text-primary hover:underline">Sign up</a>
+    </p>
+
+  </div>
+</div>