NEXUS-1: Initial commit of Nexus

internal/handler/templates/forgot-password.html

@@ -0,0 +1,58 @@
+{{define "content"}}
+<div id="auth-form">
+    <h2 class="text-xl font-semibold text-white mb-2">Reset your password</h2>
+    <p class="text-slate-400 text-sm mb-6">Enter your email address and we'll send you a link to reset your password.</p>
+
+    {{if .Success}}
+    <div class="bg-emerald-500/10 border border-emerald-500/30 text-emerald-400 rounded-lg px-4 py-3 mb-6 text-sm animate-fade-in" role="alert">
+        {{.Success}}
+    </div>
+
+    <p class="text-center text-slate-400 text-sm mt-6">
+        <a href="/login" class="text-indigo-400 hover:text-indigo-300 font-medium transition-colors">Back to sign in</a>
+    </p>
+    {{else}}
+    {{if .Error}}
+    <div class="bg-red-500/10 border border-red-500/30 text-red-400 rounded-lg px-4 py-3 mb-6 text-sm animate-fade-in" role="alert">
+        {{.Error}}
+    </div>
+    {{end}}
+
+    <form
+        hx-post="/forgot-password"
+        hx-target="#auth-form"
+        hx-swap="outerHTML"
+        hx-disabled-elt="button[type=submit], input"
+        class="space-y-5"
+    >
+        <div>
+            <label for="email" class="block text-sm font-medium text-slate-300 mb-1.5">Email address</label>
+            <input
+                type="email"
+                id="email"
+                name="email"
+                value="{{.Email}}"
+                required
+                autofocus
+                autocomplete="email"
+                class="w-full px-4 py-2.5 bg-slate-700/50 border border-slate-600 rounded-lg text-white placeholder-slate-400 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:border-transparent transition-colors"
+                placeholder="you@example.com"
+            >
+        </div>
+
+        <button
+            type="submit"
+            class="w-full py-2.5 px-4 bg-indigo-600 hover:bg-indigo-500 text-white font-medium rounded-lg transition-colors focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2 focus:ring-offset-slate-800 disabled:opacity-50 disabled:cursor-not-allowed"
+        >
+            <span class="htmx-indicator">Send reset link</span>
+            <span class="htmx-request hidden">Sending...</span>
+        </button>
+    </form>
+
+    <p class="text-center text-slate-400 text-sm mt-6">
+        <a href="/login" class="text-indigo-400 hover:text-indigo-300 font-medium transition-colors">Back to sign in</a>
+    </p>
+    {{end}}
+</div>
+{{end}}
+