Simplify Login, remove registration for now

Adds a login page with username and password fields.
Includes input validation, loading state, error handling,
and a success message after successful login.
Registration has been temporarily disabled.

src/pages/Login.vue

@@ -15,7 +15,13 @@
       <Card class="border-0 shadow-lg">
         <CardContent class="p-6 sm:p-8">
           <!-- Mode Toggle -->
-          <div class="flex rounded-lg bg-muted p-1 mb-8">
+          <!-- TODO: Make register tab dynamic based on server config
+               Once LNbits adds a public endpoint like /api/v1/server/config that returns:
+               { "allow_new_accounts": boolean, "auth_methods": string[] }
+               We can fetch this on mount and conditionally show the Register tab.
+               For now, registration is disabled server-side so we hide the toggle.
+          -->
+          <!-- <div class="flex rounded-lg bg-muted p-1 mb-8">
             <button
               @click="activeMode = 'login'"
               :class="[
@@ -28,6 +34,7 @@
               Sign In
             </button>
             <button
+              v-if="allowRegistration"
               @click="activeMode = 'register'"
               :class="[
                 'flex-1 rounded-md px-3 py-2 text-sm font-medium transition-all',
@@ -38,10 +45,10 @@
             >
               Register
             </button>
-          </div>
+          </div> -->
 
           <!-- Login Form -->
-          <form v-if="activeMode === 'login'" @submit.prevent="handleLogin" class="space-y-4">
+          <form @submit.prevent="handleLogin" class="space-y-4">
             <div class="space-y-2">
               <Label for="login-username" class="text-sm font-medium">Username</Label>
               <Input
@@ -84,72 +91,6 @@
             </Button>
           </form>
 
-          <!-- Register Form -->
-          <form v-else @submit.prevent="handleRegister" class="space-y-4">
-            <div class="space-y-2">
-              <Label for="register-username" class="text-sm font-medium">Username</Label>
-              <Input
-                id="register-username"
-                v-model="registerForm.username"
-                placeholder="Choose a username"
-                :disabled="isLoading"
-                class="h-11"
-              />
-            </div>
-            <div class="space-y-2">
-              <Label for="register-email" class="text-sm font-medium">Email <span class="text-muted-foreground">(optional)</span></Label>
-              <Input
-                id="register-email"
-                type="email"
-                v-model="registerForm.email"
-                placeholder="your@email.com"
-                :disabled="isLoading"
-                class="h-11"
-              />
-            </div>
-            <div class="space-y-2">
-              <Label for="register-password" class="text-sm font-medium">Password</Label>
-              <Input
-                id="register-password"
-                type="password"
-                v-model="registerForm.password"
-                placeholder="Minimum 6 characters"
-                :disabled="isLoading"
-                class="h-11"
-              />
-            </div>
-            <div class="space-y-2">
-              <Label for="register-password-repeat" class="text-sm font-medium">Confirm Password</Label>
-              <Input
-                id="register-password-repeat"
-                type="password"
-                v-model="registerForm.password_repeat"
-                placeholder="Re-enter your password"
-                :disabled="isLoading"
-                class="h-11"
-              />
-            </div>
-
-            <!-- Error Display -->
-            <p v-if="error" class="text-sm text-destructive">
-              {{ error }}
-            </p>
-
-            <Button
-              type="submit"
-              :disabled="isLoading || !canRegister"
-              class="w-full h-11 text-base font-medium"
-            >
-              <span v-if="isLoading" class="mr-2">
-                <svg class="animate-spin h-4 w-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
-                  <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
-                  <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
-                </svg>
-              </span>
-              {{ isLoading ? 'Creating Account...' : 'Create Account' }}
-            </Button>
-          </form>
-
           <!-- Success Message -->
           <div
             v-if="successMessage"
@@ -182,7 +123,10 @@ const router = useRouter()
 const isLoading = ref(false)
 const error = ref('')
 const successMessage = ref('')
-const activeMode = ref<'login' | 'register'>('login')
+
+// TODO: Fetch from server config endpoint when available
+// const allowRegistration = ref(false)
+// const activeMode = ref<'login' | 'register'>('login')
 
 // Login form
 const loginForm = ref({
@@ -190,23 +134,10 @@ const loginForm = ref({
   password: ''
 })
 
-// Register form
-const registerForm = ref({
-  username: '',
-  email: '',
-  password: '',
-  password_repeat: ''
-})
-
 const canLogin = computed(() => {
   return loginForm.value.username.trim() && loginForm.value.password.trim()
 })
 
-const canRegister = computed(() => {
-  const { username, password, password_repeat } = registerForm.value
-  return username.trim() && password.trim() && password === password_repeat && password.length >= 6
-})
-
 // Login with existing credentials
 async function handleLogin() {
   if (!canLogin.value) return
@@ -236,36 +167,4 @@ async function handleLogin() {
     isLoading.value = false
   }
 }
-
-// Register new account
-async function handleRegister() {
-  if (!canRegister.value) return
-
-  try {
-    isLoading.value = true
-    error.value = ''
-    successMessage.value = ''
-
-    await auth.register({
-      username: registerForm.value.username,
-      email: registerForm.value.email || undefined,
-      password: registerForm.value.password,
-      password_repeat: registerForm.value.password_repeat
-    })
-
-    successMessage.value = 'Registration successful! Redirecting...'
-    toast.success(`Account created! Welcome ${registerForm.value.username}!`)
-
-    // Redirect to home page after successful registration
-    setTimeout(() => {
-      router.push('/')
-    }, 1500)
-
-  } catch (err) {
-    error.value = err instanceof Error ? err.message : 'Registration failed'
-    toast.error('Registration failed. Please try again.')
-  } finally {
-    isLoading.value = false
-  }
-}
 </script>